@charset "UTF-8";

@font-face {
    font-family: suminoe-icon;
    src: url(/cdn/shop/files/suminoe-icon.eot?1726814116);
    src: url(/cdn/shop/files/suminoe-icon.eot?1726814116#iefix) format("eot"),url(/cdn/shop/files/suminoe-icon.woff2?1726814116) format("woff2"),url(/cdn/shop/files/suminoe-icon.woff?1726814116) format("woff"),url(/cdn/shop/files/suminoe-icon.ttf?1726814116) format("truetype"),url(/cdn/shop/files/suminoe-icon.svg?1726814116#suminoe-icon) format("svg");
    font-weight: 400;
    font-style: normal
}


[class*=' icon-'],[class^=icon-] {
	font-family: suminoe-icon!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-feature-settings: normal;
	font-variant: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
	line-height: 1
}

.icon-archives:before {
	content: '\f001'
}

.icon-arts:before {
	content: '\f002'
}

.icon-business:before {
	content: '\f003'
}

.icon-calendar:before {
	content: '\f004'
}

.icon-car:before {
	content: '\f005'
}

.icon-circle:before {
	content: '\f006'
}

.icon-company:before {
	content: '\f007'
}

.icon-functional:before {
	content: '\f008'
}

.icon-group:before {
	content: '\f009'
}

.icon-highlight:before {
	content: '\f00a'
}

.icon-history:before {
	content: '\f00b'
}

.icon-idea:before {
	content: '\f00c'
}

.icon-interior:before {
	content: '\f00d'
}

.icon-investor:before {
	content: '\f00e'
}

.icon-logo:before {
	content: '\f00f'
}

.icon-mail:before {
	content: '\f010'
}

.icon-mark:before {
	content: '\f011'
}

.icon-mark2:before {
	content: '\f012'
}

.icon-message:before {
	content: '\f013'
}

.icon-number:before {
	content: '\f014'
}

.icon-pdf:before {
	content: '\f015'
}

.icon-point:before {
	content: '\f016'
}

.icon-policy:before {
	content: '\f017'
}

.icon-public:before {
	content: '\f018'
}

.icon-sdgs:before {
	content: '\f019'
}

.icon-stock:before {
	content: '\f01a'
}

.icon-stockholder:before {
	content: '\f01b'
}

.icon-tab:before {
	content: '\f01c'
}

.icon-traditional:before {
	content: '\f01d'
}

.icon-window-new:before {
	content: '\f01e'
}

*,::after,::before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

.page-history article,
.page-history aside,
.page-history figcaption,
.page-history figure,
.page-history footer,
.page-history header,
.page-history hgroup,
.page-history main,
.page-history nav,
.page-history section {
	display: block
}

body {
	margin: 0;
	/* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.75;
	color: #343a40;
	text-align: left;
	/* background-color: #fff */
}

.page-history [tabindex="-1"]:focus:not(.focus-visible) {
	outline: 0!important
}

.page-history [tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0!important
}

.page-history hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

.page-history h1,.page-history h2,.page-history h3,.page-history h4,.page-history h5,.page-history h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

.page-history p {
	margin-top: 0;
	margin-bottom: 1rem
}

.page-history abbr[data-original-title],.page-history abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none
}

.page-history address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

.page-history dl,.page-history ol,.page-history ul {
	margin-top: 0;
	margin-bottom: 1rem
}

/* ol ol,ol ul,ul ol,ul ul {
	margin-bottom: 0
} */

.page-history dt {
	font-weight: 700
}

.page-history dd {
	margin-bottom: .5rem;
	margin-left: 0
}

.page-history blockquote {
	margin: 0 0 1rem
}

.page-history b,.page-history strong {
	font-weight: bolder
}

.page-history small {
	font-size: 80%
}

.page-history sub,.page-history sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

.page-history sub {
	bottom: -.25em
}

.page-history sup {
	top: -.5em
}

.page-history a {
	color: #dc000c;
	text-decoration: none;
	background-color: transparent
}

.page-history a:hover {
	color: #900008;
	text-decoration: underline
}

.page-history a:not([href]):not([class]) {
	color: inherit;
	text-decoration: none
}

.page-history a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}

.page-history code,.page-history kbd,.page-history pre,.page-history samp {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-size: 1em
}

.page-history pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	-ms-overflow-style: scrollbar
}

.page-history figure {
	margin: 0 0 1rem
}

.page-history img {
	vertical-align: middle;
	border-style: none
}

.page-history svg {
	overflow: hidden;
	vertical-align: middle
}

.page-history table {
	border-collapse: collapse
}

.page-history caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #868e96;
	text-align: left;
	caption-side: bottom
}

.page-history th {
	text-align: inherit;
	text-align: -webkit-match-parent
}

.page-history label {
	display: inline-block;
	margin-bottom: .5rem
}

.page-history button {
	border-radius: 0
}

.page-history button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

.page-history .container,.page-history .container-fluid,.page-history .container-lg,.page-history .container-md,.page-history .container-sm,.page-history .container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.page-history .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.page-history .no-gutters {
	margin-right: 0;
	margin-left: 0
}

.page-history .no-gutters>.col,.page-history .no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.page-history .col,.page-history .col-1,.page-history .col-10,.page-history .col-11,.page-history .col-12,.page-history .col-2,.page-history .col-3,.page-history .col-4,.page-history .col-5,.page-history .col-6,.page-history .col-7,.page-history .col-8,.page-history .col-9,.page-history .col-auto,.page-history .col-lg,.page-history .col-lg-1,.page-history .col-lg-10,.page-history .col-lg-11,.page-history .col-lg-12,.page-history .col-lg-2,.page-history .col-lg-3,.page-history .col-lg-4,.page-history .col-lg-5,.page-history .col-lg-6,.page-history .col-lg-7,.page-history .col-lg-8,.page-history .col-lg-9,.page-history .col-lg-auto,.page-history .col-md,.page-history .col-md-1,.page-history .col-md-10,.page-history .col-md-11,.page-history .col-md-12,.page-history .col-md-2,.page-history .col-md-3,.page-history .col-md-4,.page-history .col-md-5,.page-history .col-md-6,.page-history .col-md-7,.page-history .col-md-8,.page-history .col-md-9,.page-history .col-md-auto,.page-history .col-sm,.page-history .col-sm-1,.page-history .col-sm-10,.page-history .col-sm-11,.page-history .col-sm-12,.page-history .col-sm-2,.page-history .col-sm-3,.page-history .col-sm-4,.page-history .col-sm-5,.page-history .col-sm-6,.page-history .col-sm-7,.page-history .col-sm-8,.page-history .col-sm-9,.page-history .col-sm-auto,.page-history .col-xl,.page-history .col-xl-1,.page-history .col-xl-10,.page-history .col-xl-11,.page-history .col-xl-12,.page-history .col-xl-2,.page-history .col-xl-3,.page-history .col-xl-4,.page-history .col-xl-5,.page-history .col-xl-6,.page-history .col-xl-7,.page-history .col-xl-8,.page-history .col-xl-9,.page-history .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.page-history .col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}

.page-history .row-cols-1>* {
	flex: 0 0 100%;
	max-width: 100%
}

.page-history .row-cols-2>* {
	flex: 0 0 50%;
	max-width: 50%
}

.page-history .row-cols-3>* {
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.page-history .row-cols-4>* {
	flex: 0 0 25%;
	max-width: 25%
}

.page-history .row-cols-5>* {
	flex: 0 0 20%;
	max-width: 20%
}

.page-history .row-cols-6>* {
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

.page-history .col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.page-history .col-1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%
}

.page-history .col-2 {
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

.page-history .col-3 {
	flex: 0 0 25%;
	max-width: 25%
}

.page-history .col-4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.page-history .col-5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%
}

.page-history .col-6 {
	flex: 0 0 50%;
	max-width: 50%
}

.page-history .col-7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%
}

.page-history .col-8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%
}

.page-history .col-9 {
	flex: 0 0 75%;
	max-width: 75%
}

.page-history .col-10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%
}

.page-history .col-11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%
}

.page-history .col-12 {
	flex: 0 0 100%;
	max-width: 100%
}

.page-history .order-first {
	order: -1
}

.page-history .order-last {
	order: 13
}

.page-history .order-0 {
	order: 0
}

.page-history .order-1 {
	order: 1
}

.page-history .order-2 {
	order: 2
}

.page-history .order-3 {
	order: 3
}

.page-history .order-4 {
	order: 4
}

.page-history .order-5 {
	order: 5
}

.page-history .order-6 {
	order: 6
}

.page-history .order-7 {
	order: 7
}

.page-history .order-8 {
	order: 8
}

.page-history .order-9 {
	order: 9
}

.page-history .order-10 {
	order: 10
}

.page-history .order-11 {
	order: 11
}

.page-history .order-12 {
	order: 12
}

.page-history .offset-1 {
	margin-left: 8.33333%
}

.page-history .offset-2 {
	margin-left: 16.66667%
}

.page-history .offset-3 {
	margin-left: 25%
}

.page-history .offset-4 {
	margin-left: 33.33333%
}

.page-history .offset-5 {
	margin-left: 41.66667%
}

.page-history .offset-6 {
	margin-left: 50%
}

.page-history .offset-7 {
	margin-left: 58.33333%
}

.page-history .offset-8 {
	margin-left: 66.66667%
}

.page-history .offset-9 {
	margin-left: 75%
}

.page-history .offset-10 {
	margin-left: 83.33333%
}

.page-history .offset-11 {
	margin-left: 91.66667%
}

.page-history .d-none {
	display: none!important
}

.page-history .d-inline {
	display: inline!important
}

.page-history .d-inline-block {
	display: inline-block!important
}

.page-history .d-block {
	display: block!important
}

.page-history .d-table {
	display: table!important
}

.page-history .d-table-row {
	display: table-row!important
}

.page-history .d-table-cell {
	display: table-cell!important
}

.page-history .d-flex {
	display: flex!important
}

.page-history .d-inline-flex {
	display: inline-flex!important
}

.page-history .flex-row {
	flex-direction: row!important
}

.page-history .flex-column {
	flex-direction: column!important
}

.page-history .flex-row-reverse {
	flex-direction: row-reverse!important
}

.page-history .flex-column-reverse {
	flex-direction: column-reverse!important
}

.page-history .flex-wrap {
	flex-wrap: wrap!important
}

.page-history .flex-nowrap {
	flex-wrap: nowrap!important
}

.page-history .flex-wrap-reverse {
	flex-wrap: wrap-reverse!important
}

.page-history .flex-fill {
	flex: 1 1 auto!important
}

.page-history .flex-grow-0 {
	flex-grow: 0!important
}

.page-history .flex-grow-1 {
	flex-grow: 1!important
}

.page-history .flex-shrink-0 {
	flex-shrink: 0!important
}

.page-history .flex-shrink-1 {
	flex-shrink: 1!important
}

.page-history .justify-content-start {
	justify-content: flex-start!important
}

.page-history .justify-content-end {
	justify-content: flex-end!important
}

.page-history .justify-content-center {
	justify-content: center!important
}

.page-history .justify-content-between {
	justify-content: space-between!important
}

.page-history .justify-content-around {
	justify-content: space-around!important
}

.page-history .align-items-start {
	align-items: flex-start!important
}

.page-history .align-items-end {
	align-items: flex-end!important
}

.page-history .align-items-center {
	align-items: center!important
}

.page-history .align-items-baseline {
	align-items: baseline!important
}

.page-history .align-items-stretch {
	align-items: stretch!important
}

.page-history .align-content-start {
	align-content: flex-start!important
}

.page-history .align-content-end {
	align-content: flex-end!important
}

.page-history .align-content-center {
	align-content: center!important
}

.page-history .align-content-between {
	align-content: space-between!important
}

.page-history .align-content-around {
	align-content: space-around!important
}

.page-history .align-content-stretch {
	align-content: stretch!important
}

.page-history .align-self-auto {
	align-self: auto!important
}

.page-history .align-self-start {
	align-self: flex-start!important
}

.page-history .align-self-end {
	align-self: flex-end!important
}

.page-history .align-self-center {
	align-self: center!important
}

.page-history .align-self-baseline {
	align-self: baseline!important
}

.page-history .align-self-stretch {
	align-self: stretch!important
}

.page-history .table {
	width: 100%;
	margin-bottom: 1rem;
	color: #343a40
}

.page-history .table td,.page-history .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}

.page-history .table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6
}

.page-history .table tbody+tbody {
	border-top: 2px solid #dee2e6
}

.page-history .table-sm td,.page-history .table-sm th {
	padding: .3rem
}

.page-history .table-bordered {
	border: 1px solid #dee2e6
}

.page-history .table-bordered td,.page-history .table-bordered th {
	border: 1px solid #dee2e6
}

.page-history .table-bordered thead td,.page-history .table-bordered thead th {
	border-bottom-width: 2px
}

.page-history .table-borderless tbody+tbody,.page-history .table-borderless td,.page-history .table-borderless th,.page-history .table-borderless thead th {
	border: 0
}

.page-history .table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,.05)
}

.page-history .table-hover tbody tr:hover {
	color: #343a40;
	background-color: rgba(0,0,0,.075)
}

.page-history .table-primary,.page-history .table-primary>td,.page-history .table-primary>th {
	background-color: #f5b8bb
}

.page-history .table-primary tbody+tbody,.page-history .table-primary td,.page-history .table-primary th,.page-history .table-primary thead th {
	border-color: #ed7a81
}

.page-history .table-hover .table-primary:hover {
	background-color: #f2a2a6
}

.page-history .table-hover .table-primary:hover>td,.page-history .table-hover .table-primary:hover>th {
	background-color: #f2a2a6
}

.page-history .table-secondary,.page-history .table-secondary>td,.page-history .table-secondary>th {
	background-color: #e8eaed
}

.page-history .table-secondary tbody+tbody,.page-history .table-secondary td,.page-history .table-secondary th,.page-history .table-secondary thead th {
	border-color: #d4d9dd
}

.page-history .table-hover .table-secondary:hover {
	background-color: #dadde2
}

.page-history .table-hover .table-secondary:hover>td,.page-history .table-hover .table-secondary:hover>th {
	background-color: #dadde2
}

.page-history .table-success,.page-history .table-success>td,.page-history .table-success>th {
	background-color: #d8e5c4
}

.page-history .table-success tbody+tbody,.page-history .table-success td,.page-history .table-success th,.page-history .table-success thead th {
	border-color: #b7ce91
}

.page-history .table-hover .table-success:hover {
	background-color: #ccddb2
}

.page-history .table-hover .table-success:hover>td,.page-history .table-hover .table-success:hover>th {
	background-color: #ccddb2
}

.page-history .table-info,.page-history .table-info>td,.page-history .table-info>th {
	background-color: #bde4f1
}

.page-history .table-info tbody+tbody,.page-history .table-info td,.page-history .table-info th,.page-history .table-info thead th {
	border-color: #84cee4
}

.page-history .table-hover .table-info:hover {
	background-color: #a8dbed
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
	background-color: #a8dbed
}

.table-warning,.table-warning>td,.table-warning>th {
	background-color: #f3e9bf
}

.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
	border-color: #e8d687
}

.table-hover .table-warning:hover {
	background-color: #efe2aa
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
	background-color: #efe2aa
}

.table-danger,.table-danger>td,.table-danger>th {
	background-color: #f5b8bb
}

.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
	border-color: #ed7a81
}

.table-hover .table-danger:hover {
	background-color: #f2a2a6
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
	background-color: #f2a2a6
}

.table-light,.table-light>td,.table-light>th {
	background-color: #fdfdfe
}

.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
	border-color: #fbfcfc
}

.table-hover .table-light:hover {
	background-color: #ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
	background-color: #ececf6
}

.table-dark,.table-dark>td,.table-dark>th {
	background-color: #ccced0
}

.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
	border-color: #a0a4a8
}

.table-hover .table-dark:hover {
	background-color: #bfc1c4
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
	background-color: #bfc1c4
}

.table-active,.table-active>td,.table-active>th {
	background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
	background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
	background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55
}

.table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.table-dark {
	color: #fff;
	background-color: #343a40
}

.table-dark td,.table-dark th,.table-dark thead th {
	border-color: #454d55
}

.table-dark.table-bordered {
	border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
	color: #fff;
	background-color: rgba(255,255,255,.075)
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
	border: 0
}

html {
	font-size: 62.5%
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
	color: #333;
	line-height: 1.8;
	position: relative
}

ul,ul li {
	list-style-type: none;
	padding: 0;
	margin: 0
}

ol {
	padding-left: 1.6em
}

a {
	transition: .3s all
}

h2 {
	position: relative;
	margin-bottom: 0
}

img {
	max-width: 100%;
	height: auto
}

p.fs16 {
	font-size: 1.6rem
}

iframe {
	width: 100%
}

sup {
	font-size: 90%;
	top: -.4em
}

sup.s {
	font-size: 62.5%;
	top: -.5em
}

sup.tm {
	font-size: 55%;
	top: -.7em
}

.link-btn-group sup.tm {
	font-size: 1.1em;
	top: 0
}

figcaption {
	padding-top: 4px
}

figcaption.fs13 {
	font-size: 1.3rem;
	line-height: 1.5
}

figcaption.fs12 {
	font-size: 1.2rem
}

figcaption.notice {
	padding-left: 1em;
	text-indent: -1em
}

.preload {
	pointer-events: none
}

.red {
	color: #dc000c
}

.content-wrapper {
	padding-top: 9.7rem
}

.home .content-wrapper {
	padding-top: 0!important
}

.content-inner {
	width: 100%;
	max-width: 1040px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto
}

.content-inner-l {
	width: 100%;
	max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto
}

.content-inner-s {
	width: 100%;
	max-width: 840px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto
}

.table {
	color: #333
}

.di {
	display: inline!important
}

.dib {
	display: inline-block
}

.bg-gray {
	background: #f0f1f3
}

.t-left {
	text-align: left
}

.t-center {
	text-align: center
}

.t-right {
	text-align: right
}

.pl-0 {
	padding-left: 0!important
}

.pt-0 {
	padding-top: 0!important
}

.pr-0 {
	padding-right: 0!important
}

.pb-0 {
	padding-bottom: 0!important
}

.ml-0 {
	margin-left: 0!important
}

.mt-0 {
	margin-top: 0!important
}

.mr-0 {
	margin-right: 0!important
}

.mb-0 {
	margin-bottom: 0!important
}

.ml--0 {
	margin-left: 0!important
}

.mt--0 {
	margin-top: 0!important
}

.mr--0 {
	margin-right: 0!important
}

.mb--0 {
	margin-bottom: 0!important
}

.pl-1 {
	padding-left: .8rem!important
}

.pt-1 {
	padding-top: .8rem!important
}

.pr-1 {
	padding-right: .8rem!important
}

.pb-1 {
	padding-bottom: .8rem!important
}

.ml-1 {
	margin-left: .8rem!important
}

.mt-1 {
	margin-top: .8rem!important
}

.mr-1 {
	margin-right: .8rem!important
}

.mb-1 {
	margin-bottom: .8rem!important
}

.ml--1 {
	margin-left: -.8rem!important
}

.mt--1 {
	margin-top: -.8rem!important
}

.mr--1 {
	margin-right: -.8rem!important
}

.mb--1 {
	margin-bottom: -.8rem!important
}

.pl-2 {
	padding-left: 1.6rem!important
}

.pt-2 {
	padding-top: 1.6rem!important
}

.pr-2 {
	padding-right: 1.6rem!important
}

.pb-2 {
	padding-bottom: 1.6rem!important
}

.ml-2 {
	margin-left: 1.6rem!important
}

.mt-2 {
	margin-top: 1.6rem!important
}

.mr-2 {
	margin-right: 1.6rem!important
}

.mb-2 {
	margin-bottom: 1.6rem!important
}

.ml--2 {
	margin-left: -1.6rem!important
}

.mt--2 {
	margin-top: -1.6rem!important
}

.mr--2 {
	margin-right: -1.6rem!important
}

.mb--2 {
	margin-bottom: -1.6rem!important
}

.pl-3 {
	padding-left: 2.4rem!important
}

.pt-3 {
	padding-top: 2.4rem!important
}

.pr-3 {
	padding-right: 2.4rem!important
}

.pb-3 {
	padding-bottom: 2.4rem!important
}

.ml-3 {
	margin-left: 2.4rem!important
}

.mt-3 {
	margin-top: 2.4rem!important
}

.mr-3 {
	margin-right: 2.4rem!important
}

.mb-3 {
	margin-bottom: 2.4rem!important
}

.ml--3 {
	margin-left: -2.4rem!important
}

.mt--3 {
	margin-top: -2.4rem!important
}

.mr--3 {
	margin-right: -2.4rem!important
}

.mb--3 {
	margin-bottom: -2.4rem!important
}

.pl-4 {
	padding-left: 3.2rem!important
}

.pt-4 {
	padding-top: 3.2rem!important
}

.pr-4 {
	padding-right: 3.2rem!important
}

.pb-4 {
	padding-bottom: 3.2rem!important
}

.ml-4 {
	margin-left: 3.2rem!important
}

.mt-4 {
	margin-top: 3.2rem!important
}

.mr-4 {
	margin-right: 3.2rem!important
}

.mb-4 {
	margin-bottom: 3.2rem!important
}

.ml--4 {
	margin-left: -3.2rem!important
}

.mt--4 {
	margin-top: -3.2rem!important
}

.mr--4 {
	margin-right: -3.2rem!important
}

.mb--4 {
	margin-bottom: -3.2rem!important
}

.pl-5 {
	padding-left: 4rem!important
}

.pt-5 {
	padding-top: 4rem!important
}

.pr-5 {
	padding-right: 4rem!important
}

.pb-5 {
	padding-bottom: 4rem!important
}

.ml-5 {
	margin-left: 4rem!important
}

.mt-5 {
	margin-top: 4rem!important
}

.mr-5 {
	margin-right: 4rem!important
}

.mb-5 {
	margin-bottom: 4rem!important
}

.ml--5 {
	margin-left: -4rem!important
}

.mt--5 {
	margin-top: -4rem!important
}

.mr--5 {
	margin-right: -4rem!important
}

.mb--5 {
	margin-bottom: -4rem!important
}

.pl-6 {
	padding-left: 4.8rem!important
}

.pt-6 {
	padding-top: 4.8rem!important
}

.pr-6 {
	padding-right: 4.8rem!important
}

.pb-6 {
	padding-bottom: 4.8rem!important
}

.ml-6 {
	margin-left: 4.8rem!important
}

.mt-6 {
	margin-top: 4.8rem!important
}

.mr-6 {
	margin-right: 4.8rem!important
}

.mb-6 {
	margin-bottom: 4.8rem!important
}

.ml--6 {
	margin-left: -4.8rem!important
}

.mt--6 {
	margin-top: -4.8rem!important
}

.mr--6 {
	margin-right: -4.8rem!important
}

.mb--6 {
	margin-bottom: -4.8rem!important
}

.pl-7 {
	padding-left: 5.6rem!important
}

.pt-7 {
	padding-top: 5.6rem!important
}

.pr-7 {
	padding-right: 5.6rem!important
}

.pb-7 {
	padding-bottom: 5.6rem!important
}

.ml-7 {
	margin-left: 5.6rem!important
}

.mt-7 {
	margin-top: 5.6rem!important
}

.mr-7 {
	margin-right: 5.6rem!important
}

.mb-7 {
	margin-bottom: 5.6rem!important
}

.ml--7 {
	margin-left: -5.6rem!important
}

.mt--7 {
	margin-top: -5.6rem!important
}

.mr--7 {
	margin-right: -5.6rem!important
}

.mb--7 {
	margin-bottom: -5.6rem!important
}

.pl-8 {
	padding-left: 6.4rem!important
}

.pt-8 {
	padding-top: 6.4rem!important
}

.pr-8 {
	padding-right: 6.4rem!important
}

.pb-8 {
	padding-bottom: 6.4rem!important
}

.ml-8 {
	margin-left: 6.4rem!important
}

.mt-8 {
	margin-top: 6.4rem!important
}

.mr-8 {
	margin-right: 6.4rem!important
}

.mb-8 {
	margin-bottom: 6.4rem!important
}

.ml--8 {
	margin-left: -6.4rem!important
}

.mt--8 {
	margin-top: -6.4rem!important
}

.mr--8 {
	margin-right: -6.4rem!important
}

.mb--8 {
	margin-bottom: -6.4rem!important
}

.pl-9 {
	padding-left: 7.2rem!important
}

.pt-9 {
	padding-top: 7.2rem!important
}

.pr-9 {
	padding-right: 7.2rem!important
}

.pb-9 {
	padding-bottom: 7.2rem!important
}

.ml-9 {
	margin-left: 7.2rem!important
}

.mt-9 {
	margin-top: 7.2rem!important
}

.mr-9 {
	margin-right: 7.2rem!important
}

.mb-9 {
	margin-bottom: 7.2rem!important
}

.ml--9 {
	margin-left: -7.2rem!important
}

.mt--9 {
	margin-top: -7.2rem!important
}

.mr--9 {
	margin-right: -7.2rem!important
}

.mb--9 {
	margin-bottom: -7.2rem!important
}

.pl-10 {
	padding-left: 8rem!important
}

.pt-10 {
	padding-top: 8rem!important
}

.pr-10 {
	padding-right: 8rem!important
}

.pb-10 {
	padding-bottom: 8rem!important
}

.ml-10 {
	margin-left: 8rem!important
}

.mt-10 {
	margin-top: 8rem!important
}

.mr-10 {
	margin-right: 8rem!important
}

.mb-10 {
	margin-bottom: 8rem!important
}

.ml--10 {
	margin-left: -8rem!important
}

.mt--10 {
	margin-top: -8rem!important
}

.mr--10 {
	margin-right: -8rem!important
}

.mb--10 {
	margin-bottom: -8rem!important
}

.wmx-80 {
	max-width: 80px!important
}

.wmx-160 {
	max-width: 160px!important
}

.wmx-240 {
	max-width: 240px!important
}

.wmx-320 {
	max-width: 320px!important
}

.wmx-400 {
	max-width: 400px!important
}

.wmx-480 {
	max-width: 480px!important
}

.wmx-560 {
	max-width: 560px!important
}

.wmx-640 {
	max-width: 640px!important
}

.wmx-720 {
	max-width: 720px!important
}

.wmx-800 {
	max-width: 800px!important
}

.wmx-880 {
	max-width: 880px!important
}

.wmx-960 {
	max-width: 960px!important
}

.wmx-1040 {
	max-width: 1040px!important
}

.wmx-1120 {
	max-width: 1120px!important
}

.wmx-1200 {
	max-width: 1200px!important
}

.wmx-1280 {
	max-width: 1280px!important
}

footer .icon-window-new,header .icon-window-new {
	padding-left: .4em
}

.s {
	font-size: .8em
}

.pl-space {
	padding-left: .5rem!important
}

.pr-space {
	padding-right: .5rem!important
}

.pl-f-space {
	padding-left: 1rem!important
}

.pr-f-space {
	padding-right: 1rem!important
}

.box-center {
	margin-left: auto!important;
	margin-right: auto!important
}

.span-ib span {
	display: inline-block
}

.table {
	text-align: center;
	table-layout: fixed;
	line-height: 1.4;
	margin-bottom: 4rem
}

.table thead th {
	border-width: 1px;
	vertical-align: middle
}

.table td,.table th {
	vertical-align: middle;
	border: 1px solid #ced4da
}

.table td span,.table th span {
	display: inline-block
}

.table td span.space,.table th span.space {
	padding: 0 .5em
}

.d-flex {
	flex-wrap: wrap
}

p.img-d-top {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 0!important;
	line-height: 1.4
}

p.img-d {
	font-size: 1.2rem;
	padding-bottom: 1.2rem!important;
	padding-top: 2px;
	line-height: 1.5
}

p.img-d-l {
	font-size: 1.3rem;
	padding-bottom: 1.2rem!important;
	padding-top: 2px;
	line-height: 1.5
}

.read-text {
	font-size: 1.5rem;
	line-height: 1.9
}

a.tel-link:hover {
	text-decoration: none;
	color: #dc000c
}

.content>article {
	padding-top: 96px;
	padding-bottom: 120px;
	position: relative
}

.h2>span,h2>span {
	display: inline-block
}

.h2.c-head,h2.c-head {
	font-size: 2.4rem;
	margin-bottom: 3rem;
	text-align: center
}

.h3,h3 {
	position: relative;
	margin-bottom: 1em;
	line-height: 1.4
}

.h3>span,h3>span {
	display: inline-block
}

.h3.std,h3.std {
	font-size: 2.7rem;
	padding: .5em 0 .6em 72px;
	border-bottom: 1px solid #adb5bd
}

.h3.std.tcfd,h3.std.tcfd {
	margin-top: 40px
}

.h3.std::after,.h3.std::before,h3.std::after,h3.std::before {
	content: '';
	position: absolute;
	left: 0
}

.h3.std.tcfd::before,h3.std.tcfd::before {
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 54px;
	height: 4px;
	background: #333
}

.h3.std::before,h3.std::before {
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 54px;
	height: 4px;
	background: #333
}

.h3.std::after,h3.std::after {
	bottom: -1px;
	width: 16%;
	height: 1px;
	background: #dc000c
}

.h3.std .tcfd,h3.std .tcfd {
	width: 30%;
	margin-left: 10px
}

.h3.border-only,h3.border-only {
	font-size: 2rem;
	padding: .5em 0 .6em;
	border-bottom: 1px solid #adb5bd
}

.h3.border-only::after,h3.border-only::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 16%;
	height: 1px;
	background: #dc000c
}

.h3.border-only.sub .sub-ttl,h3.border-only.sub .sub-ttl {
	display: inline-block;
	font-size: 1.4rem;
	color: #fff;
	padding: 4px .5em 5px;
	background: #dc000c;
	line-height: 1;
	margin-bottom: .8rem;
	font-weight: 500;
	position: relative;
	height: 2.4rem;
	margin-left: 1.2rem
}

.h3.border-only.sub .sub-ttl::after,.h3.border-only.sub .sub-ttl::before,h3.border-only.sub .sub-ttl::after,h3.border-only.sub .sub-ttl::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	top: 0
}

.h3.border-only.sub .sub-ttl::before,h3.border-only.sub .sub-ttl::before {
	left: -1.2rem;
	border-width: 1.2rem 1.2rem 1.2rem 0;
	border-color: transparent #dc000c transparent transparent
}

.h3.border-only.sub .sub-ttl::after,h3.border-only.sub .sub-ttl::after {
	right: -1.2rem;
	border-width: 1.2rem 0 1.2rem 1.2rem;
	border-color: transparent transparent transparent #dc000c
}

.h3.border-only.sub .main-ttl,h3.border-only.sub .main-ttl {
	display: block;
	font-size: 3rem
}

.h3.border-only span img.tcfd,h3.border-only span img.tcfd {
	width: 50%;
	margin-left: 10px
}

.h3.border-only.tfcd1,h3.border-only.tfcd1 {
	margin-top: 2rem
}

.h3.simple,h3.simple {
	font-size: 2.4rem;
	padding: .5em 0;
	border-bottom: 1px solid #adb5bd
}

.h3.after-icon .title-icon,h3.after-icon .title-icon {
	color: #dc000c;
	font-size: 1.25em;
	vertical-align: sub;
	padding-left: .5em
}

.h3.center,h3.center {
	font-size: 2.4rem;
	text-align: center
}

.h3.left-border,h3.left-border {
	font-size: 2.4rem;
	padding-left: 1rem;
	border-left: 4px solid #dc000c
}

.h3.side-border,h3.side-border {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 56px;
	overflow: hidden
}

.h3.side-border::before,h3.side-border::before {
	content: '';
	width: 800px;
	height: 1px;
	background: #dc000c;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -2
}

.h3.side-border span,h3.side-border span {
	position: relative
}

.h3.side-border span::before,h3.side-border span::before {
	content: '';
	position: absolute;
	width: 240%;
	height: 100%;
	left: -70%;
	background: #fff;
	z-index: -1
}

.h4,.h5,h4,h5 {
	position: relative;
	margin-bottom: 1em;
	line-height: 1.4;
	text-align: left
}

.h4.std,.h5.std,h4.std,h5.std {
	font-size: 1.8rem;
	padding-left: .6em;
	border-left: 4px solid #dc000c;
	padding-bottom: .1em
}

.h4.std.text-l,.h5.std.text-l,h4.std.text-l,h5.std.text-l {
	font-size: 2.4rem
}

.h4.border,.h5.border,h4.border,h5.border {
	font-size: 2.1rem;
	padding-bottom: 4.4rem;
	margin-bottom: 40px
}

.h4.border::after,.h5.border::after,h4.border::after,h5.border::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 5rem;
	background: #dc000c
}

.h4.border-only,.h5.border-only,h4.border-only,h5.border-only {
	font-size: 2rem;
	padding: .5em 0 .6em;
	border-bottom: 1px solid #adb5bd
}

.h4.border-only::after,.h5.border-only::after,h4.border-only::after,h5.border-only::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 16%;
	height: 1px;
	background: #dc000c
}

.h4>span.sub-text,.h5>span.sub-text,h4>span.sub-text,h5>span.sub-text {
	display: block;
	font-size: 1.4rem;
	padding-top: 8px;
	margin-bottom: -4px
}

.h4.normal,.h5.normal,h4.normal,h5.normal {
	font-size: 1.5rem
}

.h4.has-icon .icon,.h5.has-icon .icon,h4.has-icon .icon,h5.has-icon .icon {
	display: block;
	position: absolute;
	top: 0;
	right: 0
}

.h4.has-icon .icon img,.h5.has-icon .icon img,h4.has-icon .icon img,h5.has-icon .icon img {
	height: 60px
}

.h4.type--section,.h5.type--section,h4.type--section,h5.type--section {
	font-size: 1.4rem;
	margin-bottom: 10px
}

.h4.human-text,.h5.human-text,h4.human-text,h5.human-text {
	font-size: 1.6rem;
	font-weight: 700
}

h6 {
	position: relative
}

h6.border {
	font-size: 1.6rem;
	margin-bottom: 1.2rem
}

h6.border:after {
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	bottom: 0;
	margin: auto 0;
	left: 0;
	height: 1px;
	background: #adb5bd;
	width: 100%
}

h6.border span {
	background-color: #fff;
	position: relative;
	z-index: 1;
	padding-right: 1.6rem
}

h6.type--point {
	font-size: 1.4rem;
	text-indent: -1em;
	padding-left: 1em;
	font-weight: 400;
	margin-bottom: 10px
}

.link-btn-group {
	text-align: center
}

.link-btn-group .link-btn {
	margin-left: 30px;
	margin-right: 30px
}

.link-btn-group .link-btn:not(:last-child) {
	margin-bottom: 32px
}

.btn {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative
}

.btn:hover {
	text-decoration: none
}

.i-btn {
	display: inline-flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative
}

.i-btn:hover {
	text-decoration: none
}

.btn.mail-btn {
	margin: 24px auto 0;
	border: 1px solid #dc000c;
	width: 24rem;
	height: 4.4rem;
	align-items: center
}

.btn.mail-btn>.link-icon {
	font-size: 4.4rem;
	color: #dc000c;
	margin-top: -2rem;
	padding: 0 .5rem
}

.btn.mail-btn>.link-text {
	color: #dc000c;
	padding: 0 .5rem
}

.btn.link-btn,.i-btn.link-btn {
	margin: 0 auto
}

.btn.link-btn>span,.i-btn.link-btn>span {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.btn.link-btn>span.link-icon.icon-pdf,.i-btn.link-btn>span.link-icon.icon-pdf {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: .8rem;
	font-size: 2.6rem;
	height: 2.6rem
}

.btn.link-btn>span.link-icon+span,.i-btn.link-btn>span.link-icon+span {
	padding-left: 1rem
}

.download-btn {
	padding: 0 1.6rem .25em;
	height: 4rem;
	border: 1px solid #333;
	color: #333;
	border-radius: 4rem;
	font-size: 1.3rem;
	background: rgba(255,255,255,.8)
}

.download-btn.iconleft-btn {
	padding-left: 5rem
}

.download-btn>span {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	padding-right: 1rem
}

.download-btn>span.link-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 1.8rem;
	font-size: 2.2rem;
	height: 2.2rem
}

.download-btn>span.link-icon.icon-pdf {
	color: #dc000c
}

.link-btn {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 220px;
	line-height: 1.4;
	padding: 1.1em 1.9em 1.1em 1.2em;
	font-size: 1.6rem;
	font-family: Roboto,"Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
	color: #dc000c;
	border: 1px solid #dc000c;
	transition: all .3s;
	z-index: 1;
	text-align: center
}

.link-btn:before {
	content: '';
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
	background: #dc000c;
	z-index: -1;
	transition: all .3s
}

.link-btn:after {
	content: '';
	position: absolute;
	top: 46%;
	right: 2rem;
	width: .6em;
	height: .6em;
	background: 0 0;
	border: 2px solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1
}

.link-btn:hover {
	text-decoration: none
}

.white-btn .link-btn {
	color: #fff;
	border-color: #fff
}

.white-btn .link-btn:before {
	background: #fff
}

.white-btn .link-btn::after {
	border-color: #fff #fff transparent transparent
}

.black-btn .link-btn {
	color: #333;
	border-color: #333
}

.black-btn .link-btn:before {
	background: #333
}

.black-btn .link-btn::after {
	border-color: #333 #333 transparent transparent
}

.link-btn-l {
	max-width: 30rem
}

.link-btn-xl {
	max-width: 60rem
}

.link-btn .link-icon {
	margin-left: .6rem;
	vertical-align: -.2rem
}

.link-btn sup {
	font-size: 80%
}

.content-link-index {
	text-align: left
}

.content-link-index>li {
	margin-bottom: 54px
}

.content-link-index a.main-link {
	display: block;
	position: relative;
	border-bottom: 1px solid #ced4da;
	text-decoration: none;
	color: #333;
	font-size: 1.6rem;
	padding-bottom: .625em;
	margin-bottom: .475em
}

.content-link-index a.main-link.text-s {
	font-size: 1.4rem
}

.content-link-index a.main-link.text-l {
	font-size: 1.8rem
}

.content-link-index a.main-link.no-border {
	border-bottom: none
}

.content-link-index a.main-link.text-icon-link {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center
}

.content-link-index a.main-link.text-icon-link figure.image-frame {
	flex: 0 0 100%;
	max-width: 100%
}

.content-link-index a.main-link.text-icon-link span.link-text {
	flex: 0 0 calc(100% - 3rem);
	flex-basis: calc(100% - 3rem);
	max-width: calc(100% - 3rem);
	padding-left: 4px;
	padding-right: 1.6rem
}

.content-link-index a.main-link.text-icon-link span.link-text::before {
	left: auto;
	right: .6rem
}

.content-link-index a.main-link.text-icon-link .link-icon {
	flex: 0 0 3rem;
	max-width: 3rem;
	font-size: 2.4rem;
	color: #dc000c
}

.content-link-index a.main-link.text-icon-link .link-icon::before {
	vertical-align: middle
}

.content-link-index a.main-link figure.image-frame {
	margin-bottom: .625em;
	position: relative;
	overflow: hidden
}

.content-link-index a.main-link figure.image-frame figcaption.notice {
	color: #fff;
	font-size: 1.4rem;
	background-color: #dc000c;
	padding: .4rem 2rem;
	text-indent: 0;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 500
}

.content-link-index a.main-link figure.image-frame figcaption.page-title {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	padding: .5em;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,.5)
}

.content-link-index a.main-link span.link-text {
	position: relative;
	display: block;
	padding-left: .9375em;
	line-height: 1.35;
	font-weight: 700
}

.content-link-index a.main-link span.link-text::before {
	content: '';
	position: absolute;
	top: 0;
	left: -.25em;
	bottom: 0;
	margin: auto 0;
	width: .6em;
	height: .6em;
	border: .2rem solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg);
	z-index: 1
}

.content-link-index a.main-link span.link-text .link-icon {
	padding-left: .5em
}

.content-link-index a.main-link span.link-text .icon-pdf {
	font-size: 1.2em;
	vertical-align: middle;
	color: #dc000c;
	padding-bottom: 2px;
	display: inline-block;
	padding-left: .375em
}

.content-link-index p.description {
	margin-bottom: .8rem
}

.content-link-index .sub-link-list {
	margin-top: 1.2rem
}

.content-link-index .sub-link-list li {
	display: inline-block;
	padding: 2px 0 3px
}

.content-link-index .sub-link-list li:not(:last-child) {
	margin-right: 24px
}

.content-link-index .sub-link-list li a.sub-link {
	display: block;
	position: relative;
	padding-left: .9em;
	text-decoration: none;
	color: #495057;
	line-height: 1.45;
	padding-bottom: 4px;
	margin-bottom: 4px
}

.content-link-index .sub-link-list li a.sub-link::before {
	content: '';
	position: absolute;
	top: 0;
	left: -.25em;
	bottom: 0;
	margin: auto 0;
	width: .6em;
	height: .6em;
	border: .2rem solid;
	border-color: #adb5bd #adb5bd transparent transparent;
	transform: rotate(45deg);
	z-index: 1
}

.content-link-index .sub-link-list li .link-icon {
	padding-left: .4em
}

.content-link-index .sub-link-list li .link-icon.icon-pdf {
	font-size: 1.2em;
	vertical-align: sub;
	color: #dc000c
}

.content-nav-list {
	margin-bottom: 2.4rem
}

.content-nav-list li {
	text-align: left;
	margin-bottom: 3.2rem
}

.content-nav-list .menu-btn {
	position: relative;
	padding: 1.5em 1.2em;
	display: flex!important;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	line-height: 1.4;
	text-align: left;
	border: 1px solid #adb5bd;
	transition: .2s all
}

.content-nav-list .menu-btn::after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	border: solid #adb5bd;
	border-width: 0 1px 1px 0
}

.content-nav-list .menu-btn>span {
	position: relative;
	padding: 0;
	margin-bottom: 0;
	font-size: 1.8rem;
	font-weight: 700;
	border: none;
	color: #333
}

.content-nav-list .menu-btn>span span {
	display: inline-block
}

.content-nav-list .menu-btn>span.link-text {
	padding-left: 1em
}

.content-nav-list .menu-btn>span.link-text::before {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 0;
	margin: auto 0;
	left: -.2em;
	width: .6em;
	height: .6em;
	border: .2rem solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg);
	z-index: 1
}

.content-nav-list .menu-btn>span .link-icon {
	font-weight: 400;
	vertical-align: middle;
	padding-left: .5em;
	display: inline!important
}

.content-nav-list .menu-btn>span .icon-pdf {
	font-size: 1.4em;
	color: #dc000c;
	vertical-align: -20%
}

.content-nav-list .menu-btn>span .icon-window-new {
	padding-left: .4em;
	font-weight: 400;
	color: #495057;
	vertical-align: baseline
}

.content-nav-list .menu-btn>span .icon-window-new::before {
	vertical-align: baseline;
	vertical-align: initial
}

.content-nav-list .menu-btn:hover {
	text-decoration: none
}

.content-nav-list .menu-btn+dl,.content-nav-list .menu-btn+p {
	margin-top: 1.6rem;
	margin-bottom: 0
}

.page-history .table-responsive {
	margin-bottom: 1rem;
	padding-bottom: 0;
	overflow-x: hidden
}

.page-history ul.list-circle {
	padding-bottom: 8px
}

.page-history ul.list-circle>li {
	text-indent: -1.4em;
	padding-left: 1.5em;
	line-height: 1.5;
	padding-bottom: 6px
}

.page-history ul.list-circle>li .icon-circle,.page-history ul.list-circle>li .list-icon {
	margin-right: .6rem;
	color: #dc000c;
	vertical-align: -.1rem
}

.page-history ul.list-circle.black>li::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .5em;
	vertical-align: -8%;
	background-color: #333;
	border-radius: 50%
}

.page-history ul.list-circle.dot>li {
	text-indent: -1.1em
}

.page-history ul.list-circle.dot>li::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: .5em;
	vertical-align: middle;
	border-radius: 50%;
	background: #333
}

ul.list-circle.list-inline>li {
	display: inline-block
}

.page-history ul.list-circle.list-inline>li:not(:last-child) {
	margin-right: 3rem
}

.page-history ul.list-circle.list-block>li {
	display: block
}

.page-history ul.list-circle.list-products>li {
	font-weight: 700
}

.page-history ul.list-circle.list-products>li:not(:last-child) {
	margin-bottom: 1.5rem
}

.page-history ul.list-circle.list-products dl dt {
	padding-bottom: 4px
}

.page-history ul.list-circle.list-products dl dd {
	font-weight: 400;
	text-indent: 0
}

.page-history ul.list-circle.list-products .sub-list li {
	display: inline
}

.page-history ul.list-circle.list-products .sub-list li:not(:last-child):after {
	content: '／'
}

.page-history ul.list-circle.list-feature dl dt {
	padding-bottom: 4px
}

.page-history ul.list-circle.list-feature dl dd {
	font-weight: 400;
	text-indent: 0
}

.page-history ul.list-circle.list-supplies .sub-list {
	display: block;
	padding-left: 1.5em
}

.page-history ul.list-circle.list-works>li:last-child:after {
	content: '等';
	margin-left: 1em
}

.page-history ul.list-circle.list-use {
	margin-top: 2rem
}

.page-history ul.list-circle.list-use>li:last-child:after {
	content: '他';
	margin-left: 1em
}

.page-history ul.list-circle.no--indent>li {
	text-indent: 0;
	padding-left: 0;
	line-height: 1.8;
	padding-bottom: 40px
}

.page-history ul.list-circle.no--indent>li .list-circle--head {
	margin-bottom: 20px
}

.page-history ul.list-circle.no--indent>li .list-circle--head .head--text {
	font-weight: 700
}

.page-history ul.list-square {
	margin: 0 -1rem
}

.page-history ul.list-square li {
	padding: 0 1rem;
	flex: 0 0 20%;
	max-width: 20%
}

.page-history ul.list-square li span {
	display: block;
	position: relative;
	padding-left: 16px
}

.page-history ul.list-square li span::before {
	content: '';
	width: 8px;
	height: 8px;
	background: #333;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-radius: 1px
}

.page-history ul.list-square li:last-child span::after {
	content: '他';
	margin-left: 1em
}

.page-history .content-arrow {
	position: relative
}

.page-history .content-arrow::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 5px;
	width: 30px;
	height: 30px;
	border: 6px solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 10
}

.section__head h5 {
	padding-right: 20px;
	margin-bottom: 0
}

.section__head .point__list {
	display: flex!important;
	flex-wrap: wrap;
	margin-left: -1px;
	padding: 8px 0
}

.section__head .point__list li {
	border: 1px solid #666;
	margin: 0 1px 1px;
	color: #555;
	padding: .15em .7em .25em;
	font-size: 1.3rem
}

.notice__list li {
	text-indent: -1em;
	padding-left: 1em
}

.english .notice__list li {
	text-indent: -.75em;
	padding-left: .75em
}

.contents__list__head {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px
}

.contents__list__head:nth-of-type(1) {
	margin-top: -4px
}

.contents__list__head h6 {
	font-weight: 400;
	margin-bottom: 0
}

.contents__list__head h6.fc100 {
	flex: 0 0 calc(100% - 90px);
	flex-basis: calc(100% - 90px);
	max-width: calc(100% - 90px)
}

.english .contents__list__head h6.fc100 {
	flex: 0 0 calc(100% - 100px);
	flex-basis: calc(100% - 100px);
	max-width: calc(100% - 100px)
}

.contents__list__head h6.fc180 {
	flex: 0 0 calc(100% - 180px);
	flex-basis: calc(100% - 180px);
	max-width: calc(100% - 180px)
}

.contents__list__head h6>span {
	display: inline-block;
	padding-left: 1em
}

.contents__list__head h6 .model {
	display: block;
	padding-left: 1em
}

.contents__list__head .point__list {
	display: flex!important;
	flex-wrap: wrap;
	margin-left: -1px;
	padding: 2px 0
}

.contents__list__head .point__list li {
	border: 1px solid #666;
	margin: 0 1px 1px;
	color: #555;
	padding: .15em .7em .25em;
	font-size: 1.3rem
}

.contents__plan {
	margin-top: 18px;
	background: #f0f1f3;
	padding: 20px
}

.contents__plan h5 {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center
}

.contents__plan h5 .head-icon {
	font-size: 2.6rem;
	color: #dc000c
}

.contents__plan h5 span {
	padding-left: .5em
}

.contents__plan p {
	margin-bottom: 0
}

.point--text {
	border: 1px solid #666;
	color: #555;
	padding: .3em .7em .35em;
	margin-bottom: 2px
}

.text-link-group {
	margin: 40px 0 64px
}

.text-link-group .news-release-link {
	position: relative;
	line-height: 1.5;
	display: inline-block
}

.text-link-group .news-release-link::before {
	content: '';
	position: absolute;
	top: 48%;
	left: -.375em;
	width: .6em;
	height: .6em;
	background: 0 0;
	border: 2px solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1
}

.text-link-group .news-release-link>span {
	display: inline-block;
	padding-left: 1.25em
}

.policy-action-link {
	margin: 10px 0 3rem
}

.policy-action-link .link-text {
	color: #000;
	font-size: 1.5rem
}

.policy-action-link .link-icon {
	font-size: 1.8rem;
	vertical-align: sub
}

.policy-action-link a:hover {
	opacity: .6;
	text-decoration: none
}

.breadcrumb {
	background: #f0f1f3
}

.breadcrumb ul {
	width: 100%;
	max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
	display: flex!important;
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 21px;
	align-items: center
}

.breadcrumb li {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.breadcrumb li a {
	display: inline-block;
	margin-right: 2.2em;
	color: #333;
	position: relative
}

.breadcrumb li a:hover {
	text-decoration: underline
}

.breadcrumb li a::after {
	content: '';
	position: absolute;
	top: .1em;
	bottom: 0;
	margin: auto 0;
	right: -1.3em;
	width: .8em;
	height: .8em;
	border-top: solid 1px #adb5bd;
	border-right: solid 1px #adb5bd;
	transform: rotate(45deg) skew(10deg,10deg)
}

.breadcrumb li:last-child a {
	margin-right: 0
}

.breadcrumb li:last-child a::after {
	content: none
}

.breadcrumb li .breadcrumb_last {
	display: inline-block;
	position: relative;
	font-weight: 700;
	padding-left: 1.85em
}

.breadcrumb li .breadcrumb_last::before {
	content: '';
	position: absolute;
	top: .1em;
	bottom: 0;
	margin: auto 0;
	left: .25em;
	width: .8em;
	height: .8em;
	border-top: solid 1px #adb5bd;
	border-right: solid 1px #adb5bd;
	transform: rotate(45deg) skew(10deg,10deg)
}

footer a:hover {
	text-decoration: none
}

.site-footer-top {
	padding-top: 48px;
	background-color: #f0f1f3
}

.footer-main-navigation-container a {
	color: #4a4a4a
}

.footer-main-navigation-container a .icon-pdf {
	font-size: 1.3em;
	padding-left: 4px;
	vertical-align: middle;
	color: #dc000c
}

.footer-main-navigation-container .footer-primary {
	margin: 0 -2rem;
	display: flex!important;
	flex-wrap: wrap
}

.footer-main-navigation-container .footer-primary>.menu-item {
	padding: 0 2rem;
	margin-bottom: 8rem;
	flex: 0 0 25%;
	max-width: 25%
}

.footer-main-navigation-container .footer-primary>.menu-item>a {
	font-size: 1.5rem;
	font-weight: 700;
	border-bottom: solid .1rem #adb5bd;
	display: block;
	margin-bottom: 1.4rem;
	padding-bottom: .4rem;
	position: relative
}

.footer-main-navigation-container .footer-primary>.menu-item>a:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - .4rem);
	right: .6rem;
	width: .6em;
	height: .6em;
	border: .2rem solid;
	border-color: #ee2015 #ee2015 transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1
}

.footer-main-navigation-container .footer-primary>.menu-item .sub-menu .menu-item:not(:last-child) {
	margin-bottom: .3em
}

.footer-main-navigation-container .footer-primary>.menu-item .sub-menu .menu-item a {
	font-size: 1.2rem
}

.footer-bottom-navigation-container {
	padding: 3rem 0;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center
}

.footer-bottom-navigation-container .footer-secondary {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center
}

.footer-bottom-navigation-container .footer-secondary .menu-item {
	line-height: 1.1
}

.footer-bottom-navigation-container .footer-secondary .menu-item:not(:last-child) a {
	border-right: solid .1rem #adb5bd;
	padding-right: 2.4rem;
	margin-right: 2.4rem
}

.footer-bottom-navigation-container .footer-secondary .menu-item a {
	font-size: 1.2rem;
	color: #4a4a4a
}

.footer-bottom-navigation-container .footer-secondary .menu-item .link-icon {
	padding-left: .8rem
}

.copyright {
	border-top: solid 1px #ccc;
	font-size: 1rem;
	padding: 20px 0!important;
	text-align: center;
	margin-bottom: 0!important
}

.top-to-btn {
	position: fixed;
	right: 8px;
	bottom: 8px;
	width: 60px;
	height: 60px;
	background: rgba(51,51,51,.85);
	border: 1px solid transparent;
	margin-bottom: 0!important;
	transition: .3s background;
	z-index: 999
}

.top-to-btn a {
	position: relative;
	display: block;
	height: 100%
}

.top-to-btn a:after,.top-to-btn a:before {
	content: '';
	position: absolute;
	top: 26px;
	height: 4px;
	width: 20px;
	background-color: #fff
}

.top-to-btn a:before {
	left: 13px;
	transform: rotate(-45deg)
}

.top-to-btn a:after {
	right: 13px;
	transform: rotate(45deg)
}

.site-seal {
	border-top: solid 1px #ccc;
	text-align: center;
	padding: 20px 0 4px
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999
}

header a:hover {
	text-decoration: none
}

header button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

header button:focus {
	outline: 0
}

.header-inner {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 124rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2rem
}

.site-info .site-logo {
	height: 40px;
	margin-bottom: 0
}

.site-info .site-logo a {
	display: block;
	height: 100%;
	background: url(../img/common/company_logo_w.png) no-repeat left center;
	background-size: contain
}

.site-info .site-logo a>.company-name {
	display: flex;
	padding-left: 121px;
	font-size: 2rem;
	color: #fff
}

.site-nav-sub {
	margin-bottom: 2.1rem;
	padding-top: 2.4rem
}

.site-nav-sub .site-nav-list {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: flex-end
}

.site-nav-sub .site-nav-list li:not(:last-child) {
	margin-right: 1.6rem;
	padding-right: 1.6rem;
	border-right: solid .1rem #fff
}

.site-nav-sub .site-nav-list li a {
	color: #fff;
	font-size: 1.3rem
}

.site-nav-main .global-navigation>.menu-item:not(:first-child) {
	margin-left: 32px
}

.site-nav-main .global-navigation>.menu-item>a {
	padding: 0 15px 24px;
	color: #fff;
	font-size: 1.5rem
}

.site-nav-main .global-navigation>.menu-item>a::after {
	left: 15px
}

.site-nav-main .global-navigation>.menu-item.sp-only {
	display: none;
	border-bottom: solid 1px #444
}

.site-nav-main .global-navigation>.menu-item.sp-only>a::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 12px;
	left: -.4em;
	width: 8px;
	height: 8px;
	border: .2rem solid;
	border-color: #ee2015 #ee2015 transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1;
	transform: rotate(45deg) translateY(0)
}

.site-nav-main .global-navigation>.menu-item.is-visible>.sub-menu>.menu-item a {
	transition: .3s all!important
}

.site-nav-main .global-navigation>.menu-item.is-visible>a::after {
	width: calc(100% - 30px)
}

.site-nav-main .global-navigation>.menu-item>.sub-menu {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #333;
	transition: none;
	top: 9.7rem
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2rem;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item.is-opened .sub-menu {
	transition: 1s all;
	max-height: 100vh
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item.is-opened .plus:before {
	opacity: 0
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item.is-opened .plus:after {
	transform: rotate(180deg)
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item>a {
	flex: 0 0 23rem;
	max-width: 23rem
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item>a::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 12px;
	left: -.3em;
	width: 8px;
	height: 8px;
	border: .2rem solid;
	border-color: #ee2015 #ee2015 transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1;
	transform: rotate(45deg) translateY(0)
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item a {
	color: #fff;
	padding-left: 1.1em;
	position: relative;
	font-size: 1.8rem;
	transition: none
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item a .icon-pdf {
	font-size: 1.2em;
	padding-left: 4px;
	vertical-align: middle;
	color: red
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu {
	display: flex!important;
	flex-wrap: wrap;
	border-left: solid .1rem #444;
	padding-left: 3rem;
	flex: 0 0 73rem;
	max-width: 73rem;
	margin: 0 -2rem
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 2rem
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item a {
	display: block;
	border-bottom: solid .1rem #444;
	position: relative
}

.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item a:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: .6rem;
	left: -.2em;
	width: .8rem;
	height: .8rem;
	border: .2rem solid;
	border-color: #ee2015 #ee2015 transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1;
	transform: rotate(45deg) translateY(0)
}

.sp-nav-button {
	flex: 0 0 3rem;
	max-width: 3rem;
	position: relative;
	height: 2.4rem
}

.sp-nav-button .nav-button {
	width: 100%;
	height: 100%
}

.sp-nav-button .bar {
	position: absolute;
	left: 0;
	width: 30px;
	height: 4px;
	background: #fff;
	transition: .4s all
}

.sp-nav-button .bar:nth-of-type(1) {
	top: 0
}

.sp-nav-button .bar:nth-of-type(2) {
	top: 10px
}

.sp-nav-button .bar:nth-of-type(3) {
	bottom: 0
}

.site-nav .nav-item-list>li>a {
	display: block;
	position: relative;
	line-height: 1
}

.site-nav .nav-item-list>li>a .link-icon {
	padding-left: .8rem
}

html.nav-opened {
	position: fixed;
	width: 100%
}

.is-scrolled header,.nav-opened header,header:hover {
	box-shadow: 0 0 .8rem rgba(0,0,0,.2)
}

.is-scrolled header .site-logo a,.nav-opened header .site-logo a,header:hover .site-logo a {
	background: url(../img/common/company_logo.png) no-repeat left center;
	background-size: contain
}

.is-scrolled header .site-logo a>.company-name,.nav-opened header .site-logo a>.company-name,header:hover .site-logo a>.company-name {
	display: flex;
	color: #333;
	transition: .5s all
}

.is-scrolled header .site-nav-sub .site-nav-list li:not(:last-child),.nav-opened header .site-nav-sub .site-nav-list li:not(:last-child),header:hover .site-nav-sub .site-nav-list li:not(:last-child) {
	border-right: solid .1rem #333
}

.is-scrolled header .site-nav-sub .site-nav-list li a,.nav-opened header .site-nav-sub .site-nav-list li a,header:hover .site-nav-sub .site-nav-list li a {
	color: #333
}

.is-scrolled header .site-nav-main .global-navigation>.menu-item>a,.nav-opened header .site-nav-main .global-navigation>.menu-item>a,header:hover .site-nav-main .global-navigation>.menu-item>a {
	color: #333
}

.is-scrolled header .sp-nav-button .bar,.nav-opened header .sp-nav-button .bar,header:hover .sp-nav-button .bar {
	background-color: #333
}

.nav-opened .site-nav {
	visibility: visible;
	top: 6rem;
	background-color: #333
}

.nav-opened .sp-nav-button .bar:nth-of-type(1) {
	transform: rotate(-315deg);
	top: 1rem
}

.nav-opened .sp-nav-button .bar:nth-of-type(2) {
	opacity: 0
}

.nav-opened .sp-nav-button .bar:nth-of-type(3) {
	transform: rotate(315deg);
	bottom: 1rem
}

.site-nav-main ul li .sub-menu #menu-item-2165,.site-nav-main ul li .sub-menu #menu-item-2193,.site-nav-main ul li .sub-menu #menu-item-300,.site-nav-main ul li .sub-menu #menu-item-314,.site-nav-main ul li .sub-menu #menu-item-316,.site-nav-main ul li .sub-menu #menu-item-3271,.site-nav-main ul li .sub-menu #menu-item-3409,.site-nav-main ul li .sub-menu #menu-item-3412,.site-nav-main ul li .sub-menu #menu-item-3825,.site-nav-main ul li .sub-menu #menu-item-3826 {
	display: none
}

.footer-main-navigation-container ul li .sub-menu #menu-item-146,.footer-main-navigation-container ul li .sub-menu #menu-item-157,.footer-main-navigation-container ul li .sub-menu #menu-item-159,.footer-main-navigation-container ul li .sub-menu #menu-item-2165,.footer-main-navigation-container ul li .sub-menu #menu-item-2193,.footer-main-navigation-container ul li .sub-menu #menu-item-3272,.footer-main-navigation-container ul li .sub-menu #menu-item-3409,.footer-main-navigation-container ul li .sub-menu #menu-item-3412,.footer-main-navigation-container ul li .sub-menu #menu-item-3825,.footer-main-navigation-container ul li .sub-menu #menu-item-3826 {
	display: none
}

@-webkit-keyframes nana {
	0% {
			background: #fff
	}

	100% {
			background: #00348d
	}
}

@keyframes nana {
	0% {
			background: #fff
	}

	100% {
			background: #00348d
	}
}

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	top: 0;
	right: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	z-index: 9999;
	-webkit-animation: nana .3s ease .3s forwards;
	animation: nana .3s ease .3s forwards
}

#loader .load-txt {
	position: absolute;
	top: 50%;
	max-width: 526px;
	display: none
}

#loader .load-txt img {
	width: 100%;
	height: auto
}

#loader .load-name {
	position: absolute;
	top: 50%;
	max-width: 297px;
	display: none
}

#loader .load-name img {
	width: 100%;
	height: auto
}

#loader .load-logo {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: none
}

#loader .load-logo .logo-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	max-width: 246px;
	width: 100%;
	margin: 0 auto
}

.mv {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f0f1f3
}

.mv .mv-images {
	width: 100%;
	height: 100%
}

@-webkit-keyframes fadeInU {
	0% {
			top: -10%
	}

	100% {
			top: 0
	}
}

@keyframes fadeInU {
	0% {
			top: -10%
	}

	100% {
			top: 0
	}
}

@-webkit-keyframes fadeToRight {
	0% {
			left: 0
	}

	100% {
			left: -10vw
	}
}

@keyframes fadeToRight {
	0% {
			left: 0
	}

	100% {
			left: -10vw
	}
}

@-webkit-keyframes fadeToLeft {
	0% {
			right: 0
	}

	100% {
			right: -10vw
	}
}

@keyframes fadeToLeft {
	0% {
			right: 0
	}

	100% {
			right: -10vw
	}
}

@-webkit-keyframes fadeZoomOut {
	0% {
			transform: scale(1.1,1.1)
	}

	100% {
			transform: scale(1,1)
	}
}

@keyframes fadeZoomOut {
	0% {
			transform: scale(1.1,1.1)
	}

	100% {
			transform: scale(1,1)
	}
}

@-webkit-keyframes fadeZoomIn {
	0% {
			transform: scale(1,1)
	}

	100% {
			transform: scale(1.1,1.1)
	}
}

@keyframes fadeZoomIn {
	0% {
			transform: scale(1,1)
	}

	100% {
			transform: scale(1.1,1.1)
	}
}

.mv-slide {
	height: 100vh
}

.mv-slide .mv-images .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.mv-slide .mv-images .swiper-slide.swiper-slide-active .mv1 img {
	-webkit-animation-name: fadeInU;
	animation-name: fadeInU;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: forwards;
	animation-timing-function: forwards
}

.mv-slide .mv-images .swiper-slide.swiper-slide-active .mv2 img {
	-webkit-animation-name: fadeToRight;
	animation-name: fadeToRight;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: forwards;
	animation-timing-function: forwards
}

.mv-slide .mv-images .swiper-slide.swiper-slide-active .mv3 img {
	-webkit-animation-name: fadeZoomOut;
	animation-name: fadeZoomOut;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: forwards;
	animation-timing-function: forwards
}

.mv-slide .mv-images .swiper-slide.swiper-slide-active .mv4 img {
	-webkit-animation-name: fadeToLeft;
	animation-name: fadeToLeft;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: forwards;
	animation-timing-function: forwards
}

.mv-slide .mv-images .swiper-slide.swiper-slide-active .mv5 img {
	-webkit-animation-name: fadeZoomIn;
	animation-name: fadeZoomIn;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: forwards;
	animation-timing-function: forwards
}

.mv-slide .mv-images .mv-anime {
	position: relative;
	overflow: hidden
}

.mv-slide .mv-images .mv-anime img {
	position: absolute;
	max-width: none;
	max-width: initial;
	width: 100%;
	height: auto
}

.mv-slide .mv-images .mv1 img {
	width: 100%;
	height: auto;
	top: -10%;
	left: 0
}

.mv-slide .mv-images .mv2 img {
	height: 100%;
	width: auto;
	top: 0;
	left: -10vw
}

.mv-slide .mv-images .mv3 img {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	transform: scale(1,1);
	transform-origin: 50% 50%
}

.mv-slide .mv-images .mv4 img {
	height: 100%;
	width: auto;
	top: 0;
	right: -10vw
}

.mv-slide .mv-images .mv5 img {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	transform: scale(1.1,1.1);
	transform-origin: 50% 50%
}

.mv-slide .mv-text-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1240px;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	z-index: 5
}

.mv-slide .mv-text {
	max-width: 940px;
	font-size: 6rem;
	font-weight: 700;
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 1.4;
	color: #fff
}

.mv-slide .mv-text>span {
	display: block;
	margin-top: 1em;
	font-size: 2.4rem;
	line-height: 1.4em
}

.mv-slide .bar-scroll {
	position: absolute;
	bottom: 4rem;
	left: 50%;
	padding-bottom: 7.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: Roboto,sans-serif;
	color: #fff;
	transform: translateX(-50%);
	z-index: 5
}

.mv-slide .bar-scroll::after {
	content: '';
	position: absolute;
	bottom: 1rem;
	left: 50%;
	display: inline-block;
	width: 1px;
	height: 6rem;
	background: #fff;
	transform: translateX(-50%);
	-webkit-animation: scrolldown 3s infinite cubic-bezier(.645,.045,.355,1);
	animation: scrolldown 3s infinite cubic-bezier(.645,.045,.355,1)
}

@-webkit-keyframes scrolldown {
	0% {
			height: 6rem
	}

	60% {
			height: 6rem
	}

	100% {
			height: 0
	}
}

@keyframes scrolldown {
	0% {
			height: 6rem
	}

	60% {
			height: 6rem
	}

	100% {
			height: 0
	}
}

.page-mv {
	height: 400px
}

.page-mv::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.45);
	z-index: 5
}

.csr-feature-chap01 .page-mv::before {
	background: 0 0
}

.page-mv img.object-fit-img {
	width: 100%;
	height: 400px;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.page-mv .mv-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	z-index: 99
}

.page-mv .mv-title h2 {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 3.6rem;
	line-height: 1.3;
	text-align: center
}

.page-mv .mv-title h2>span {
	display: inline-block
}

.page-mv .mv-title h2::before {
	display: none
}

.page-mv .mv-title h2 small {
	font-size: .6em!important
}

.hero {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f0f1f3
}

.hero .hero-images {
	width: 100%;
	height: 100%
}

.hero-slide {
	position: relative;
	width: 100%;
	height: 100%
}

.hero-slide .hero-images .swiper-slide {
	position: relative;
	width: 100%;
	overflow: hidden
}

@-webkit-keyframes zoomDown {
	0% {
			transform: scale(1.2)
	}

	100% {
			transform: scale(1)
	}
}

@keyframes zoomDown {
	0% {
			transform: scale(1.2)
	}

	100% {
			transform: scale(1)
	}
}

.hero-slide .hero-images .swiper-slide.swiper-slide-active .slide-img,.hero-slide .hero-images .swiper-slide.swiper-slide-duplicate-active .slide-img,.hero-slide .hero-images .swiper-slide.swiper-slide-prev .slide-img {
	-webkit-animation: zoomDown 10s linear 0s 1 normal both;
	animation: zoomDown 10s linear 0s 1 normal both
}

.hero-slide .hero-images .swiper-slide.swiper-slide-active .slide-img img,.hero-slide .hero-images .swiper-slide.swiper-slide-duplicate-active .slide-img img,.hero-slide .hero-images .swiper-slide.swiper-slide-prev .slide-img img {
	transition-delay: 0s;
	transform: scale(1.05)
}

.hero-slide .hero-images .swiper-slide img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}

.hero-slide .hero-images .swiper-slide .slide-img img {
	display: block
}

.hero-slide .hero-text-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1240px;
	display: flex!important;
	flex-direction: column;
	justify-content: center;
	z-index: 1000
}

.hero-slide .hero-text-wrapper .hero-text {
	margin: 0 auto;
	max-width: 300px
}

.hero-slide .hero-text-wrapper .group-btn {
	position: absolute;
	bottom: 5%;
	right: 0;
	z-index: 5
}

.hero-slide .hero-text-wrapper .group-btn a:hover {
	opacity: .8
}

.hero-slide .hero-text-wrapper .group-btn a .image-group-btn {
	max-width: 270px;
	width: 100%;
	margin-right: 20px
}

.hero-slide .hero-text-wrapper .group-btn a .image-group-btn img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}

.hero-slide .bar-scroll {
	position: absolute;
	bottom: 4rem;
	left: 50%;
	padding-bottom: 7.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: Roboto,sans-serif;
	color: #fff;
	transform: translateX(-50%);
	z-index: 5
}

.hero-slide .bar-scroll::after {
	content: '';
	position: absolute;
	bottom: 1rem;
	left: 50%;
	display: inline-block;
	width: 1px;
	height: 6rem;
	background: #fff;
	transform: translateX(-50%);
	-webkit-animation: scrolldown 3s infinite cubic-bezier(.645,.045,.355,1);
	animation: scrolldown 3s infinite cubic-bezier(.645,.045,.355,1)
}

@keyframes scrolldown {
	0% {
			height: 6rem
	}

	60% {
			height: 6rem
	}

	100% {
			height: 0
	}
}

.pagination-row {
	margin-left: 0;
	margin-right: 0;
	justify-content: center;
	padding-top: 48px
}

.pagination-row li {
	margin: 0 .5rem;
	padding: 8px 0
}

.pagination-row li a,.pagination-row li span {
	border: solid .1rem #333;
	padding: 0;
	height: 4rem;
	width: 4rem;
	position: relative
}

.pagination-row li.current span {
	background-color: #333;
	color: #fff
}

.pagination-row li.next a,.pagination-row li.prev a {
	background-color: #adb5bd;
	border: none;
	width: 3rem
}

.pagination-row li.next {
	margin-left: 1.5rem
}

.pagination-row li.next a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 1.2rem;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	width: .8rem;
	height: 8px;
	height: .8rem;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg)
}

.pagination-row li.next.next-back {
	margin-left: .5rem
}

.pagination-row li.next.next-back a:after {
	content: '';
	position: absolute;
	top: 0;
	right: .9rem;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	width: .8rem;
	height: 8px;
	height: .8rem;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg)
}

.pagination-row li.next.next-back a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 1.7rem;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	width: .8rem;
	height: 8px;
	height: .8rem;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg)
}

.pagination-row li.prev {
	margin-right: 1.5rem
}

.pagination-row li.prev a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 1rem;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	width: .8rem;
	height: 8px;
	height: .8rem;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(-135deg)
}

.pagination-row li.prev.prev-front {
	margin-right: .5rem
}

.pagination-row li.prev.prev-front a:after {
	content: '';
	position: absolute;
	top: 0;
	right: .5rem;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	width: .8rem;
	height: 8px;
	height: .8rem;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(-135deg)
}

.pagination-row li.prev.prev-front a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 1.3rem;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	width: .8rem;
	height: 8px;
	height: .8rem;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(-135deg)
}

.pagination-row .btn {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #333;
	font-weight: 700
}

.pagination-row .btn:hover {
	text-decoration: none
}

.notfound h3 {
	margin-bottom: 4rem;
	font-size: 2.4rem;
	text-align: center;
	text-indent: -.8em;
	padding-left: 1em
}

.notfound h3>span {
	padding-left: .8em
}

.notfound p {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 5.6rem
}

.anchor-target {
	margin-top: -9.8rem;
	padding-top: 9.8rem
}

.business .content-inner-l>section:not(:last-of-type),.business .content-inner>section:not(:last-of-type) {
	margin-bottom: 8rem
}

.business .content-inner-l>section.public-link-content,.business .content-inner>section.public-link-content {
	margin-bottom: 12rem
}

.business-aside-content {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12rem;
	background-color: #f0f1f3;
	border-radius: 8px
}

.business-aside-content.title-black h4 {
	color: #333
}

.business-aside-content h4 {
	color: #003894;
	text-align: center;
	margin-bottom: 4rem;
	font-size: 1.8rem;
	padding: 0 1em
}

.business-aside-content h4.text-l {
	font-size: 2.4rem
}

.business-aside-content h5 {
	padding-left: 0;
	margin-bottom: 2rem
}

.business-aside-content h5:before {
	content: none
}

.business-aside-content h5.text-l {
	font-size: 1.8rem
}

.business-aside-content .row p {
	margin-bottom: 1em
}

.business-aside-content .row dl {
	margin-bottom: 0
}

.business-aside-content .row dl dt {
	font-weight: 400;
	flex: 0 0 100%;
	max-width: 100%
}

.business-aside-content .row dl dd {
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 1em
}

.business-aside-content .link-btn-group {
	margin-top: 4rem
}

.business-client-content .logo-container {
	max-width: 30rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6rem
}

.business-client-content .logo-container a {
	transition: .3s opacity
}

.business-client-content .logo-container a:hover {
	opacity: .7
}

.business-detail-content:not(:last-child) {
	margin-bottom: 8rem
}

.business-detail-content .sub-title {
	display: block;
	font-size: 1.6rem;
	font-weight: 700
}

.business-detail-content .row {
	align-items: flex-start
}

.business-detail-content .row>div>p {
	margin-top: 1rem
}

.business-detail-content .row>div>p span {
	display: block
}

.business-detail-content .row>div>p span.text-right {
	text-align: right
}

.business-detail-content .row .link-btn-group {
	margin-top: 6rem
}

.business-detail-content>.row:not(:last-child) {
	margin-bottom: 6rem
}

.business-detail-content .sub-container.logo {
	margin-top: 4rem
}

.business-detail-content .sub-container.logo ul {
	margin: 0 -.8rem
}

.business-detail-content .sub-container.logo ul li {
	padding: 0 .8rem
}

.business-detail-content .sub-container.image {
	margin-bottom: 2rem
}

.business-detail-content .sub-container.image .image-title {
	font-weight: 700;
	font-size: 1.6rem
}

.business-detail-content .sub-container.image img {
	width: auto
}

.business-detail-content dl {
	margin-bottom: 0
}

.business-detail-content dl dt {
	flex: 0 0 100%;
	max-width: 100%;
	font-weight: 400
}

.business-detail-content dl dd {
	flex: 0 0 100%;
	max-width: 100%
}

.business-detail-content .sub-image.row {
	align-items: center;
	margin-top: 4rem;
	margin-left: -1rem;
	margin-right: -1rem
}

.business-detail-content .sub-image.row>div.col-6 {
	padding: 0 1rem
}

.business-detail-content .movie-container {
	padding-top: 56.25%;
	height: 0;
	position: relative
}

.business-detail-content .movie-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.business-detail-content .image-list-container {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4rem
}

.business-detail-content .image-list-container .row-center {
	justify-content: center
}

.business-detail-content>.link-btn-group {
	margin-top: 6rem
}

.business-detail-sub-content:nth-of-type(even)>.row {
	flex-direction: row-reverse
}

.business-detail-sub-content:nth-of-type(even)>.row.no-reverse {
	flex-direction: row
}

.business-detail-sub-content:not(:last-child) {
	margin-bottom: 8rem
}

.business-detail-sub-content .image-list-container {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4rem
}

.business-detail-sub-content .image-list-container .row-center {
	justify-content: center
}

.business-detail-sub-content .sub-container:first-of-type {
	margin-top: 2.4rem
}

.business-detail-sub-content .sub-container:not(:last-of-type) {
	margin-bottom: 3.2rem
}

.business-detail-sub-content>.link-btn-group {
	margin-top: 6rem
}

.business h3.public-prodcut-desc {
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 8rem;
	font-weight: 700;
	padding: 0
}

.business p.lead {
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 72px
}

.public-topics-content .link-btn-group {
	text-align: center
}

.product-topics-list .image-container {
	overflow: hidden;
	position: relative
}

.product-topics-list .image-container img {
	transition: .3s all
}

.product-topics-list .image-container .item-new {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background-color: #dc000c;
	font-size: 1.4rem;
	padding: .4rem 2.2rem
}

.product-topics-list .topics-date {
	font-weight: 700;
	margin-bottom: 8px;
	display: block
}

.product-topics-list .topics-title {
	margin-bottom: 0;
	padding-bottom: 8px
}

.product-topics-list.newly-arrived li {
	margin-bottom: 48px
}

.product-topics-list.newly-arrived li .image-container {
	margin-bottom: 14px
}

.product-topics-list.newly-arrived a {
	display: block;
	color: #333;
	position: relative
}

.product-topics-list.newly-arrived a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	background: #dc000c;
	left: 0;
	bottom: 0;
	transition: .3s width
}

.product-topics-list.newly-arrived a:hover {
	text-decoration: none
}

.product-topics-list.all {
	padding-top: 8px
}

.product-topics-list.all li {
	align-items: center;
	border-bottom: solid .1rem #adb5bd;
	padding-bottom: 4rem;
	margin: 0
}

.product-topics-list.all li:not(:first-child) {
	padding-top: 4rem
}

.product-topics-list.all .image-container {
	flex: 0 0 36rem;
	max-width: 36rem
}

.product-topics-list.all .info-container {
	flex: 0 0 calc(100% - 36rem);
	flex-basis: calc(100% - 36rem);
	max-width: calc(100% - 36rem);
	padding-left: 6rem
}

.product-topics-list.all .topics-info {
	margin-bottom: 40px
}

.product-topics-list.all .topics-info .title-link {
	font-size: 1.5rem;
	color: #333
}

.product-topics-list.all .topics-info .title-link:hover {
	text-decoration: none
}

.public-product-content .row:not(:last-child) {
	margin-bottom: 6rem
}

.public-product-content .link-btn-group {
	margin-top: 6rem
}

.product-topics-header .topics-date {
	display: block;
	margin-bottom: 16px;
	font-size: 1.8rem;
	font-weight: 700
}

.product-topics-header h4 {
	font-size: 2.4rem
}

.business-topics-detail .topics-read {
	font-size: 1.6rem;
	margin-bottom: 48px
}

.business-topics-detail .info-container {
	margin-bottom: 32px
}

.business-topics-detail .info-container h5 {
	margin-bottom: .875em
}

.business-topics-detail .info-container ul {
	margin-bottom: 16px
}

.business-topics-detail .image-list-container li {
	margin-bottom: 24px
}

.business-topics-detail .image-list-container figcaption {
	padding-top: 4px;
	font-size: 1.3rem
}

.business-topics-detail .wysiwyg-container {
	padding-top: 8px;
	margin-bottom: 8px
}

.business-topics-detail .link-btn-group {
	padding-top: 32px;
	text-align: center
}

.business-topics-detail .link-btn-group .link-btn {
	max-width: 30rem;
	margin-left: auto;
	margin-right: auto
}

.public-product-content .business-image-list {
	margin-top: 6rem
}

.functionality-desc {
	margin-bottom: 8rem;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto
}

.business-aside-bnr-content>ul {
	margin: 0 -4rem
}

.business-aside-bnr-content>ul li {
	padding: 0 4rem
}

.business-aside-bnr-content>ul li:not(:last-child) {
	margin-bottom: 8rem
}

.business-aside-bnr-content .bnr-l {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto
}

.business-aside-bnr-content .bnr-l a {
	transition: .5s all
}

.business-aside-bnr-content .bnr-l a:hover {
	opacity: .7
}

.business-aside-bnr-content .bnr-overlay {
	position: relative
}

.business-aside-bnr-content .bnr-overlay p {
	padding: 0 1.2rem;
	margin-bottom: 0
}

.business-aside-bnr-content .bnr-overlay .link-container {
	position: relative;
	margin-bottom: 1em
}

.business-aside-bnr-content .bnr-overlay .link-container a {
	color: #fff;
	display: block;
	font-size: 3rem;
	overflow: hidden;
	position: relative
}

.business-aside-bnr-content .bnr-overlay .link-container a:before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(51,51,51,.6);
	z-index: 1
}

.business-aside-bnr-content .bnr-overlay .link-container a span {
	position: absolute;
	top: 0;
	left: 0;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 10
}

.business-aside-bnr-content .bnr-overlay .link-container a:after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	right: 24px;
	margin: auto 0;
	width: 18px;
	height: 18px;
	border-style: solid;
	border-width: 3px;
	border-color: #fff #fff transparent transparent;
	border-radius: 1px;
	transform: rotate(45deg);
	z-index: 10
}

.business-aside-bnr-content .bnr-overlay .link-container a img {
	transition: .3s all
}

.business-desc-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8rem
}

.business-desc-container h3 {
	font-size: 2.4rem;
	margin-bottom: 3.6rem;
	text-align: center
}

.business-desc-container .business-desc h4 {
	margin-bottom: 1em
}

.business-desc-container .business-desc .dib {
	text-align: left
}

.business-bnr-container {
	margin-bottom: 8rem
}

.business-bnr-container .bnr-overview>p {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4rem
}

.business-bnr-container .image-container {
	margin-bottom: 4rem;
	position: relative
}

.business-bnr-container .image-container .bnr-text {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.business-bnr-container .image-container .bnr-text h3 {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	font-size: 3rem;
	color: #fff;
	margin-bottom: 0;
	padding: 0 4rem
}

.car-image-container {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem
}

.car-image-container p {
	padding-top: 6rem;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto
}

.accessories-list li .image-container {
	margin-bottom: 2rem
}

.accessories-list li .data-container {
	padding: 0 1rem
}

.accessories-list li .data-content {
	margin-bottom: 2rem
}

.accessories-list li .data-content dl {
	display: flex!important;
	flex-wrap: wrap
}

.accessories-list li .data-content dl:not(:last-of-type) {
	margin-bottom: 1.2rem
}

.accessories-list li .data-content dl dt {
	flex: 0 0 10rem;
	max-width: 10rem
}

.accessories-list li .data-content dl dd {
	flex: 0 0 calc(100% - 10rem);
	flex-basis: calc(100% - 10rem);
	max-width: calc(100% - 10rem);
	margin-bottom: 0
}

.functional-bnr-container.bnr-top {
	margin-bottom: 8rem
}

.functional-bnr-container.bnr-bottom {
	margin-top: 8rem
}

.functional-bnr-container .functional-bnr-inner.inner-l {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto
}

.functional-bnr-container .functional-bnr-inner.inner-m {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto
}

.functional-bnr-container .functional-bnr-inner.inner-s {
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto
}

.functional-bnr-container a:hover img {
	opacity: .7
}

.functional-bnr-container img {
	transition: .3s all;
	box-shadow: 0 .3rem .6rem rgba(0,0,0,.25)
}

.functional-image-container .image-inner.inner-l {
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8rem
}

.functional-image-container .image-inner.inner-m {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4rem
}

.business-contact-container {
	margin-top: 80px;
	text-align: center
}

.business-contact-container .business-contact-inner {
	background-color: #f0f1f3;
	border: solid 1px #adb5bd;
	border-radius: .4rem;
	padding: 4rem 24px;
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto
}

.business-contact-container .business-contact-inner.inner-l {
	max-width: 64rem;
	margin-left: auto;
	margin-right: auto
}

.business-contact-container .title {
	font-size: 1.6rem;
	font-weight: 600
}

.business-contact-container .title span {
	display: inline-block
}

.business-contact-container .info>p {
	margin-bottom: 0
}

.business-contact-container .info>p span {
	display: inline-block;
	padding: 0 .5em
}

.business-contact-container .info>p span.link-icon {
	padding-left: 0
}

.business-contact-container .info>p a {
	text-decoration: none
}

.business-contact-container .info>p a:hover {
	text-decoration: none
}

.business-contact-container dl.mail {
	margin-bottom: 0
}

.business-contact-container dl.mail dd,.business-contact-container dl.mail dt {
	display: inline-block
}

.business-contact-container dl.mail dt {
	margin-right: 1em;
	font-weight: 400
}

.business-contact-container dl.mail dd a {
	text-decoration: underline;
	color: #333;
	word-break: break-all
}

.business-contact-container dl.mail dd a:hover {
	text-decoration: none
}

.business-table table {
	width: 100%
}

.business-table table tbody {
	border-top: solid .2rem #333;
	border-bottom: solid .2rem #333
}

.business-table table tbody tr:not(:last-of-type) {
	border-bottom: solid .1rem #adb5bd
}

.business-table table tbody td {
	padding: 1rem 1.2rem
}

.business-table table tbody td.thead {
	text-align: center;
	width: 7rem
}

.business-table table tbody td.tcontent {
	background-color: #f0f1f3;
	width: calc(100% - 7rem)
}

.business-table .text-caution {
	display: block;
	margin-top: 1rem
}

.tispa-bnr {
	max-width: 1000px;
	margin: 0 auto
}

.business-functional-deodorize .suminoe-filter {
	max-width: 100%;
	margin-bottom: 64px
}

.business-functional-deodorize .suminoe-filter-main .img--box {
	text-align: center
}

.business-functional-deodorize .suminoe-filter .business-aside-inner h4>span {
	display: inline-block
}

.business-functional-deodorize .suminoe-filter .business-aside-inner h5 {
	margin-bottom: 40px
}

.business-functional-deodorize .suminoe-filter .business-aside-inner h5>span {
	display: inline-block
}

.business-functional-deodorize .suminoe-filter .business-aside-inner>p {
	text-align: center;
	margin-top: 24px
}

.business-functional-deodorize .suminoe-filter .business-aside-inner>p.inlink--text {
	margin-top: 0
}

.business-functional-deodorize .suminoe-filter .business-aside-inner .link-btn-group {
	margin: 16px 0
}

.company .company-table {
	text-align: left
}

.company .company-table .addres th,.company .company-table td {
	padding: 1em;
	line-height: 1.4
}

.company .company-table .addres th dl,.company .company-table .addres th p,.company .company-table td dl,.company .company-table td p {
	margin: 0
}

.company .company-table .addres th dl dd:last-of-type,.company .company-table td dl dd:last-of-type {
	margin-bottom: 0
}

.company .company-table th.name-description {
	width: 35%;
	background: #f0f1f3
}

.company .company-table th.name-description .description {
	font-weight: 400
}

.company .company-table .business {
	padding-right: 0
}

.company .company-table .business>ul {
	margin: 0 -4px
}

.company .company-table .business>ul li.business-icon {
	display: inline-block;
	padding: 0 2px;
	color: #dc000c;
	font-size: 2.4rem
}

.company .company-table h4 {
	margin-bottom: .4em;
	padding: 0;
	font-size: 1.8rem;
	border-left: none
}

.company .company-table h4 a {
	color: #333;
	vertical-align: middle
}

.company .company-table h4 a:hover {
	text-decoration: none
}

.company .company-table h4 span {
	display: inline
}

.company .company-table h4 .link-icon {
	margin-left: .4em;
	font-size: 1.6rem;
	font-weight: 400;
	vertical-align: middle
}

.company .company-table h5 {
	font-size: 1.4rem;
	margin-top: .8rem;
	margin-bottom: .5rem
}

.company dl.corporate-info,.company dl.offices-info {
	display: flex!important;
	flex-wrap: wrap
}

.company dl.corporate-info dt,.company dl.offices-info dt {
	flex: 0 0 5em;
	max-width: 5em;
	font-weight: 400
}

.company dl.corporate-info dd,.company dl.offices-info dd {
	flex: 0 0 calc(100% - 5em);
	flex-basis: calc(100% - 5em);
	max-width: calc(100% - 5em)
}

.company dl.corporate-info dd .postal-code,.company dl.offices-info dd .postal-code {
	vertical-align: top
}

.company .lead {
	max-width: 800px;
	margin: 0 auto 24px;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center
}

.company .lead span {
	display: inline-block
}

.introduction-header {
	position: relative;
	width: 100%;
	height: 400px;
	margin-bottom: 40px
}

.introduction-header .img-wrapper {
	position: absolute;
	width: 100%;
	height: 400px
}

.introduction-header .img-wrapper .object-fit-img {
	width: 100%;
	height: 400px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: left center;
	object-position: left center;
	font-family: 'object-fit: cover; object-position: left center;'
}

.introduction-header .ttl-wrapper {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 100%;
	justify-content: flex-end
}

.introduction-header .ttl-wrapper h2 {
	flex: 0 0 48rem;
	max-width: 48rem;
	font-size: 4.8rem;
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 1.3;
	margin-right: 7%
}

.introduction-header .ttl-wrapper h2>span {
	display: block
}

.company-introduction .main-text {
	margin-bottom: 40px
}

.company-introduction .main-text p {
	margin-bottom: 2.4rem;
	line-height: 2
}

.company-introduction .ceo-sign {
	text-align: right
}

.company-introduction .ceo-sign .position span {
	display: block
}

.company-introduction .ceo-sign .sign-image img {
	width: 160px
}

.company-outline .offices {
	margin-bottom: 48px
}

.company-outline .office-container {
	margin-bottom: 32px
}

.company-outline .office-container .map {
	padding-bottom: 8px
}

.company-outline .company-overview .overview-table td,.company-outline .company-overview .overview-table th {
	padding: 1em 2em;
	text-align: left
}

.company-outline .company-overview .overview-table th {
	width: 200px;
	font-weight: 400;
	background: #f0f1f3;
	border-left: none
}

.company-outline .company-overview .overview-table td {
	border-right: none
}

.company-outline .company-overview .overview-table dl {
	display: flex!important;
	flex-wrap: wrap
}

.company-outline .company-overview .overview-table dl dt {
	flex: 0 0 10em;
	max-width: 10em;
	font-weight: 400
}

.company-outline .company-overview .overview-table dl dd {
	flex: 0 0 calc(100% - 10em);
	flex-basis: calc(100% - 10em);
	max-width: calc(100% - 10em)
}

.company-outline .origin-logo .content-inner {
	padding-top: 40px;
	padding-bottom: 40px;
	border-radius: 8px
}

.company-outline .origin-logo .company-logo {
	font-size: 10rem;
	color: #dc000c;
	flex: 0 0 130px;
	max-width: 130px;
	text-align: center;
	line-height: 1;
	margin-bottom: 16px
}

.company-outline .origin-logo .origin-text p {
	margin-bottom: .5rem
}

.company-philosophy .inner {
	padding-right: 20px;
	padding-left: 20px
}

.company-philosophy .kv {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f0f1f3
}

.company-philosophy .kv .kv-images {
	width: 100%;
	height: 100%
}

.company-philosophy .kv-slide {
	position: relative;
	width: 100%;
	height: 100%
}

.company-philosophy .kv-slide .kv-images .swiper-slide {
	position: relative;
	width: 100%;
	overflow: hidden
}

@keyframes zoomDown {
	0% {
			transform: scale(1.2)
	}

	100% {
			transform: scale(1)
	}
}

.company-philosophy .kv-slide .kv-images .swiper-slide.swiper-slide-active .slide-img,.company-philosophy .kv-slide .kv-images .swiper-slide.swiper-slide-duplicate-active .slide-img,.company-philosophy .kv-slide .kv-images .swiper-slide.swiper-slide-prev .slide-img {
	-webkit-animation: zoomDown 10s linear 0s 1 normal both;
	animation: zoomDown 10s linear 0s 1 normal both
}

.company-philosophy .kv-slide .kv-images .swiper-slide.swiper-slide-active .slide-img img,.company-philosophy .kv-slide .kv-images .swiper-slide.swiper-slide-duplicate-active .slide-img img,.company-philosophy .kv-slide .kv-images .swiper-slide.swiper-slide-prev .slide-img img {
	transition-delay: 0s;
	transform: scale(1.05)
}

.company-philosophy .kv-slide .kv-images .swiper-slide img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}

.company-philosophy .kv-slide .kv-images .swiper-slide .slide-img img {
	display: block
}

.company-philosophy .kv-slide .kv-text-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1240px;
	display: flex!important;
	flex-direction: column;
	justify-content: center;
	z-index: 1000
}

.company-philosophy .kv-slide .kv-text-wrapper .image-logo {
	max-width: 179px;
	margin: 0 auto
}

.company-philosophy .kv-slide .kv-text-wrapper .kv-text {
	max-width: 179px;
	margin: 28px auto 0
}

.english .company-philosophy .kv-slide .kv-text-wrapper .kv-text {
	max-width: 230px
}

.company-philosophy .philosophy-text {
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 700;
	font-size: 3.1rem;
	margin-bottom: 4rem
}

.company-philosophy .philosophy-text span {
	display: block;
	text-align: center
}

.company-philosophy .philosophy-text_sp {
	display: none
}

.company-philosophy .philosophy-text_sp span {
	display: block;
	text-align: center
}

.company-philosophy .corporate-object .rs2 {
	padding-right: .6em
}

.company-philosophy .corporate-motto .rs1 {
	padding-right: .8em
}

.company-philosophy .corporate-norm-list li {
	padding: .25em 0;
	font-size: 1.8rem;
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 700;
	list-style-type: decimal
}

.company-philosophy .content-inner {
	max-width: 100%;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0
}

.company-philosophy .corporate-motto,.company-philosophy .corporate-object {
	max-width: 1146px;
	margin: 0 auto;
	padding: 150px 0;
	padding-left: 20px;
	padding-right: 20px
}

.company-philosophy .corporate-motto h3,.company-philosophy .corporate-object h3 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom: .5em;
	font-size: 2.2rem;
	text-align: center
}

.company-philosophy .corporate-motto h4,.company-philosophy .corporate-object h4 {
	font-family: 'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
	margin-bottom: 2.5em;
	font-size: 1.8rem;
	text-align: center
}

.english .company-philosophy .corporate-motto h4,.english .company-philosophy .corporate-object h4 {
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif
}

.company-philosophy .corporate-motto .cap-text_sp,.company-philosophy .corporate-object .cap-text_sp {
	display: none
}

.company-philosophy .corporate-motto .cap-text_sp.cap01,.company-philosophy .corporate-object .cap-text_sp.cap01 {
	max-width: 150px
}

.company-philosophy .corporate-motto .cap-text_sp.cap02,.company-philosophy .corporate-object .cap-text_sp.cap02 {
	max-width: 170px
}

.company-philosophy .corporate-motto .cap-text_sp.cap03,.company-philosophy .corporate-object .cap-text_sp.cap03 {
	max-width: 230px
}

.company-philosophy .corporate-motto .cap-text_sp.cap04,.company-philosophy .corporate-object .cap-text_sp.cap04 {
	max-width: 130px
}

.company-philosophy .corporate-motto .rs1,.company-philosophy .corporate-object .rs1 {
	padding-right: 0
}

.company-philosophy .corporate-motto .rs2,.company-philosophy .corporate-object .rs2 {
	padding-right: 0
}

.company-philosophy .corporate-object.sec01 {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 11.3rem;
	background: url(../img/company/philosophy/sec_01_pc.jpg) no-repeat center top;
	background-size: cover
}

.company-philosophy .corporate-object.sec01::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	background: url(../img/company/philosophy/line01_pc.png) no-repeat left top;
	background-size: cover
}

.company-philosophy .corporate-motto.sec02 {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/company/philosophy/sec_02_pc.jpg) no-repeat center top;
	background-size: cover
}

.company-philosophy .corporate-motto.sec03 {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/company/philosophy/sec_03_pc.jpg) no-repeat center top;
	background-size: cover
}

.company-philosophy .corporate-motto.sec04 {
	display: block;
	width: 100%;
	height: 100%;
	padding-right: 10px;
	padding-left: 10px;
	background: url(../img/company/philosophy/sec_04_pc.jpg) no-repeat center top;
	background-size: cover
}

.company-philosophy .corporate-motto.sec04 dl {
	max-width: 851px;
	margin: 0 auto;
	text-align: center
}

.company-philosophy .corporate-motto.sec04 dl:not(:last-of-type) {
	border-bottom: solid .1rem #000
}

.company-philosophy .corporate-motto.sec04 dl dt {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 5rem 0 2rem;
	font-size: 3.2rem
}

.company-philosophy .corporate-motto.sec04 dl dd {
	font-family: 'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
	margin-bottom: 0;
	padding: 0 0 5rem;
	font-size: 2rem
}

.english .company-philosophy .corporate-motto.sec04 dl dd {
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif
}

.company-philosophy .corporate-motto.sec04 dl dd span {
	display: inline
}

.english .company-philosophy .corporate-motto.sec04 dl dd span {
	display: block
}

.company-philosophy .corporate-motto.sec04 .sec04-text_sp {
	display: none
}

.company-philosophy .corporate-motto.sec04 .sec04-text_sp figure {
	margin: 0
}

.company-philosophy .corporate-motto.sec05 {
	font-family: 'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
	padding: 150px 0 180px
}

.english .company-philosophy .corporate-motto.sec05 {
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif
}

.company-philosophy .corporate-motto.sec05 h3 {
	margin-bottom: 7rem;
	font-family: 'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
	font-size: 4rem;
	letter-spacing: .4rem
}

.english .company-philosophy .corporate-motto.sec05 h3 {
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif
}

.company-philosophy .corporate-motto.sec05 h3 span {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 3.8rem;
	letter-spacing: .1rem
}

.company-philosophy .corporate-motto.sec05 .sec05-text_sp {
	display: none
}

.company-philosophy .corporate-motto.sec05 p {
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.4
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list {
	position: relative;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list::after {
	position: absolute;
	display: block;
	content: "";
	max-width: 960px;
	width: 100%;
	height: 100%;
	top: 55px;
	right: 0;
	left: 0;
	margin: 0 auto;
	background: url(../img/company/philosophy/sec_05_arrow_pc.png) no-repeat center top;
	background-size: cover;
	/* z-index: -1 */
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li:not(:last-of-type) {
	margin-bottom: 20px
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li:first-of-type {
	width: 70%
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li:nth-of-type(2) {
	width: 30%
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list:not(:last-of-type),.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list:not(:last-of-type) {
	margin: 0 20px 20px
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dt,.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dt {
	padding: 1rem;
	font-size: 2.8rem;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	color: #fff
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list {
	margin-right: 17px
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dt {
	background: #00348d
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd {
	margin-top: 3.5rem
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div {
	position: relative
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div:first-of-type {
	top: 380px;
	width: 20%
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div:nth-of-type(2) {
	top: 120px;
	width: 35%
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div:nth-of-type(3) {
	top: 0;
	width: 35%
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dt {
	background: #b1143e
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dd {
	margin-top: 2.5rem
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dd .image-vision {
	position: relative;
	max-width: 100%;
	mix-blend-mode: hard-light
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dd .image-vision .imgvision {
	position: relative;
	max-width: 100%
}

.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dd .image-vision .bgvision {
	position: absolute;
	display: block;
	max-width: 100%;
	top: 0;
	z-index: -1;
	mix-blend-mode: multiply
}

.company-philosophy .corporate-motto,.company-philosophy .corporate-object,.company-philosophy .corporate-other {
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 1s ease
}

.company-philosophy .fadein {
	transition: all .8s cubic-bezier(.24,.27,.38,.99);
	overflow: hidden
}

.company-philosophy .fadein.show {
	transform: translate(0) scale(1)!important;
	opacity: 1!important;
	visibility: visible!important
}

.company-philosophy .fadein.fadein--up {
	transform: translateY(200px)
}

.company-philosophy .fadein.fadein--txt {
	transform: translateY(80px);
	opacity: 0;
	visibility: hidden
}

.company-philosophy .fadein.fadein--ttl {
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden
}

.company-philosophy .fadein.fadein--img {
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition-delay: .1s
}

.company-philosophy .fadein.fadein--logo {
	transform: translateY(50%)
}

.company-philosophy .fade-area {
	overflow: hidden
}

.company-philosophy .scroll-prevent {
	overflow-y: hidden
}

.company-philosophy .ff--en {
	font-family: Roboto,sans-serif
}

.company-philosophy .fadein {
	transition: all .8s cubic-bezier(.24,.27,.38,.99);
	overflow: hidden;
	opacity: 0;
	visibility: hidden
}

.company-philosophy .fadein.show {
	transform: translate(0) scale(1)!important;
	opacity: 1!important;
	visibility: visible!important
}

.company-philosophy .fadein.fadein--left {
	transform: translateX(60px)
}

.company-philosophy .fadein.fadein--right {
	transform: translateX(-60px)
}

.company-philosophy .fadein.fadein--up {
	transform: translateY(60px)
}

.company-philosophy .fadein.fadein--scale {
	transform: translateY(30px) scale(.6)
}

.company-philosophy .fadein.fadein--txt {
	transform: translateY(80px);
	opacity: 0;
	visibility: hidden
}

.company-philosophy .fadein.fadein--ttl {
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden
}

.company-philosophy .fadein.fadein--img {
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition-delay: .1s
}

.company-philosophy .fadein.fadein--logo {
	transform: translateY(50%)
}

.company-philosophy .fadeOne {
	opacity: 0;
	position: relative
}

.company-philosophy .fadeOne.show {
	-webkit-animation-name: fadeOne;
	animation-name: fadeOne;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1
}

@-webkit-keyframes fadeOne {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

@keyframes fadeOne {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

.company-philosophy .fadeTwo {
	opacity: 0;
	position: relative
}

.company-philosophy .fadeTwo.show {
	-webkit-animation-name: fadeTwo;
	animation-name: fadeTwo;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1
}

@-webkit-keyframes fadeTwo {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

@keyframes fadeTwo {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

.company-philosophy .fadeThree {
	opacity: 0;
	position: relative
}

.company-philosophy .fadeThree.show {
	-webkit-animation-name: fadeTwo;
	animation-name: fadeTwo;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1
}

@-webkit-keyframes fadeThree {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

@keyframes fadeThree {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

.company-philosophy .fadeFour {
	opacity: 0;
	position: relative
}

.company-philosophy .fadeFour.show {
	-webkit-animation-name: fadeFour;
	animation-name: fadeFour;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1
}

@-webkit-keyframes fadeFour {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

@keyframes fadeFour {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	50% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

.company-philosophy .fadeFive {
	opacity: 0;
	position: relative
}

.company-philosophy .fadeFive.show {
	-webkit-animation-name: fadeFive;
	animation-name: fadeFive;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	transition-timing-function: linear;
	opacity: 1
}

@-webkit-keyframes fadeFive {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	70% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

@keyframes fadeFive {
	0% {
			opacity: 0;
			transform: translateY(100px)
	}

	70% {
			opacity: 0;
			transform: translateY(100px)
	}

	100% {
			opacity: 1;
			transform: translateY(0)
	}
}

.company-philosophy .philosophy-text {
	margin-bottom: 5rem;
	font-family: 'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
	font-weight: 700;
	font-size: 3.1rem;
	letter-spacing: .3rem
}

.english .company-philosophy .philosophy-text {
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
	letter-spacing: .1rem
}

.company-philosophy .philosophy-text span {
	display: block;
	text-align: center
}

.company-philosophy .corporate-other {
	padding: 12rem 20px 9rem;
	text-align: center
}

.company-philosophy .corporate-other h3 {
	margin-bottom: 6rem;
	font-size: 2.2rem;
	text-align: center
}

.company-philosophy .corporate-other h4,.company-philosophy .corporate-other h5,.company-philosophy .corporate-other p {
	font-family: 'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
	font-weight: 400;
	text-align: center
}

.company-philosophy .corporate-other h4 {
	font-size: 4rem
}

.company-philosophy .corporate-other h5 {
	margin-top: 7rem;
	margin-bottom: 4.5rem;
	font-size: 2.8rem
}

.company-philosophy .corporate-other p {
	font-size: 1.8rem;
	margin-bottom: 0;
	line-height: 2.4
}

.company-philosophy .corporate-other p+p {
	margin-top: 3rem
}

.company-philosophy .corporate-other.logo {
	position: relative;
	background: #f1f1ef
}

.company-philosophy .corporate-other.logo::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	background: url(../img/company/philosophy/line02_pc.png) no-repeat left top;
	background-size: cover
}

.company-philosophy .corporate-other.logo h4 {
	margin-bottom: 5.7rem
}

.company-philosophy .corporate-other.logo .image-container {
	max-width: 955px;
	margin: 0 auto;
	padding: 9rem 0;
	background: #fff
}

.company-philosophy .corporate-other.logo .image-container .image-logo {
	max-width: 259px;
	margin: 0 auto
}

.company-philosophy .corporate-other.color {
	padding-bottom: 0
}

.company-philosophy .corporate-other.color span {
	display: block;
	margin-bottom: 4rem;
	font-size: 2.8rem;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700
}

.company-philosophy .corporate-other.color .image-container {
	margin-top: 6rem
}

.company-philosophy .corporate-other.color .image-container .image-color {
	max-width: 940px;
	margin: 0 auto
}

.company-group .lead {
	margin-bottom: 40px
}

.company-group .lead>.border-decorations {
	position: relative;
	display: block;
	margin: 1em auto 0;
	text-align: center!important
}

.company-group .lead>.border-decorations::after,.company-group .lead>.border-decorations::before {
	content: '';
	display: inline-block;
	height: 1px;
	width: 100px;
	margin-right: 1em;
	vertical-align: middle;
	background: #333
}

.company-group .lead>.border-decorations::after {
	margin-right: 0;
	margin-left: 1em
}

.company-group .company-table {
	text-align: left
}

.company-global .content-inner-s {
	padding: 0
}

.company-global .global-info figure {
	text-align: center
}

.company-global .global-info figure figcaption>span {
	font-size: 2.4rem;
	font-weight: 700
}

.company-global .global-info picture img {
	border: 1px solid #adb5bd
}

.company-global .global-info ol {
	display: table;
	margin: 2rem auto 0;
	padding-left: 0;
	list-style: none
}

.company-global .global-info ol li {
	display: table-row;
	padding: .3em 0;
	counter-increment: table-ol
}

.company-global .global-info ol li::before {
	content: counter(table-ol) ".";
	display: table-cell;
	padding-right: .4em
}

.company-global .global-info ol li::after {
	content: '';
	display: block
}

.company-global .global-office>[class^=col-] {
	padding-bottom: 3rem
}

.company-global .global-office h4 {
	padding: .5em 0;
	font-size: 2.1rem;
	border: none;
	border-bottom: 1px solid #dc000c
}

.company-global .global-office h4>span {
	display: block;
	font-size: 1.2rem
}

.company-global .global-office h4+p {
	font-weight: 700
}

.movie-introduction video {
	max-width: 100%
}

.modaal-content-container {
	background: #000
}

.modaal-content-container video {
	max-width: 100%
}

.contact h3 {
	margin-bottom: 3.2rem;
	font-size: 1.8rem;
	text-align: center
}

.contact h4 {
	margin-bottom: 1.6rem;
	padding: .7em 0 .6em;
	font-size: 1.8rem;
	text-align: center
}

.contact .content-inner-s {
	max-width: 720px
}

.contact ul.list-circle {
	padding-bottom: 0
}

.contact ul.list-circle li:not(:last-child) {
	padding-bottom: 1.2rem
}

.contact ul.list-circle li::before {
	color: #dc000c;
	content: '\f006';
	font-family: suminoe-icon!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: normal;
	font-weight: 400!important;
	line-height: 1;
	margin-right: .6rem;
	vertical-align: -.1rem
}

.contact .tel img {
	width: 70%
}

.contact .contact-box {
	margin-top: 4rem
}

.contact .contact-box>[class^=col-] {
	text-align: center
}

.contact .contact-box>[class^=col-]>section {
	width: 100%;
	height: 100%;
	padding: 1rem;
	border: 1px solid #adb5bd
}

.contact .contact-box>[class^=col-] p>span {
	display: block;
	line-height: 1.5
}

.home .covid19-wrapper {
	padding: 4rem 0 0
}

.home .covid19-wrapper p {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #dc000c
}

.home .covid19-wrapper p a {
	display: block;
	width: 100%;
	padding: 2rem 0;
	transition: .3s opacity
}

.home .covid19-wrapper p a:hover {
	text-decoration: none;
	opacity: .7
}

.home .covid19-wrapper p a br {
	display: none
}

.covid19 h2 {
	font-size: 1.8rem;
	text-align: left
}

.covid19 h3.ttl-ordered {
	padding-left: 4.5rem;
	font-size: 2.4rem
}

.covid19 h3.ttl-ordered::before {
	width: 3.2rem;
	font-size: 1.8rem;
	line-height: 3.2rem;
	text-align: center;
	border: 1px solid #333;
	background: 0 0;
	padding-bottom: 3.2rem;
	line-height: 1.7
}

.covid19 .company_list table tr th {
	background: #f0f1f3
}

.covid19 .company_list table tr th:first-of-type {
	width: 20%
}

.covid19 .company_list table tr th:last-of-type {
	width: 60%
}

.covid19 .company_list table tr td:last-of-type {
	width: 60%;
	text-align: left
}

.covid19 section:nth-of-type(1)>h3.ttl-ordered::before {
	content: "1"
}

.covid19 section:nth-of-type(2)>h3.ttl-ordered::before {
	content: "2"
}

.covid19 section:nth-of-type(3)>h3.ttl-ordered::before {
	content: "3"
}

.covid19 section:nth-of-type(4)>h3.ttl-ordered::before {
	content: "4"
}

.covid19 section:nth-of-type(5)>h3.ttl-ordered::before {
	content: "5"
}

.covid19 section:nth-of-type(6)>h3.ttl-ordered::before {
	content: "6"
}

.covid19 section:nth-of-type(7)>h3.ttl-ordered::before {
	content: "7"
}

.covid19 section:nth-of-type(8)>h3.ttl-ordered::before {
	content: "8"
}

.covid19 section:nth-of-type(9)>h3.ttl-ordered::before {
	content: "9"
}

.covid19 section:nth-of-type(10)>h3.ttl-ordered::before {
	content: "10"
}

.covid19 section:nth-of-type(11)>h3.ttl-ordered::before {
	content: "11"
}

.covid19 section:nth-of-type(12)>h3.ttl-ordered::before {
	content: "12"
}

.covid19 section:nth-of-type(13)>h3.ttl-ordered::before {
	content: "13"
}

.covid19 section:nth-of-type(14)>h3.ttl-ordered::before {
	content: "14"
}

.covid19 section:nth-of-type(15)>h3.ttl-ordered::before {
	content: "15"
}

.covid19 section:nth-of-type(16)>h3.ttl-ordered::before {
	content: "16"
}

.covid19 section:nth-of-type(17)>h3.ttl-ordered::before {
	content: "17"
}

.covid19 section:nth-of-type(18)>h3.ttl-ordered::before {
	content: "18"
}

.covid19 section:nth-of-type(19)>h3.ttl-ordered::before {
	content: "19"
}

.covid19 section:nth-of-type(20)>h3.ttl-ordered::before {
	content: "20"
}

.csr .content-link-banner a {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 100px;
	font-weight: 700;
	color: #333;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	border: 1px solid #ced4da
}

.csr .content-link-banner a::after,.csr .content-link-banner a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: .3s
}

.csr .content-link-banner a::before {
	background-color: #fff;
	opacity: .15;
	z-index: 8
}

.csr .content-link-banner a::after {
	border: 5px solid rgba(255,255,255,.5);
	z-index: 9
}

.csr .content-link-banner a.banner-report {
	background-image: url(../img/csr/index/bg_report.jpg);
	background-size: cover;
	padding-top: 8px
}

.csr .content-link-banner a.banner-report .sub {
	font-size: 1.9rem
}

.csr .content-link-banner a.banner-backnumber {
	background-image: url(../img/csr/index/bg_backnumber.jpg);
	background-size: cover
}

.csr .content-link-banner a .wrapper {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
	position: relative;
	z-index: 10
}

.csr .content-link-banner a .wrapper>span {
	display: inline-block;
	line-height: 1
}

.csr .content-link-banner a .ttl {
	font-size: 1.9rem;
	border-bottom: 1px solid #333;
	padding-bottom: 6px;
	margin-bottom: 2px
}

.csr .content-link-banner a .ttl span {
	font-size: 1.2rem
}

.csr .content-link-banner a .sub {
	font-size: 1.6rem
}

.csr .page-index-catch {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5.4rem;
	margin-top: -2.4rem;
	line-height: 1.9
}

.csr .notice-text {
	text-indent: -1.2em;
	padding-left: 1.2em
}

.csr .notice-text.small-text {
	padding-left: 1.15em;
	text-indent: -1.15em
}

.csr .notice-text>span {
	color: #dc000c;
	padding-right: .125em
}

.csr .notice-text>span.green {
	color: #608524
}

.csr .notice-text>span.blue {
	color: #003894
}

.csr h4.topics .ttl {
	position: relative;
	color: #dc000c;
	padding: 0 .5em;
	font-family: Roboto,sans-serif;
	font-size: 2em
}

.csr h4.topics .ttl::after,.csr h4.topics .ttl::before {
	content: '';
	position: absolute;
	width: 1em;
	height: 1em
}

.csr h4.topics .ttl::before {
	background: #dee2e6;
	left: 0;
	top: -.125em;
	z-index: -10
}

.csr h4.topics .ttl::after {
	top: 0;
	left: .125em;
	border: 1px solid #dee2e6;
	z-index: -9
}

.csr h4.topics .main {
	font-weight: 400;
	font-size: 2.4rem
}

.csr h4.topics .main>span {
	display: inline-block
}

.csr h4>span,.csr h5>span {
	display: inline-block
}

.csr h5 .txt_small {
	font-size: 1.6rem
}

.csr .employee-initiative-details h6 {
	padding-left: 0
}

.csr .employee-initiative-details h6 table th {
	font-size: 1.4rem;
	padding: 10px
}

.csr .employee-initiative-details h6 table td {
	font-size: 1.4rem;
	font-weight: 400
}

.csr .employee-initiative-details h6 span {
	margin-bottom: 10px;
	margin-left: 50px
}

.csr .employee-initiative-details h6:before {
	top: .7em
}

.csr .h6,.csr h6 {
	margin: .7em 0 .9em;
	font-size: 1.5rem;
	position: relative;
	padding-left: 3.2em;
	line-height: 1.4
}

.csr .h6 span,.csr h6 span {
	display: inline-block
}

.csr .h6::before,.csr h6::before {
	content: '';
	position: absolute;
	top: .6em;
	width: 2em;
	height: 2px;
	background: #333;
	left: .4em
}

.csr .h6.blue,.csr h6.blue {
	color: #003894
}

.csr .h6.blue::before,.csr h6.blue::before {
	background: #003894
}

.csr .h6.green,.csr h6.green {
	color: #74a12b
}

.csr .h6.green::before,.csr h6.green::before {
	background: #74a12b
}

.csr .h6.head-primary::before,.csr h6.head-primary::before {
	background: #dc000c
}

.csr .h6.pl-h,.csr h6.pl-h {
	text-indent: -.5em
}

.csr p {
	padding-bottom: .4rem;
	margin-bottom: 2rem
}

.csr ol {
	list-style-type: decimal;
	padding-left: 1.8rem
}

.csr ol li {
	list-style-type: decimal
}

.csr section {
	padding-top: 3.2rem
}

.csr section:not(:nth-last-of-type(1)) {
	margin-bottom: 4.8rem
}

.csr section section {
	padding-top: 0;
	margin-bottom: 0
}

.csr blockquote {
	border-left: 4px solid #dee2e6;
	padding-left: 4px;
	font-size: 1.3rem
}

.csr .small-text,.csr small {
	font-size: 1.2rem;
	line-height: 1.5;
	display: inline-block;
	padding-top: .5em
}

h4 .csr .small-text,h4 .csr small {
	font-size: 1.3rem
}

.csr .small-text.indent-1-5,.csr small.indent-1-5 {
	padding-left: 1.7em;
	text-indent: -1.7em
}

.csr .figure,.csr figure {
	margin-bottom: 0
}

.csr .figure.subpage-img,.csr figure.subpage-img {
	margin-bottom: 2.4rem
}

.csr .figure .subpage-img,.csr figure .subpage-img {
	margin-bottom: 2.4rem
}

.csr figcaption {
	font-size: 1.2rem;
	margin-bottom: 1.6rem;
	padding-top: 4px;
	line-height: 1.3
}

.csr figcaption.l-caption {
	font-size: 1.3rem
}

.csr figcaption.h-caption {
	font-size: 1.3rem;
	margin-bottom: 0;
	font-weight: 700;
	line-height: 1.4
}

.csr figcaption.p-caption {
	font-size: 1.4rem;
	line-height: 1.8
}

.csr figcaption.p-caption.em {
	font-weight: 700;
	color: #003894;
	line-height: 1.4;
	margin-bottom: 0;
	padding-top: .8rem
}

.csr figcaption.h6-caption {
	font-size: 1.5rem;
	font-weight: 700;
	position: relative;
	padding-top: 0;
	padding-left: 3.2em;
	margin: .7em 0 .8em;
	line-height: 1.4
}

.csr figcaption.h6-caption::before {
	content: '';
	position: absolute;
	top: .6em;
	width: 2em;
	height: 2px;
	background: #dc000c;
	left: .4em
}

.csr figcaption.h6-caption span {
	display: inline-block
}

.csr figcaption.h6-caption.black {
	color: #333
}

.csr figcaption.h6-caption.black::before {
	background: #333
}

.csr dl.highlight-list {
	margin: 2.4rem 0
}

.csr dl.highlight-list dt {
	display: inline-flex!important;
	flex-wrap: wrap;
	align-items: center;
	background: #003894;
	color: #fff;
	line-height: 1;
	padding: .3em 1em .35em;
	margin-bottom: .8rem;
	border-radius: 4px
}

.csr dl.highlight-list dt .highlight {
	font-size: 2rem;
	padding-left: .8em
}

.csr dl.highlight-list dt span.suffix {
	font-size: 1.6rem;
	padding-left: .2em
}

.csr dl.highlight-list dd h5 {
	color: #003894;
	font-size: 1.5rem;
	margin-bottom: .2rem
}

.csr .single-point-list {
	margin-bottom: 4rem;
	padding-top: 1.2rem
}

.csr .single-point-list>li {
	position: relative;
	padding-left: 2.4rem;
	margin-bottom: 2rem
}

.csr .single-point-list>li:last-child {
	margin-bottom: 0
}

.csr .single-point-list>li::before {
	content: '\f016';
	font-family: suminoe-icon;
	font-weight: 400;
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 0;
	margin: auto 0;
	color: #003894;
	font-size: 1.6rem
}

.csr .single-point-list>li span {
	display: inline-block
}

.csr .point-list {
	margin-bottom: 4rem
}

.csr .point-list>li>dl {
	padding-top: 1.2rem
}

.csr .point-list>li>dl>dt {
	position: relative;
	padding-left: 2.4rem;
	font-size: 1.6rem;
	margin-bottom: .8rem;
	line-height: 1.4
}

.csr .point-list>li>dl>dt::before {
	content: '\f016';
	font-family: suminoe-icon;
	font-weight: 400;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	color: #003894
}

.csr .point-list>li>dl>dt span {
	display: inline-block
}

.csr .point-list>li>dl>dd {
	padding-left: 2.4rem
}

.csr .point-list>li>dl>dd .h6-caption {
	color: #003894;
	font-size: 1.4rem;
	border-bottom: 1px solid #003894;
	margin-bottom: 1rem;
	padding-left: .25em
}

.csr .point-list>li>dl>dd .h6-caption::before {
	content: none
}

.csr .point-list>li>dl>dd .link-button {
	padding-right: 2.4rem
}

.csr .numberic-list {
	padding-bottom: 1.6rem
}

.csr .numberic-list>li {
	margin-bottom: .4rem;
	min-height: 42px;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center
}

.csr .numberic-list>li>dl {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
	align-items: center
}

.csr .numberic-list>li>dl>dt {
	flex: 0 0 4.8rem;
	max-width: 4.8rem;
	height: 2.2rem;
	line-height: 2rem;
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	position: relative;
	padding-right: 4px
}

.csr .numberic-list>li>dl>dt::after,.csr .numberic-list>li>dl>dt::before {
	content: '';
	position: absolute;
	width: 2.2rem;
	height: 2.2rem;
	top: 0;
	left: 0;
	bottom: 0;
	right: 4px;
	margin: auto
}

.csr .numberic-list>li>dl>dt::before {
	transform: rotate(45deg);
	z-index: -1
}

.csr .numberic-list>li>dl>dt::after {
	border: 1px solid #868e96;
	transform: rotate(45deg) translate(3px,-3px);
	z-index: -2
}

.csr .numberic-list>li>dl>dd {
	flex: 0 0 calc(100% - 4.8rem);
	flex-basis: calc(100% - 4.8rem);
	max-width: calc(100% - 4.8rem);
	line-height: 1.5;
	margin-bottom: 0
}

.csr .std-list {
	margin-bottom: 1.6rem
}

.csr .std-list>li {
	position: relative;
	padding-left: 1.25em;
	text-indent: -1.25em
}

.csr .std-list>li::before {
	content: '・';
	padding-right: .25em
}

.csr .notice-section {
	border: 1px solid #e9ecef;
	padding: 2.6rem 4rem .8rem;
	position: relative;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto
}

.csr .notice-section.full {
	max-width: 1240px
}

.csr .notice-section::after,.csr .notice-section::before {
	content: '';
	position: absolute
}

.csr .notice-section::before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: -2
}

.csr .notice-section::after {
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	background: #f4f5f7;
	z-index: -1
}

.csr .notice-section h4 {
	border-left: none;
	padding-left: 0;
	color: #009481;
	font-size: 1.8rem
}

.csr .notice-section h5 {
	font-size: 1.8rem;
	color: #009481;
	margin-bottom: 0
}

.csr .notice-section h5.blue {
	color: #003894
}

.csr .notice-section ul {
	padding-top: .8rem;
	margin-bottom: 2.4rem
}

.csr .notice-section ul.point-list {
	padding-top: .2rem
}

.csr .notice-section ul.single-point-list>li::before {
	color: #009481
}

.csr .notice-section ul>li {
	margin-bottom: 1rem
}

.csr .notice-section ul>li:last-child {
	margin-bottom: 0
}

.csr .notice-section ul dl>dt .number {
	color: #009481;
	padding-right: .25em
}

.csr .notice-section dl.person {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 0
}

.csr .notice-section dl.person dt.img {
	flex: 0 0 100px;
	max-width: 100px;
	padding-top: 1.2rem;
	margin-bottom: 1.6rem
}

.csr .notice-section dl.person dd.info {
	flex: 0 0 calc(100% - 100px);
	flex-basis: calc(100% - 100px);
	max-width: calc(100% - 100px);
	padding-top: 1.2rem;
	padding-left: 2rem;
	margin-bottom: 0
}

.csr .notice-section dl.person dd.info li {
	font-weight: 700;
	font-size: 1.2rem;
	margin-bottom: .8rem;
	line-height: 1.4
}

.csr .notice-section dl.person dd.info li.name {
	font-size: 1.5rem
}

.csr .notice-section dl.person dd.info li.ttl {
	border-bottom: 1px solid rgba(0,148,129,.75);
	padding-bottom: .4rem;
	margin-bottom: .8rem;
	font-size: 20px;
	color: #009481;
	font-family: Roboto,sans-serif;
	margin-top: -15px;
	font-weight: 400
}

.csr .notice-section dl.person dd.info li span {
	display: inline-block
}

.csr .head-arrow {
	position: relative;
	display: inline-block;
	padding-left: .75em;
	color: #333;
	overflow: hidden
}

.csr .head-arrow::after,.csr .head-arrow::before {
	content: '';
	position: absolute
}

.csr .head-arrow::before {
	top: 1px;
	left: -.125em;
	bottom: 0;
	margin: auto 0;
	width: 11px;
	height: 11px;
	border-style: solid;
	border-width: 2px;
	transform: rotate(45deg)
}

.csr .head-arrow::after {
	bottom: 0;
	left: -110%;
	width: 100%;
	height: 1px;
	background: #333;
	transition: .3s left
}

.csr .head-arrow:hover {
	text-decoration: none
}

.csr .head-arrow.red-arrow::before {
	border-color: #dc000c #dc000c transparent transparent
}

.csr .head-arrow.gray-arrow::before {
	border-color: #adb5bd
}

.csr .content-header .csr-message {
	font-size: 3.2rem;
	line-height: 1.5;
	text-align: center
}

.csr .content-header p.csr-lead {
	margin-bottom: 4.8rem
}

.csr .index-business,.csr .index-message {
	display: flex!important;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 6rem
}

.csr .index-business figure,.csr .index-message figure {
	flex: 0 0 50%;
	max-width: 50%;
	margin-bottom: 0
}

.csr .index-business figure img.object-fit-img,.csr .index-message figure img.object-fit-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: "object-fit: cover; object-position: center center;"
}

.csr .index-business dl.link-index,.csr .index-message dl.link-index {
	flex: 0 0 50%;
	max-width: 50%;
	align-items: center;
	padding: 3.2rem 3rem;
	margin-bottom: 0
}

.csr .index-business dl.link-index>dt,.csr .index-message dl.link-index>dt {
	font-size: 2.2rem;
	margin-bottom: 1.2rem
}

.csr .index-business dl.link-index>dd dt,.csr .index-message dl.link-index>dd dt {
	font-size: 1.55rem;
	margin-bottom: 1em
}

.csr .index-business dl.link-index>dd dt .font-small,.csr .index-message dl.link-index>dd dt .font-small {
	font-size: 1.4rem;
	font-weight: 400;
	margin-bottom: 1em
}

.csr .index-business dl.link-index>dd dd .except,.csr .index-message dl.link-index>dd dd .except {
	margin-bottom: 2.8rem
}

.csr .index-message figure.ceo-image {
	background: #f6ede3
}

.csr .index-message dl.link-index {
	background: #f6ede3
}

.csr .index-business figure.product-image {
	background: #e2ecf6
}

.csr .index-business dl.link-index {
	background: #e2ecf6
}

.csr-business .csr-message {
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto
}

.csr-business ol {
	margin: -1rem 0 3.2rem
}

.csr-business dl.image-list {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 2rem;
	margin-bottom: 2.4rem
}

.csr-business dl.image-list:not(:last-of-type) {
	border-bottom: 1px solid #dee2e6
}

.csr-business dl.image-list dt {
	flex: 0 0 10rem;
	max-width: 10rem;
	padding-bottom: 1.2rem;
	padding-right: 2rem
}

.csr-business dl.image-list dt>span {
	display: inline-block
}

.csr-business dl.image-list dd {
	flex: 0 0 calc(100% - 10rem);
	flex-basis: calc(100% - 10rem);
	max-width: calc(100% - 10rem)
}

.csr-business dl.image-list dd figcaption {
	margin-bottom: 0
}

.csr-business .business-public dl.image-list {
	padding-bottom: 2.4rem
}

.csr-business .business-functional figure div {
	padding-bottom: 16px
}

.sign-wrapper .date {
	text-align: right
}

.sign-wrapper .sign {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center
}

.sign-wrapper .sign .post {
	text-align: left;
	line-height: 1.5;
	flex: 0 0 14rem;
	max-width: 14rem;
	font-size: 1.3rem
}

.sign-wrapper .sign .post>span {
	display: inline-block
}

.sign-wrapper .sign .name img {
	width: 150px
}

.read-text2 {
	word-wrap: break-word
}

.chap01 .sdgs-ttl {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center
}

.chap01 .sdgs-ttl .section-number {
	flex: 0 0 6rem;
	max-width: 6rem;
	font-size: 8rem;
	font-weight: 100;
	font-family: Roboto,"Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
	font-style: italic;
	color: #dc000c;
	line-height: 1
}

.chap01 .sdgs-ttl .main-ttl {
	flex: 0 0 calc(100% - 6rem);
	flex-basis: calc(100% - 6rem);
	max-width: calc(100% - 6rem);
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.4;
	padding-bottom: .1em
}

.chap01 .sdgs-ttl .main-ttl>span {
	display: inline-block
}

.chap01 .sdgs-list {
	display: flex!important;
	flex-wrap: wrap;
	margin: 0 -10px 24px
}

.chap01 .sdgs-list li {
	flex: 0 0 120px;
	max-width: 120px;
	padding: 0 10px
}

.governance .content-header {
	text-align: center;
	max-width: 640px;
	margin: 0 auto 32px
}

.governance .content-header .page-index-catch {
	margin-bottom: 16px
}

.governance .content-header .page-index-catch>span {
	display: inline-block;
	font-size: 2.4rem
}

.governance .content-header .page-index-catch>span.s {
	font-size: 2rem;
	padding-left: .2em
}

.governance .content-header .color {
	color: #dc000c;
	font-size: 1.8rem
}

.governance .content-header .read-text>span {
	display: inline-block
}

.structure .officer-list {
	margin: 0 -4px
}

.structure .officer-list li {
	padding: 0 8px
}

.structure .officer-list .photo {
	margin-bottom: 4px
}

.structure .officer-list .info {
	margin-bottom: 16px
}

.structure .officer-list .info .name {
	font-size: 1.6rem;
	margin-bottom: 2px
}

.structure .officer-list .info .post {
	font-size: 1.2rem;
	line-height: 1.5
}

.structure .officer-list .info .post>span {
	display: inline-block
}

.structure figure.officer {
	margin-bottom: 0
}

.structure figure.officer .officer-img {
	margin-bottom: .8rem
}

.structure figure.officer figcaption.officer-info {
	font-size: 1.1rem;
	margin-bottom: 0;
	padding-top: 0
}

.compliance .section-02 .col-sm-2 {
	flex: 0 0 17.5%;
	max-width: 17.5%
}

.compliance .section-02 .col-sm-4 {
	flex: 0 0 32.5%;
	max-width: 32.5%;
	text-align: center
}

.compliance .consultation-status .year {
	width: 4em
}

.compliance .consultation-status thead th {
	background: #f5cbcb
}

.compliance .consultation-status tbody th {
	text-align: left;
	font-weight: 400;
	padding-left: .5em;
	background: #f9f5eb
}

.compliance .consultation-status tbody td:last-child {
	font-weight: 700
}

.compliance .notice-section::after {
	background: #f8f9fa
}

.compliance .notice-section h5 {
	color: #333;
	margin-bottom: 16px
}

.compliance .notice-section .graph-legend {
	display: flex!important;
	flex-wrap: wrap;
	margin: 0 -10px 8px
}

.compliance .notice-section .graph-legend li {
	position: relative;
	padding: 0 10px;
	line-height: 1
}

.compliance .notice-section .graph-legend li::before {
	content: '';
	position: absolute;
	top: .1em;
	left: 10px;
	width: 1em;
	height: 1em
}

.compliance .notice-section .graph-legend li>span {
	padding-left: 1.25em
}

.compliance .notice-section .graph-legend li.legend-1::before {
	background: #cfc6c4
}

.compliance .notice-section .graph-legend li.legend-2::before {
	background: #d0afb3
}

.compliance .notice-section .graph-legend li.legend-3::before {
	background: #be8486
}

.compliance .notice-section .graph-legend li.legend-4::before {
	background: #a72118
}

.compliance .notice-section .point-list>li>dl>dt::before {
	color: #a72118
}

.compliance .notice-section .point-list>li>dl>dd {
	padding-left: 0
}

.compliance .notice-section .point-list .graph {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between
}

.compliance .notice-section .point-list .graph li {
	flex: 0 0 320px;
	max-width: 320px;
	padding: 0 60px
}

.compliance .notice-section .point-list .graph li>span {
	display: block;
	text-align: center
}

.compliance .notice-section .point-list .graph li>span.year {
	font-size: 1.8rem;
	font-weight: 700;
	padding-bottom: 8px
}

.compliance .notice-section .point-list .graph li>span.index {
	padding-top: 12px;
	padding-left: 1rem;
	font-size: 2rem
}

.compliance .notice-section .point-list .graph li>span.index>sup {
	font-size: 1.4rem;
	color: #dc000c
}

.risk .bcp sup {
	color: #dc000c;
	font-size: 70%
}

.project .main-img {
	max-width: 640px;
	margin: 0 auto
}

.group-of-csr dl.company-motto,.group-of-csr dl.company-object {
	margin-bottom: 3rem
}

.group-of-csr dl.company-motto>dt,.group-of-csr dl.company-object>dt {
	font-size: 1.8rem
}

.group-of-csr dl.company-motto>dd,.group-of-csr dl.company-object>dd {
	font-size: 1.5rem;
	padding: 0 .5rem
}

.group-of-csr dl.code-of-conduct>dt {
	font-size: 1.8rem
}

.group-of-csr dl.code-of-conduct .conduct-list {
	padding-top: .4rem
}

.group-of-csr dl.code-of-conduct .conduct-list dl {
	align-items: center
}

.csr-activities-philosophy .main-img {
	max-width: 640px;
	margin: 0 auto 24px
}

.csr-activities-philosophy .stakeholder-list {
	margin-bottom: 3.2rem
}

.csr-activities-philosophy .stakeholder-list li {
	margin-bottom: 24px
}

.csr-activities-philosophy .stakeholder-list dd,.csr-activities-philosophy .stakeholder-list dl {
	margin-bottom: 0
}

.csr-activities-philosophy .stakeholder-list dt {
	font-size: 1.6rem;
	margin-bottom: .8rem
}

.csr-activities-philosophy .stakeholder-list dt.orange {
	color: #f0844a
}

.csr-activities-philosophy .stakeholder-list dt.orange.h6::before {
	background: #f0844a
}

.csr-activities-philosophy .stakeholder-list dt.purple {
	color: #915da3
}

.csr-activities-philosophy .stakeholder-list dt.purple.h6::before {
	background: #915da3
}

.csr-activities-philosophy .stakeholder-list dt.pink {
	color: #eb6d9a
}

.csr-activities-philosophy .stakeholder-list dt.pink.h6::before {
	background: #eb6d9a
}

.csr-activities-philosophy .step-list {
	margin-bottom: 0
}

.csr-activities-philosophy .step-list>li {
	display: flex!important;
	flex-wrap: wrap
}

.csr-activities-philosophy .step-list dl {
	width: 100%;
	background: #e9ecef;
	padding: 15px;
	display: flex!important;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 16px
}

.csr-activities-philosophy .step-list dt {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	background: #3997bd;
	color: #fff;
	line-height: 1.4;
	padding: 4px 0 10px 40px;
	margin: 0 0 8px -24px;
	position: relative;
	height: 60px
}

.csr-activities-philosophy .step-list dt::after,.csr-activities-philosophy .step-list dt::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 0 30px 30px;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.csr-activities-philosophy .step-list dt::before {
	border-color: transparent transparent transparent #e9ecef;
	left: 0
}

.csr-activities-philosophy .step-list dt::after {
	border-color: transparent transparent transparent #3997bd;
	right: -30px
}

.csr-activities-philosophy .step-list dt>span {
	display: block
}

.csr-activities-philosophy .step-list dt>span .num {
	font-size: 1.4em;
	padding-left: 2px
}

.csr-activities-philosophy .step-list dd {
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 0;
	height: 100%
}

.csr-activities-philosophy .step-list .std-list {
	font-size: 12px
}

.csr-activities-philosophy .step-list .std-list>li {
	line-height: 1.45
}

.csr-activities-philosophy .step-list .std-list>li:not(:last-child) {
	margin-bottom: 6px
}

.csr-activities-philosophy .sdgs-list dl {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 16px
}

.csr-activities-philosophy .sdgs-list dl dt {
	flex: 0 0 80px;
	max-width: 80px
}

.csr-activities-philosophy .sdgs-list dl dd {
	flex: 0 0 calc(100% - 80px);
	flex-basis: calc(100% - 80px);
	max-width: calc(100% - 80px);
	padding-left: 8px;
	line-height: 1.5
}

.csr-activities-philosophy .agenda-policy {
	border-collapse: separate
}

.csr-activities-philosophy .agenda-policy .esg {
	width: 3.25em
}

.csr-activities-philosophy .agenda-policy .agenda {
	width: 11em
}

.csr-activities-philosophy .agenda-policy .stakeholder {
	width: 10em
}

.csr-activities-philosophy .agenda-policy .sdgs {
	width: 362px
}

.csr-activities-philosophy .agenda-policy td,.csr-activities-philosophy .agenda-policy th {
	border-color: #fff
}

.csr-activities-philosophy .agenda-policy thead th {
	border-top: none;
	background: #868e96;
	color: #fff;
	line-height: 1.2
}

.csr-activities-philosophy .agenda-policy tbody {
	font-size: 13px
}

.csr-activities-philosophy .agenda-policy tbody .esg {
	font-size: 1.2em;
	color: #fff
}

.csr-activities-philosophy .agenda-policy tbody .agenda p {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	margin-bottom: 0;
	padding-bottom: 0
}

.csr-activities-philosophy .agenda-policy tbody .agenda p .no {
	flex: 0 0 1.25em;
	max-width: 1.25em
}

.csr-activities-philosophy .agenda-policy tbody .agenda p .label {
	flex: 0 0 calc(100% - 2em);
	flex-basis: calc(100% - 2em);
	max-width: calc(100% - 2em)
}

.csr-activities-philosophy .agenda-policy tbody .agenda p .label>span {
	display: inline-block
}

.csr-activities-philosophy .agenda-policy tbody .no {
	font-size: 1.4em;
	line-height: 1;
	border-right: none;
	transform: scaleX(.9)
}

.csr-activities-philosophy .agenda-policy tbody .label {
	text-align: left;
	border-left: none
}

.csr-activities-philosophy .agenda-policy tbody .policy,.csr-activities-philosophy .agenda-policy tbody .sdgs,.csr-activities-philosophy .agenda-policy tbody .stakeholder {
	border-top: none;
	border-bottom-color: #868e96
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--e .esg {
	background: #608524
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--e .agenda {
	background: rgba(96,133,36,.15)
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--e ul li::before {
	color: #608524
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--s .esg {
	background: #003894
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--s .agenda {
	background: rgba(0,56,148,.125)
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--s ul li::before {
	color: #003894
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--g .esg {
	background: #dc000c
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--g .agenda {
	background: rgba(220,0,12,.1)
}

.csr-activities-philosophy .agenda-policy tbody tr.esg--g ul li::before {
	color: #dc000c
}

.csr-activities-philosophy .agenda-policy tbody .policy ul {
	margin-bottom: 2px
}

.csr-activities-philosophy .agenda-policy tbody .policy ul li {
	text-indent: -1em;
	padding-left: 1em;
	text-align: left
}

.csr-activities-philosophy .agenda-policy tbody .policy ul li::before {
	content: '●';
	font-size: .875em;
	padding-right: 2px
}

.csr-activities-philosophy .agenda-policy tbody .sdgs ul {
	display: flex!important;
	flex-wrap: wrap;
	margin: 0 -4px;
	padding-top: 2px
}

.csr-activities-philosophy .agenda-policy tbody .sdgs ul li {
	flex: 0 0 72px;
	max-width: 72px;
	padding: 0 4px 4px
}

.csr-activities-philosophy .agenda-policy-02 {
	margin-top: -1px
}

.csr-prevent-action .compliance .usage-list {
	display: flex!important;
	flex-wrap: wrap;
	margin-top: -1rem;
	margin-bottom: 4rem
}

.csr-prevent-action .compliance .usage-list dt {
	flex: 0 0 17.25em;
	max-width: 17.25em;
	padding-left: .8rem
}

.csr-prevent-action .compliance .usage-list dd {
	flex: 0 0 calc(100% - 17.25em);
	flex-basis: calc(100% - 17.25em);
	max-width: calc(100% - 17.25em);
	text-align: right;
	padding-right: .8rem
}

.csr-prevent-action .compliance .usage-list dd,.csr-prevent-action .compliance .usage-list dt {
	height: 4rem;
	margin-bottom: 0;
	line-height: 3.8rem;
	padding-bottom: .2rem
}

.csr-prevent-action .compliance .usage-list dd:not(:nth-last-of-type(1)),.csr-prevent-action .compliance .usage-list dt:not(:nth-last-of-type(1)) {
	border-bottom: 1px solid #ced4da
}

.csr-prevent-action .compliance .usage-list dd:nth-of-type(2n),.csr-prevent-action .compliance .usage-list dt:nth-of-type(2n) {
	background: #f8f9fa
}

.csr-prevent-action .compliance .theme {
	font-weight: 700;
	margin-bottom: 1rem;
	margin-top: -1rem;
	padding-left: 1rem
}

.csr-prevent-action .survey .survey-results figcaption {
	padding-left: 1.6em;
	text-indent: -1.2em
}

.csr-prevent-project .project02 .overview-list {
	margin-bottom: 2.4rem;
	padding-left: .8rem
}

.csr-prevent-project .project02 dd {
	padding-left: 1em
}

.csr .thought-content .row>div {
	display: flex!important;
	flex-wrap: wrap
}

.csr .thought-content dl {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 2.4rem;
	border: 1px solid #009481;
	margin-bottom: 1.6rem
}

.csr .thought-content dt {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 1.6rem;
	line-height: 1.4
}

.csr .thought-content dt .image {
	flex: 0 0 150px;
	max-width: 150px
}

.csr .thought-content dt .info {
	flex: 0 0 calc(100% - 150px);
	flex-basis: calc(100% - 150px);
	max-width: calc(100% - 150px);
	padding-left: 1.8rem;
	font-weight: 400
}

.csr .thought-content dt .info>span {
	display: block;
	font-size: 1.2rem;
	padding-left: 2px;
	margin-bottom: .4rem
}

.csr .thought-content dt .info .ttl {
	border-bottom: 1px solid rgba(0,148,129,.75);
	padding-bottom: .4rem;
	margin-bottom: .8rem;
	font-size: 24px;
	color: #009481;
	font-family: Roboto,sans-serif;
	font-weight: 400
}

.csr .thought-content dt .info .name {
	font-size: 16px;
	font-weight: 700
}

.csr .thought-content dt .info .name>span {
	display: block;
	margin-bottom: 4px
}

.csr .thought-content dt .info .name>span .s {
	font-weight: 400
}

.csr .thought-content dt.no-image .info {
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 0
}

.csr .thought-content dd {
	margin-bottom: 0
}

.csr-esg-social .read-title {
	font-size: 2.7rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.4
}

.csr-esg-social .read-title>span {
	display: inline-block
}

.csr-esg-social .read-title>span.main span {
	display: inline-block
}

.csr-esg-social .read-title .sub {
	font-size: .8em;
	padding-left: .25em
}

.csr-social .read-title {
	font-size: 2.7rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.4
}

.csr-social .read-title>span {
	display: inline-block
}

.csr-social .read-title>span.main span {
	display: inline-block
}

.csr-social .read-title .sub {
	font-size: .8em;
	padding-left: .25em
}

.csr-esg-social-employee .table-caption {
	margin-bottom: 0;
	font-size: 12px;
	text-align: right;
	line-height: 1.4;
	margin-top: -16px
}

.csr-esg-social-employee .table thead th {
	background: rgba(0,56,148,.1);
	font-weight: 700
}

.csr-esg-social-employee .table thead th.no--bg {
	background: 0 0
}

.csr-esg-social-employee .table tbody .results,.csr-esg-social-employee .table tbody .year {
	text-align: right;
	padding-left: .5em;
	padding-right: .5em
}

.csr-esg-social-employee .table .thead {
	font-weight: 700
}

.csr-esg-social-employee .table .thead.color {
	background: rgba(0,56,148,.1)
}

.csr-esg-social-employee .table .thead.gray {
	background: #f8f9fa
}

.csr-esg-social-employee .table .no--border {
	border: none
}

.csr-esg-social-employee .table .no--border-top {
	border-top: none
}

.csr-esg-social-employee .table .no--border-top td,.csr-esg-social-employee .table .no--border-top th {
	border-top: none
}

.csr-esg-social-employee .table .border-bottom-dashed td,.csr-esg-social-employee .table .border-bottom-dashed th {
	border-bottom-style: dashed
}

.csr-esg-social-employee .table .name {
	text-align: left;
	padding-left: .5em
}

.csr-esg-social-employee .table colgroup.label col.sex {
	width: 3.25em
}

.csr-esg-social-employee .table colgroup.year {
	width: 4em
}

.csr-esg-social-employee .table colgroup.results {
	width: 3.5em
}

.csr-esg-social-employee .table .sex {
	width: 3.25em;
	font-weight: 500
}

.csr-esg-social-employee .table .year {
	width: 4em
}

.csr-esg-social-employee .table .year:last-child {
	font-weight: 700
}

.csr-esg-social-employee .table .results {
	width: 3.5em
}

.csr-esg-social-employee .table.childcare-nursing colgroup.label col.category {
	width: 1.875em
}

.csr-esg-social-employee .table.childcare-nursing .category {
	width: 1.875em
}

.csr-esg-social-employee .table.childcare-nursing td:last-child {
	font-weight: 700
}

.csr-esg-social-employee .table.training-results-01 {
	margin-bottom: 20px
}

.csr-esg-social-employee .table.training-results-01 colgroup.label col.name {
	width: 5.25em
}

.csr-esg-social-employee .table.training-results-01 .name {
	text-align: center;
	padding-left: .3rem;
	width: 5.25em
}

.csr-esg-social-employee .table.training-results-01 .name>span {
	display: block;
	text-align: left
}

.csr-esg-social-employee .table.training-results-01 .category {
	text-align: left;
	padding-left: .5em
}

.csr-esg-social-employee .table.training-results-01 td:first-of-type {
	font-weight: 700
}

.csr-esg-social-employee .table.training-results-02 {
	margin-bottom: 0
}

.csr-esg-social-employee .table.training-results-02 colgroup.label col.category {
	width: 4em
}

.csr-esg-social-employee .table.training-results-02 .category {
	width: 4em;
	text-align: left;
	padding-left: .5em
}

.csr-esg-social-employee .table.training-results-02 td:first-of-type {
	font-weight: 700
}

.csr-esg-social-employee .table.paid-leave td:last-child {
	font-weight: 700
}

.csr-esg-social-employee .occupational-health {
	margin-bottom: 8px!important
}

.csr-esg-social-employee .promote-plan {
	margin-bottom: 4rem
}

.csr-esg-social-employee .promote-plan li>dl {
	margin-bottom: 1.6rem
}

.csr-esg-social-employee .promote-plan li>dl>dt {
	font-size: 1.7rem
}

.csr-esg-social-employee .promote-plan li>dl dd {
	font-weight: 700
}

.csr-esg-social-employee .promote-plan li>dl dd figcaption {
	font-size: 1.2rem;
	font-weight: 500
}

.csr-esg-social-employee .promote-plan li>dl dd figcaption::before {
	content: '■';
	display: inline-block;
	padding-right: 2px
}

.csr-esg-social-employee .promote-plan li>dl dd figcaption h6 {
	margin-bottom: .7rem
}

.csr-esg-social-employee .promote-plan li>dl dd p {
	font-weight: 400
}

.csr-esg-social-employee .promote-plan li>dl dd p.small-text {
	text-indent: 0;
	padding: 0;
	margin-bottom: 0
}

.csr-esg-social-employee .promote-plan li>dl dt {
	color: #003894;
	margin-bottom: .4rem
}

.csr-esg-social-employee .promote-plan li>dl dd>ul>li dl dd {
	font-weight: 700;
	line-height: 1.5
}

.csr-esg-social-employee .promote-plan li.point1>dl>dd {
	font-size: 1.6rem
}

.csr-esg-social-employee .promote-plan li.point2>dl>dd dd,.csr-esg-social-employee .promote-plan li.point2>dl>dd dt {
	font-size: 1.6rem
}

.csr-esg-social-employee .promote-plan.new {
	padding-top: 4px;
	margin-bottom: 4rem;
	padding-left: 2rem
}

.csr-esg-social-employee .promote-plan.new li>dl dd {
	font-weight: 500
}

.csr-esg-social-employee .interview h6 {
	color: #003894;
	color: #009481;
	margin-bottom: .5rem
}

.csr-esg-social-employee .interview h6::before {
	background: #003894;
	background: #009481
}

.csr-esg-social-employee .interview>dl.person {
	display: flex!important;
	flex-wrap: wrap;
	padding-top: 1.2rem;
	padding-bottom: .8rem
}

.csr-esg-social-employee .interview>dl.person .image {
	flex: 0 0 200px;
	max-width: 200px
}

.csr-esg-social-employee .interview>dl.person .info {
	flex: 0 0 calc(100% - 200px);
	flex-basis: calc(100% - 200px);
	max-width: calc(100% - 200px);
	padding-left: 3rem
}

.csr-esg-social-employee .interview>dl.person .info span {
	display: block;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: .4rem
}

.csr-esg-social-employee .interview>dl.person .info .name {
	font-weight: 700;
	font-size: 1.7rem
}

.csr-esg-social-employee .interview>dl.person .info .ttl {
	border-bottom: 1px solid rgba(0,148,129,.75);
	padding-bottom: .4rem;
	margin-bottom: .8rem;
	font-size: 24px;
	color: #009481;
	font-family: Roboto,sans-serif;
	font-weight: 400;
	margin-top: -8px
}

.csr-esg-social-employee .interview>dl.person .career {
	font-size: 1.2rem;
	padding-top: 1.6rem;
	margin-bottom: 0
}

.csr-esg-social-employee .interview>dl.person .career dt {
	flex: 0 0 4.25em;
	max-width: 4.25em;
	font-weight: 500
}

.csr-esg-social-employee .interview>dl.person .career dd {
	flex: 0 0 calc(100% - 4.25em);
	flex-basis: calc(100% - 4.25em);
	max-width: calc(100% - 4.25em)
}

.csr-esg-social-employee .interview.overseas .person .career {
	font-size: 1.4rem
}

.csr-esg-social-employee .interview.overseas .person .career dt {
	flex: 0 0 5em;
	max-width: 5em
}

.csr-esg-social-employee .interview.overseas .person .career dd {
	flex: 0 0 calc(100% - 5em);
	flex-basis: calc(100% - 5em);
	max-width: calc(100% - 5em)
}

.csr-esg-social-employee .interview.overseas .overseas-co {
	align-items: center;
	margin-bottom: 1.6rem
}

.csr-esg-social-employee .interview.overseas .overseas-co .country-flag {
	border: 1px solid #e9ecef;
	flex: 0 0 60px;
	max-width: 60px;
	height: 40px;
	background: #fff;
	position: relative
}

.csr-esg-social-employee .interview.overseas .overseas-co .country-flag::after {
	content: '';
	position: absolute;
	background: #ed2e38;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0
}

.csr-esg-social-employee .interview.overseas .overseas-co dd {
	flex: 0 0 calc(100% - 60px);
	flex-basis: calc(100% - 60px);
	max-width: calc(100% - 60px);
	padding-left: 1.6rem;
	margin-bottom: 0
}

.csr-esg-social-employee .interview.overseas .overseas-co dd span {
	margin-bottom: 0
}

.csr-social-employee .table-caption {
	margin-bottom: 0;
	font-size: 12px;
	text-align: right;
	line-height: 1.4;
	margin-top: -16px
}

.csr-social-employee .table thead th {
	background: rgba(0,56,148,.1);
	font-weight: 700
}

.csr-social-employee .table thead th.no--bg {
	background: 0 0
}

.csr-social-employee .table tbody .results,.csr-social-employee .table tbody .year {
	text-align: right;
	padding-left: .5em;
	padding-right: .5em
}

.csr-social-employee .table .thead {
	font-weight: 700
}

.csr-social-employee .table .thead.color {
	background: rgba(0,56,148,.1)
}

.csr-social-employee .table .thead.gray {
	background: #f8f9fa
}

.csr-social-employee .table .no--border {
	border: none
}

.csr-social-employee .table .no--border-top {
	border-top: none
}

.csr-social-employee .table .no--border-top td,.csr-social-employee .table .no--border-top th {
	border-top: none
}

.csr-social-employee .table .border-bottom-dashed td,.csr-social-employee .table .border-bottom-dashed th {
	border-bottom-style: dashed
}

.csr-social-employee .table .name {
	text-align: left;
	padding-left: .5em
}

.csr-social-employee .table colgroup.label col.sex {
	width: 3.25em
}

.csr-social-employee .table colgroup.year {
	width: 4em
}

.csr-social-employee .table colgroup.results {
	width: 3.5em
}

.csr-social-employee .table .sex {
	width: 3.25em;
	font-weight: 500
}

.csr-social-employee .table .year {
	width: 4em
}

.csr-social-employee .table .year:last-child {
	font-weight: 700
}

.csr-social-employee .table .results {
	width: 3.5em
}

.csr-social-employee .table.childcare-nursing colgroup.label col.category {
	width: 1.875em
}

.csr-social-employee .table.childcare-nursing .category {
	width: 1.875em
}

.csr-social-employee .table.childcare-nursing td:last-child {
	font-weight: 700
}

.csr-social-employee .table.training-results-01 {
	margin-bottom: 20px
}

.csr-social-employee .table.training-results-01 colgroup.label col.name {
	width: 5.25em
}

.csr-social-employee .table.training-results-01 .name {
	text-align: center;
	padding-left: .3rem;
	width: 5.25em
}

.csr-social-employee .table.training-results-01 .name>span {
	display: block;
	text-align: left
}

.csr-social-employee .table.training-results-01 .category {
	text-align: left;
	padding-left: .5em
}

.csr-social-employee .table.training-results-01 td:first-of-type {
	font-weight: 700
}

.csr-social-employee .table.training-results-02 {
	margin-bottom: 0
}

.csr-social-employee .table.training-results-02 colgroup.label col.category {
	width: 4em
}

.csr-social-employee .table.training-results-02 .category {
	width: 4em;
	text-align: left;
	padding-left: .5em
}

.csr-social-employee .table.training-results-02 td:first-of-type {
	font-weight: 700
}

.csr-social-employee .table.paid-leave td:last-child {
	font-weight: 700
}

.csr-social-employee .occupational-health {
	margin-bottom: 8px!important
}

.csr-social-employee .promote-plan {
	margin-bottom: 4rem
}

.csr-social-employee .promote-plan li>dl {
	margin-bottom: 1.6rem
}

.csr-social-employee .promote-plan li>dl>dt {
	font-size: 1.7rem
}

.csr-social-employee .promote-plan li>dl dd {
	font-weight: 700
}

.csr-social-employee .promote-plan li>dl dd figcaption {
	font-size: 1.2rem;
	font-weight: 500
}

.csr-social-employee .promote-plan li>dl dd figcaption::before {
	content: '■';
	display: inline-block;
	padding-right: 2px
}

.csr-social-employee .promote-plan li>dl dd figcaption h6 {
	margin-bottom: .7rem
}

.csr-social-employee .promote-plan li>dl dd p {
	font-weight: 400
}

.csr-social-employee .promote-plan li>dl dd p.small-text {
	text-indent: 0;
	padding: 0;
	margin-bottom: 0
}

.csr-social-employee .promote-plan li>dl dt {
	color: #003894;
	margin-bottom: .4rem
}

.csr-social-employee .promote-plan li>dl dd>ul>li dl dd {
	font-weight: 700;
	line-height: 1.5
}

.csr-social-employee .promote-plan li.point1>dl>dd {
	font-size: 1.6rem
}

.csr-social-employee .promote-plan li.point2>dl>dd dd,.csr-social-employee .promote-plan li.point2>dl>dd dt {
	font-size: 1.6rem
}

.csr-social-employee .promote-plan.new {
	padding-top: 4px;
	margin-bottom: 4rem;
	padding-left: 2rem
}

.csr-social-employee .promote-plan.new li>dl dd {
	font-weight: 500
}

.csr-social-employee .interview h6 {
	color: #003894;
	color: #009481;
	margin-bottom: .5rem
}

.csr-social-employee .interview h6::before {
	background: #003894;
	background: #009481
}

.csr-social-employee .interview>dl.person {
	display: flex!important;
	flex-wrap: wrap;
	padding-top: 1.2rem;
	padding-bottom: .8rem
}

.csr-social-employee .interview>dl.person .image {
	flex: 0 0 200px;
	max-width: 200px
}

.csr-social-employee .interview>dl.person .info {
	flex: 0 0 calc(100% - 200px);
	flex-basis: calc(100% - 200px);
	max-width: calc(100% - 200px);
	padding-left: 3rem
}

.csr-social-employee .interview>dl.person .info span {
	display: block;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: .4rem
}

.csr-social-employee .interview>dl.person .info .name {
	font-weight: 700;
	font-size: 1.7rem
}

.csr-social-employee .interview>dl.person .info .ttl {
	border-bottom: 1px solid rgba(0,148,129,.75);
	padding-bottom: .4rem;
	margin-bottom: .8rem;
	font-size: 24px;
	color: #009481;
	font-family: Roboto,sans-serif;
	font-weight: 400;
	margin-top: -8px
}

.csr-social-employee .interview>dl.person .career {
	font-size: 1.2rem;
	padding-top: 1.6rem;
	margin-bottom: 0
}

.csr-social-employee .interview>dl.person .career dt {
	flex: 0 0 4.25em;
	max-width: 4.25em;
	font-weight: 500
}

.csr-social-employee .interview>dl.person .career dd {
	flex: 0 0 calc(100% - 4.25em);
	flex-basis: calc(100% - 4.25em);
	max-width: calc(100% - 4.25em)
}

.csr-social-employee .interview.overseas .person .career {
	font-size: 1.4rem
}

.csr-social-employee .interview.overseas .person .career dt {
	flex: 0 0 5em;
	max-width: 5em
}

.csr-social-employee .interview.overseas .person .career dd {
	flex: 0 0 calc(100% - 5em);
	flex-basis: calc(100% - 5em);
	max-width: calc(100% - 5em)
}

.csr-social-employee .interview.overseas .overseas-co {
	align-items: center;
	margin-bottom: 1.6rem
}

.csr-social-employee .interview.overseas .overseas-co .country-flag {
	border: 1px solid #e9ecef;
	flex: 0 0 60px;
	max-width: 60px;
	height: 40px;
	background: #fff;
	position: relative
}

.csr-social-employee .interview.overseas .overseas-co .country-flag::after {
	content: '';
	position: absolute;
	background: #ed2e38;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0
}

.csr-social-employee .interview.overseas .overseas-co dd {
	flex: 0 0 calc(100% - 60px);
	flex-basis: calc(100% - 60px);
	max-width: calc(100% - 60px);
	padding-left: 1.6rem;
	margin-bottom: 0
}

.csr-social-employee .interview.overseas .overseas-co dd span {
	margin-bottom: 0
}

.csr .acquisition-status {
	font-size: 12px
}

.csr .acquisition-status colgroup.label col.jis {
	width: 6.5em
}

.csr .acquisition-status colgroup.ca {
	width: 12em
}

.csr .acquisition-status colgroup.number {
	width: 12em
}

.csr .acquisition-status colgroup.limit,.csr .acquisition-status colgroup.register {
	width: 7.75em
}

.csr .acquisition-status .jis {
	width: 7em
}

.csr .acquisition-status .ca {
	width: 12em
}

.csr .acquisition-status .number {
	width: 12em
}

.csr .acquisition-status .limit,.csr .acquisition-status .register {
	width: 7.75em
}

.csr .acquisition-status .office {
	text-align: left;
	padding-left: .5em
}

.csr .acquisition-status .office .normal {
	font-weight: 400
}

.csr .acquisition-status thead th {
	background: rgba(0,56,148,.1);
	font-size: 13px
}

.csr .acquisition-status .thead {
	font-weight: 700
}

.csr .acquisition-status .thead.color {
	background: rgba(0,56,148,.1)
}

.csr .acquisition-status .thead.gray {
	background: #f8f9fa
}

.csr-social-risk .better-wrapper h6 {
	margin-bottom: .8rem
}

.csr-social-risk .spm .better-wrapper {
	margin-bottom: 4rem
}

.csr-social-risk .better {
	margin: 0 -20px
}

.csr-social-risk .better li {
	position: relative;
	padding: 10px 20px;
	flex: 0 0 50%;
	max-width: 50%
}

.csr-social-risk .better .label {
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 4px 1em 5px;
	font-weight: 700;
	line-height: 1;
	transform-origin: left top
}

.csr-social-risk .better .img {
	display: block
}

.csr-social-risk .better .before .label {
	background: #ced4da
}

.csr-social-risk .better .before .img {
	border: 2px solid #ced4da
}

.csr-social-risk .better .after .label {
	background: #009481;
	color: #fff
}

.csr-social-risk .better .after .img {
	border: 2px solid #009481
}

.csr-social-risk .better .after::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 16px;
	border-color: transparent transparent transparent #009481;
	left: -7px;
	transform: scale(.85)
}

.csr-social-risk .barcode .subpage-img {
	padding: 10px;
	width: 50%
}

.csr-social-communications .aria-cleaning .h6-head h6::before {
	background: #009481
}

.csr-social-communications .aria-cleaning .h6-head span {
	color: #009481
}

.csr-env-management .declare-list li {
	margin-bottom: 3.2rem
}

.csr-env-management .declare-ttl {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0
}

.csr-env-management .declare-ttl dt {
	flex: 0 0 6rem;
	max-width: 6rem;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: flex-end;
	height: 6rem;
	background: url(../img/csr/esg/env/management_icon.png) center center no-repeat;
	background-size: contain;
	color: #5b9e19;
	line-height: 1;
	padding-bottom: 4px;
	font-size: 1.2rem
}

.csr-env-management .declare-ttl dt .n {
	font-size: 3.8rem;
	padding-right: .675em;
	transform: scale(.9,1);
	color: #000
}

.csr-env-management .declare-ttl dd {
	flex: 0 0 calc(100% - 6rem);
	flex-basis: calc(100% - 6rem);
	max-width: calc(100% - 6rem);
	line-height: 1.4;
	font-weight: 700;
	padding-left: 1rem;
	color: #5b9e19;
	font-size: 1.5rem
}

.csr-env-management .declare-ttl dd span {
	display: inline-block
}

.csr-env-management .active-plan .numberic-list {
	padding-top: 8px
}

.csr-env-management .active-plan .numberic-list>li {
	margin-bottom: 2.4rem;
	min-height: inherit;
	min-height: initial;
	min-height: unset
}

.csr-env-management .active-plan .numberic-list>li dl {
	align-items: flex-start
}

.csr-env-management .active-plan .numberic-list dt::before {
	background: #5b9e19
}

.csr-env-management .active-plan .numberic-list dt::after {
	border-color: #5b9e19
}

.csr-env-management .active-plan .numberic-list p {
	margin-bottom: .4rem
}

.csr-env-management .active-plan .numberic-list ol li {
	font-size: .9125em;
	margin-bottom: .4rem
}

.csr-env-management .implementation dl.wrapper {
	padding: 1.2rem 1.2rem .2rem 1.2rem
}

.csr-env-management .implementation dl.wrapper>dt {
	font-size: 1.6rem;
	padding-left: 8px;
	margin-bottom: .4rem
}

.csr-env-management .implementation dl.wrapper>dd {
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	padding: 1.6rem 1.6rem .6rem;
	line-height: 1.6
}

.csr-env-management .implementation dl.wrapper>dd dl {
	margin-bottom: 0
}

.csr-env-management .implementation dl.wrapper>dd dt {
	line-height: 1.3
}

.csr-env-management .implementation dl.wrapper>dd dd {
	padding-left: 1em;
	margin-bottom: 1rem
}

.csr-env-management .implementation.iso h4 {
	color: #f5a217;
	border-color: #f5a217
}

.csr-env-management .implementation.iso dl.wrapper>dt {
	color: #f5a217
}

.csr-env-management .implementation.iso dl.wrapper>dd {
	border-color: #f5a217;
	background: rgba(245,162,23,.05)
}

.csr-env-management .implementation.eco h4 {
	color: #5b9e19;
	border-color: #5b9e19;
	margin-top: 3.2rem
}

.csr-env-management .implementation.eco dl.wrapper>dt {
	color: #5b9e19
}

.csr-env-management .implementation.eco dl.wrapper>dd {
	border-color: #5b9e19;
	background: rgba(91,158,25,.05)
}

.csr-esg-env-management .declare-list li {
	margin-bottom: 3.2rem
}

.csr-esg-env-management .declare-ttl {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0
}

.csr-esg-env-management .declare-ttl dt {
	flex: 0 0 6rem;
	max-width: 6rem;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: flex-end;
	height: 6rem;
	background: url(../img/csr/esg/env/management_icon.png) center center no-repeat;
	background-size: contain;
	color: #5b9e19;
	line-height: 1;
	padding-bottom: 4px;
	font-size: 1.2rem
}

.csr-esg-env-management .declare-ttl dt .n {
	font-size: 3.8rem;
	padding-right: .675em;
	transform: scale(.9,1);
	color: #000
}

.csr-esg-env-management .declare-ttl dd {
	flex: 0 0 calc(100% - 6rem);
	flex-basis: calc(100% - 6rem);
	max-width: calc(100% - 6rem);
	line-height: 1.4;
	font-weight: 700;
	padding-left: 1rem;
	color: #5b9e19;
	font-size: 1.5rem
}

.csr-esg-env-management .declare-ttl dd span {
	display: inline-block
}

.csr-esg-env-management .active-plan .numberic-list {
	padding-top: 8px
}

.csr-esg-env-management .active-plan .numberic-list>li {
	margin-bottom: 2.4rem;
	min-height: inherit;
	min-height: initial;
	min-height: unset
}

.csr-esg-env-management .active-plan .numberic-list>li dl {
	align-items: flex-start
}

.csr-esg-env-management .active-plan .numberic-list dt::before {
	background: #5b9e19
}

.csr-esg-env-management .active-plan .numberic-list dt::after {
	border-color: #5b9e19
}

.csr-esg-env-management .active-plan .numberic-list p {
	margin-bottom: .4rem
}

.csr-esg-env-management .active-plan .numberic-list ol li {
	font-size: .9125em;
	margin-bottom: .4rem
}

.csr-esg-env-management .implementation dl.wrapper {
	padding: 1.2rem 1.2rem .2rem 1.2rem
}

.csr-esg-env-management .implementation dl.wrapper>dt {
	font-size: 1.6rem;
	padding-left: 8px;
	margin-bottom: .4rem
}

.csr-esg-env-management .implementation dl.wrapper>dd {
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	padding: 1.6rem 1.6rem .6rem;
	line-height: 1.6
}

.csr-esg-env-management .implementation dl.wrapper>dd dl {
	margin-bottom: 0
}

.csr-esg-env-management .implementation dl.wrapper>dd dt {
	line-height: 1.3
}

.csr-esg-env-management .implementation dl.wrapper>dd dd {
	padding-left: 1em;
	margin-bottom: 1rem
}

.csr-esg-env-management .implementation.iso h4 {
	color: #f5a217;
	border-color: #f5a217
}

.csr-esg-env-management .implementation.iso dl.wrapper>dt {
	color: #f5a217
}

.csr-esg-env-management .implementation.iso dl.wrapper>dd {
	border-color: #f5a217;
	background: rgba(245,162,23,.05)
}

.csr-esg-env-management .implementation.eco h4 {
	color: #5b9e19;
	border-color: #5b9e19;
	margin-top: 3.2rem
}

.csr-esg-env-management .implementation.eco dl.wrapper>dt {
	color: #5b9e19
}

.csr-esg-env-management .implementation.eco dl.wrapper>dd {
	border-color: #5b9e19;
	background: rgba(91,158,25,.05)
}

.csr-env-objective .eco-challenge .range-image {
	margin-bottom: 2rem
}

.csr-env-objective .eco-challenge .range-image>li {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	border: 1px solid #fff
}

.csr-env-objective .eco-challenge .range-image>li.main {
	flex: 0 0 100%;
	max-width: 100%;
	padding: .4em 0;
	background: #74a12b;
	color: #fff;
	font-weight: 700;
	font-size: 1.5rem
}

.csr-env-objective .eco-challenge .range-image>li.d-industry-car {
	flex: 0 0 37.5%;
	max-width: 37.5%
}

.csr-env-objective .eco-challenge .range-image>li.d-interior {
	flex: 0 0 17.5%;
	max-width: 17.5%
}

.csr-env-objective .eco-challenge .range-image>li.d-functional {
	flex: 0 0 22.5%;
	max-width: 22.5%
}

.csr-env-objective .eco-challenge .range-image>li.d-technology {
	flex: 0 0 22.5%;
	max-width: 22.5%
}

.csr-env-objective .eco-challenge .range-image>li.notice {
	flex: 0 0 100%;
	max-width: 100%
}

.csr-env-objective .eco-challenge .range-image>li.notice .company-list {
	border: none
}

.csr-env-objective .eco-challenge .range-image>li .main-ttl {
	flex: 0 0 100%;
	max-width: 100%;
	font-size: 1.3rem;
	background: #74a12b;
	color: #fff;
	padding: .3em 0 .4em;
	font-weight: 700;
	height: 3rem;
	text-align: center
}

.csr-env-objective .eco-challenge .range-image>li .main-ttl span {
	display: inline-block
}

.csr-env-objective .eco-challenge .range-image .company-list {
	flex: 0 0 100%;
	max-width: 100%;
	border: 1px solid #74a12b;
	height: calc(100% - 3rem);
	font-size: 1.2rem;
	text-align: left;
	padding: .8rem .8rem .2rem
}

.csr-env-objective .eco-challenge .range-image .company-list li {
	padding-left: 1.2em;
	position: relative;
	margin-bottom: .8rem;
	line-height: 1.4
}

.csr-env-objective .eco-challenge .range-image .company-list li::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.csr-env-objective .eco-challenge .range-image .company-list li.domestic::before {
	content: '●';
	color: #003894
}

.csr-env-objective .eco-challenge .range-image .company-list li.overseas::before {
	content: '●';
	color: #5b9e19
}

.csr-env-objective .eco-challenge .table-notice {
	margin-top: -1rem;
	margin-right: -1rem
}

.csr-env-objective .eco-challenge .table-notice li {
	font-size: 1.2rem;
	padding-right: 1em
}

.csr-env-objective .eco-challenge .table-head-notice {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 0;
	padding-top: .6rem;
	color: #74a12b
}

.csr-env-objective .eco-challenge .target-results table {
	margin-bottom: .4rem
}

.csr-env-objective .eco-challenge .target-results thead th {
	background: #e8f2e5
}

.csr-env-objective .eco-challenge .target-results .bgc {
	background: #f6faf4
}

.csr-env-objective .eco-challenge .target-results tbody th {
	background: #fafaee
}

.csr-env-objective .eco-challenge .target-results tbody .item1,.csr-env-objective .eco-challenge .target-results tbody .item2 {
	text-align: left;
	padding-left: .5em
}

.csr-env-objective .eco-challenge .target-results td {
	background: #fff
}

.csr-env-objective .eco-challenge .target-results td.target {
	padding-left: .5em;
	text-align: left
}

.csr-env-objective .eco-challenge .target-results colgroup .no {
	width: 2.125em
}

.csr-env-objective .eco-challenge .target-results colgroup .item1 {
	width: 9.5em
}

.csr-env-objective .eco-challenge .target-results colgroup .std {
	width: 6em
}

.csr-env-objective .eco-challenge .target-results colgroup .t-2017 {
	width: 8.5em
}

.csr-env-objective .eco-challenge .target-results colgroup .p-2017 {
	width: 8.5em
}

.csr-env-objective .eco-challenge .target-results colgroup .rating {
	width: 3.25em
}

.csr-env-objective .eco-challenge .table-footer-notice {
	font-size: 1.2rem;
	margin-bottom: 0
}

.csr-env-objective .eco-challenge .table-footer-notice dt {
	flex: 0 0 6.75em;
	max-width: 6.75em
}

.csr-env-objective .eco-challenge .table-footer-notice dt::before {
	content: '■';
	padding-right: .425em
}

.csr-env-objective .eco-challenge .table-footer-notice dt::after {
	content: ':';
	padding-left: .4175em
}

.csr-env-objective .eco-challenge .table-footer-notice dt.ls {
	letter-spacing: .45em
}

.csr-env-objective .eco-challenge .table-footer-notice dt.ls::before {
	padding-right: 0
}

.csr-env-objective .eco-challenge .table-footer-notice dt.ls::after {
	padding-left: 0
}

.csr-env-objective .eco-challenge .table-footer-notice dd {
	flex: 0 0 calc(100% - 6.75em);
	flex-basis: calc(100% - 6.75em);
	max-width: calc(100% - 6.75em);
	margin-bottom: 0
}

.csr-env-objective .challenge-results {
	overflow: hidden
}

.csr-env-objective .challenge-results h3 {
	text-align: center
}

.csr-env-objective .challenge-results h3 .sub-ttl {
	font-size: .75em
}

.csr-env-objective .challenge-results h3 a {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: #5b9e19;
	border: 1px solid #5b9e19;
	color: #fff;
	padding: 1.3rem 2rem 1.6rem;
	font-size: 2.6rem
}

.csr-env-objective .challenge-results h3 a::after,.csr-env-objective .challenge-results h3 a::before {
	content: '';
	position: absolute;
	width: 2rem;
	height: 2rem;
	background: 0 0;
	border-style: solid;
	border-color: #fff;
	transition: .3s all
}

.csr-env-objective .challenge-results h3 a::before {
	top: 4px;
	left: 4px;
	bottom: auto;
	border-width: 1px 0 0 1px
}

.csr-env-objective .challenge-results h3 a::after {
	right: 4px;
	bottom: 4px;
	left: auto;
	border-width: 0 1px 1px 0
}

.csr-env-objective .challenge-results h3 a>* {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	padding: 2px 0 3px
}

.csr-env-objective .input-output .input-output-wrapper {
	margin: 0 -30px
}

.csr-env-objective .input-output .input-output-wrapper>.col-12 {
	padding: 0 30px
}

.csr-env-objective .input-output .wrapper-inner {
	margin: 0 20px 4rem
}

.csr-env-objective .input-output h4 {
	font-size: 4.8rem;
	padding-left: .7em;
	border-left: none;
	height: 4.3rem;
	font-weight: 500;
	line-height: .9;
	margin-bottom: 0;
	padding-bottom: 0
}

.csr-env-objective .input-output h5 {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	line-height: 1.4
}

.csr-env-objective .input-output h5 .obj {
	flex: 0 0 9.5rem;
	max-width: 9.5rem;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	padding: 2px 0 3px
}

.csr-env-objective .input-output h5 .ttl {
	flex: 0 0 calc(100% - 11rem);
	flex-basis: calc(100% - 11rem);
	max-width: calc(100% - 11rem);
	font-size: 1.7rem
}

.csr-env-objective .input-output h5 .ttl>span {
	display: inline-block
}

.csr-env-objective .input-output dl.graph {
	margin-bottom: 0
}

.csr-env-objective .input-output dl.graph dt {
	line-height: 1.5;
	margin-bottom: 1rem
}

.csr-env-objective .input-output dl.graph dt::before {
	content: '■';
	padding-right: 2px;
	display: inline-block
}

.csr-env-objective .input-output dl.graph dt span {
	display: inline-block
}

.csr-env-objective .input-output dl.graph dt .sub-ttl {
	font-size: 1.2rem;
	padding-left: 2px
}

.csr-env-objective .input-output dl.graph dd {
	margin-right: -40px
}

.csr-env-objective .input-output article {
	padding: 20px
}

.csr-env-objective .input-output article p {
	margin-bottom: .4rem
}

.csr-env-objective .input-output .input-wrapper h4 {
	color: #003894
}

.csr-env-objective .input-output .input-wrapper .input-inner {
	background: rgba(0,56,148,.1)
}

.csr-env-objective .input-output .input-wrapper h5 {
	color: #003894;
	border-color: #003894
}

.csr-env-objective .input-output .input-wrapper .graph dt::before {
	color: #003894
}

.csr-env-objective .input-output .output-wrapper h4 {
	color: #f5a217
}

.csr-env-objective .input-output .output-wrapper .output-inner {
	background: rgba(245,162,23,.125)
}

.csr-env-objective .input-output .output-wrapper h5 {
	color: #f5a217;
	border-color: #f5a217
}

.csr-env-objective .input-output .output-wrapper .graph dt::before {
	color: #f5a217
}

.csr-env-objective .input-output .green-wrapper h4 {
	color: #5b9e19
}

.csr-env-objective .input-output .green-wrapper h5 {
	color: #5b9e19;
	border-color: #5b9e19
}

.csr-env-objective .input-output .green-wrapper article {
	padding-top: 16px;
	padding-left: 20px;
	padding-bottom: 32px
}

.csr-env-objective .input-output .green-wrapper .green-inner {
	background: rgba(91,158,25,.125)
}

.csr-env-objective .input-output .green-wrapper .read-text {
	padding-top: 24px;
	margin-bottom: 0;
	padding-left: 10px
}

.csr-env-objective .input-output .green-wrapper .graph dt::before {
	color: #5b9e19
}

.csr-env-objective .attained {
	display: inline-flex!important;
	flex-wrap: wrap;
	background: #5b9e19;
	color: #fff;
	width: 9rem;
	line-height: 1.4;
	padding: 4px 0;
	font-weight: 500
}

.csr-env-objective .attained span {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center
}

.csr-env-objective .numberic-list {
	margin-bottom: 3.2rem
}

.csr-env-objective .numberic-list>li {
	margin-bottom: 2rem
}

.csr-env-objective .numberic-list>li dd,.csr-env-objective .numberic-list>li dl {
	margin-bottom: 0
}

.csr-env-objective .numberic-list>li dl>dt::before {
	background: #5b9e19
}

.csr-env-objective .numberic-list>li dl>dt::after {
	border-color: #5b9e19
}

.csr-env-objective .numberic-list li>dl>dd {
	font-size: 1.5rem;
	font-weight: 700
}

.csr-env-objective .numberic-list li>dl>dd span {
	display: inline-block
}

.csr-env-objective .numberic-list li>dl>dd>dl>dd {
	font-weight: 400;
	padding-top: .8rem;
	line-height: 1.8;
	font-size: 1.4rem
}

.csr-env-objective .activities .point-list li dl dt::before {
	color: #5b9e19
}

.csr-feature .jis-list {
	margin-top: -1.6rem;
	margin-bottom: 2.4rem
}

.csr-feature .jis-list dl {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 0
}

.csr-feature .jis-list dt {
	font-size: 1.2rem;
	margin-bottom: 0;
	position: relative;
	flex: 0 0 5.25em;
	max-width: 5.25em
}

.csr-feature .jis-list dt.text-4 {
	letter-spacing: .5em
}

.csr-feature .jis-list dt::after {
	position: absolute;
	content: '：';
	letter-spacing: 0;
	right: .15em;
	top: 0
}

.csr-feature .jis-list dd {
	font-size: 1.2rem;
	margin-bottom: 0;
	flex: 0 0 calc(100% - 5.25em);
	flex-basis: calc(100% - 5.25em);
	max-width: calc(100% - 5.25em)
}

.csr-feature .table {
	margin-bottom: 3.2rem
}

.csr-feature .table thead th {
	background: #e9ecef
}

.csr-feature .table thead th.highlight {
	background: #003894;
	color: #fff;
	border-color: #003894
}

.csr-feature .table thead th:nth-of-type(2) {
	border-right-color: #003894
}

.csr-feature .table .thead {
	width: 4em;
	background: #e9ecef
}

.csr-feature .table td.highlight {
	background: rgba(0,56,148,.075)
}

.csr-feature-technology section {
	position: relative
}

.csr-feature-technology h3 {
	padding-top: 3.2rem;
	padding-bottom: 4px
}

.csr-feature-technology h3 .main-ttl {
	font-size: 2.7rem
}

.csr-feature-technology h3 .sub-ttl {
	display: block;
	color: #495057;
	font-size: 1.4rem;
	padding: .5rem 0 .3rem
}

.csr-feature-technology .technology-icon {
	position: absolute;
	top: 60px;
	right: 4px;
	margin-bottom: 0
}

.csr-feature-technology .technology-icon img {
	height: 60px;
	padding: 0 4px
}

.csr-feature-technology .electrode .point-list dd {
	padding-right: 2.4rem
}

.csr-feature-technology .film-feature {
	margin-bottom: 2.4rem
}

.csr-feature-technology .basic-performance {
	margin-bottom: 2.4rem
}

.csr-feature-technology .basic-performance dd {
	margin-bottom: 0
}

.csr-feature-technology .basic-performance figure.row {
	margin-bottom: 0
}

.csr-feature-technology .basic-performance figure.row figcaption.p-caption {
	margin-bottom: 0
}

.csr-feature-technology .basic-performance figure.row .subpage-img {
	margin-bottom: 0
}

.csr-feature-training .voice h4 {
	margin-bottom: 1.6rem
}

.csr-feature-training .voice .new-employee {
	display: flex!important;
	flex-wrap: wrap;
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 2.4rem;
	align-items: flex-start
}

.csr-feature-training .voice .person {
	flex: 0 0 130px;
	max-width: 130px;
	padding-right: 30px;
	margin-bottom: 1.6rem
}

.csr-feature-training .voice .person .img {
	flex: 0 0 100%;
	max-width: 100%;
	padding-top: 0;
	margin-bottom: 0
}

.csr-feature-training .voice .person .info {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4;
	padding-top: .8rem;
	font-weight: 300
}

.csr-feature-training .voice .person .info span {
	display: inline-block
}

.csr-feature-training .voice .person .info .name {
	padding-top: .2rem;
	font-size: 1.4rem;
	font-weight: 500
}

.csr-feature-training .voice .voice-text {
	flex: 0 0 calc(100% - 130px);
	flex-basis: calc(100% - 130px);
	max-width: calc(100% - 130px)
}

.csr-feature-training .em {
	position: absolute;
	top: -28px;
	right: 48px;
	width: 5.5em;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	background: #009481;
	border-radius: 50%;
	padding: 15px 0 16px 2px;
	line-height: 1.4
}

.csr-feature-training .training-flow {
	overflow: hidden;
	padding-top: 4rem
}

.csr-feature-training .training-flow .row {
	margin-left: -50px;
	margin-right: -50px
}

.csr-feature-training .training-flow .col-12,.csr-feature-training .training-flow .col-md-6 {
	padding: 0 50px
}

.csr-feature-training .training-flow .flow-ttl {
	color: #003894;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
	padding-top: 1.7rem;
	padding-bottom: 1.8rem;
	position: relative;
	font-weight: 700
}

.csr-feature-training .training-flow .flow-ttl::after,.csr-feature-training .training-flow .flow-ttl::before {
	position: absolute;
	content: ''
}

.csr-feature-training .training-flow .flow-ttl::before {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #003894;
	background: #fff;
	z-index: -2
}

.csr-feature-training .training-flow .flow-ttl::after {
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -2rem;
	width: 4.1rem;
	height: 4.1rem;
	background: #fff;
	border-width: 0 1px 1px 0;
	border-color: #003894;
	border-style: solid;
	transform: rotate(45deg) scale(.95);
	z-index: -1
}

.csr-feature-training .training-flow .flow-ttl.goal {
	color: #fff;
	background: #003894;
	margin-bottom: 6rem
}

.csr-feature-training .training-flow .flow-ttl.goal::after {
	content: none
}

.csr-feature-training .training-flow .flow-ttl .em {
	position: absolute;
	top: -32px;
	right: 48px;
	width: 6em;
	text-align: center;
	font-size: .625em;
	color: #fff;
	background: #003894;
	border-radius: 50%;
	padding: 12px 8px 10px;
	line-height: 1.4
}

.csr-feature-training .training-flow section {
	padding: 5.6rem 0;
	margin: 0;
	position: relative
}

.csr-feature-training .training-flow section::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #ced4da;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	z-index: -5
}

.csr-feature-training .training-flow h4 {
	padding-left: 0;
	padding-bottom: 1.6rem;
	margin-bottom: 1.6rem;
	font-size: 2.1rem;
	border: none;
	color: #003894
}

.csr-feature-training .training-flow h4::before {
	content: '';
	position: absolute;
	width: calc(100% + 50px);
	height: 1px;
	background: #ced4da;
	bottom: 0;
	left: 0;
	z-index: -4
}

.csr-feature-training .training-flow h4 .ttl-icon {
	position: absolute;
	color: #adb5bd;
	font-size: 3.8rem;
	right: -69px;
	bottom: -18px
}

.csr-feature-training .training-flow h4 .ttl-icon::after {
	position: absolute;
	top: .25%;
	left: .25%;
	content: '';
	background: #fff;
	width: 99%;
	height: 99%;
	z-index: -3
}

.csr-feature-training .training-flow .flex-md-row-reverse h4::before {
	left: -50px
}

.csr-feature-training .training-flow .flex-md-row-reverse h4 .ttl-icon {
	right: auto;
	left: -69px
}

.csr-report .edition {
	padding-top: 3.2rem
}

.csr-report .edition .cover-image {
	margin-top: 1.6rem;
	border: 1px solid #ced4da
}

.csr-report .edition .report2018 {
	max-width: 840px;
	margin: 0 auto 4rem
}

.csr-report .edition .download-list {
	max-width: 840px;
	margin: 0 auto
}

.csr-report .edition .download-list>li {
	padding: 2.4rem 1.6rem 2.4rem
}

.csr-report .edition .download-list>li:not(:nth-last-of-type(1)) {
	border-bottom: 1px solid #ced4da
}

.csr-report .edition .download-list>li:nth-of-type(2n) {
	background: rgba(233,236,239,.6)
}

.csr-report .edition .download-list>li>dl {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	margin: 0
}

.csr-report .edition .download-list>li>dl dt {
	margin-bottom: 0
}

.csr-report .edition .download-list>li>dl dd {
	margin-bottom: 0
}

.csr-report .edition .download-list blockquote {
	margin-top: 8px;
	margin-left: 4px;
	margin-bottom: 0
}

.csr-report .backnumber .back-5 {
	font-size: 1.5rem;
	text-align: center;
	margin-top: 20px
}

.csr-report .backnumber .notice-alert {
	padding: 1.8rem 2rem 0 2rem;
	color: #dc000c;
	margin: 15px;
	border-radius: 4px;
	border: 1px solid #dc000c;
	background: #f8f9fa;
	font-size: 1.3rem
}

.csr-report .backnumber .notice-alert .target {
	font-weight: 700;
	margin-top: -.8rem;
	text-align: center;
	margin-bottom: 1.2rem
}

.csr-blue {
	background-image: linear-gradient(to right,#00348d,#3085c3);
	font-size: 1.8rem;
	color: #fff;
	padding: 5px 10px
}

.risk-mb {
	margin-bottom: 6rem!important
}

.csr-policy {
	background-color: #dbdfea;
	padding: 15px;
	margin-bottom: 8rem!important
}

.csr-policy h4 {
	font-size: 1.8rem;
	color: #00348d;
	margin-bottom: .25em
}

.csr-policy p {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.9;
	margin-bottom: 0
}

.csr-policy-title {
	font-size: 1.8rem;
	background-color: #00348d;
	color: #fff;
	text-align: center;
	padding: 5px 0
}

.csr-border {
	width: 1px;
	height: 20px;
	background-color: #00348d;
	margin: auto
}

.csr-policy-container {
	border: 1px solid #00348d;
	padding: 0 30px 15px;
	margin-bottom: 8rem!important
}

.csr-policy-container .csr-relation-title {
	font-size: 1.8rem;
	color: #00348d;
	text-align: center;
	padding: 5px 0
}

.csr-policy-container .csr-policy-wrap {
	border-top: 1px solid #000;
	text-align: center;
	font-size: 1.4rem
}

.csr-policy-container .csr-policy-wrap .csr-row-1 {
	display: flex;
	border-bottom: 1px solid #000
}

.csr-policy-container .csr-policy-wrap .csr-row-1 .cell {
	padding: 10px
}

.csr-policy-container .csr-policy-wrap .csr-row-1 .cell-left {
	width: 20%;
	display: grid;
	align-items: center;
	justify-items: center;
	place-items: center;
	background-color: #d2e3c8
}

.csr-policy-container .csr-policy-wrap .csr-row-1 .cell-right-1 {
	width: 80%;
	border-left: 1px solid #000
}

.csr-policy-container .csr-policy-wrap .csr-row-2 {
	display: flex
}

.csr-policy-container .csr-policy-wrap .csr-row-2 .cell {
	padding: 10px
}

.csr-policy-container .csr-policy-wrap .csr-row-2 .cell-left {
	width: 20%;
	border-bottom: 1px solid #000;
	display: grid;
	align-items: center;
	justify-items: center;
	place-items: center;
	background-color: #e4f1ff
}

.csr-policy-container .csr-policy-wrap .csr-row-2 .cell-right-2 {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	padding: 0
}

.csr-policy-container .csr-policy-wrap .csr-row-2 .sub-cell {
	width: 50%;
	box-sizing: border-box;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px;
	margin-top: -1px
}

.symposium-img1 {
	width: 60%;
	margin: auto;
	display: block;
	margin-bottom: 2rem
}

.symposium-img2 {
	width: 35%;
	margin: auto;
	display: block;
	margin-top: 4rem
}

.symposium-wrap {
	display: flex;
	justify-content: space-between
}

.symposium-wrap .symposium-wrap-left {
	flex: 0 0 49%;
	max-width: 49%
}

.symposium-wrap .symposium-wrap-right {
	flex: 0 0 50%;
	max-width: 50%
}

.symposium-wrap .symposium-flex {
	display: flex;
	margin-bottom: 10px
}

.symposium-wrap .symposium-flex .symposium-left {
	font-weight: 700;
	color: #00348d;
	margin-right: 10px
}

.english .symposium-wrap .symposium-flex .symposium-left {
	width: 12%
}

.symposium-wrap .symposium-flex .symposium-right {
	width: 90%;
	text-align: justify
}

.english .symposium-wrap .symposium-flex .symposium-right {
	width: 88%
}

.climate-wrap {
	display: flex;
	justify-content: space-between;
	background: #e9e6dc;
	padding: 20px 30px 0
}

.english .climate-wrap {
	flex-wrap: wrap
}

.climate-wrap .climate-wrap-left {
	flex: 0 0 47%;
	max-width: 47%
}

.english .climate-wrap .climate-wrap-left {
	flex: 0 0 100%;
	max-width: 100%
}

.climate-wrap .climate-wrap-right {
	flex: 0 0 50%;
	max-width: 50%
}

.english .climate-wrap .climate-wrap-right {
	flex: 0 0 100%;
	max-width: 100%
}

.english h3.tcfd span {
	display: flex;
	align-items: center
}

.english h3.tcfd img {
	margin-left: auto
}

.english .csr .basic-policy h5 {
	font-weight: 700
}

.message-text {
	font-weight: 500;
	font-size: 1.2rem;
	margin-top: 1.5rem
}

.english .message-text {
	margin-top: 0
}

.message-name {
	font-size: 2.5rem;
	font-weight: 400;
	margin-top: -.5rem
}

.english .message-name {
	margin-top: 0
}

.governance-report-link {
	text-align: center;
	margin-top: 2rem
}

.governance-report-link .governance-btn {
	position: relative;
	padding: 1.5em 1.2em;
	line-height: 1.4;
	text-align: left;
	border: 1px solid #adb5bd;
	transition: .2s all;
	display: inline-block
}

.governance-report-link .governance-btn span {
	position: relative;
	padding: 0;
	margin-bottom: 0;
	font-size: 1.3rem;
	font-weight: 700;
	border: none;
	color: #333
}

.governance-report-link .governance-btn .governance-link-text {
	padding-left: 1em
}

.governance-report-link .governance-btn .governance-link-text:before {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 0;
	margin: auto 0;
	left: -.2em;
	width: .6em;
	height: .6em;
	border: .2rem solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg);
	z-index: 1
}

.governance-report-link .governance-btn .link-icon {
	font-weight: 400;
	vertical-align: middle;
	padding-left: .5em;
	display: inline!important
}

.governance-report-link .governance-btn .icon-pdf {
	font-size: 1.4em;
	color: #dc000c;
	vertical-align: -20%
}

.governance-report-link .governance-btn:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	border: solid #adb5bd;
	border-width: 0 1px 1px 0
}

.governance-report-link .governance-btn:hover {
	transform: translate(5px,5px);
	text-decoration: none
}

.governance-report-link .governance-btn:hover:after {
	transform: translate(-4px,-4px)
}

.bold {
	font-weight: 700
}

.section-00 .human-policy-wrap {
	background: #e9e6dc;
	padding: 20px 25px 15px
}

.csr .social-com-img {
	width: 60%;
	margin: auto;
	display: block
}

.csr-attempt-contents {
	width: 35%
}

.italic {
	font-style: italic
}

.csr__process__agenda {
	position: relative;
	padding: 30px;
	margin-bottom: 40px
}

.csr__process__agenda::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #c8e7ed;
	z-index: -9
}

.csr__process__agenda__list {
	display: flex!important;
	flex-wrap: wrap
}

.csr__process__agenda__list li {
	flex: 0 0 14.28571%;
	max-width: 14.28571%;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative
}

.csr__process__agenda__list li:first-child>p>span>span,.csr__process__agenda__list li:nth-child(4)>p>span>span {
	line-height: 2
}

.csr__process__agenda__list li:nth-child(3)>p>span>span,.csr__process__agenda__list li:nth-child(6)>p>span>span {
	line-height: 1.2
}

.csr__process__agenda__list li::after {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	background: rgba(255,255,255,.3);
	border: 1px solid #fff;
	border-radius: 200px;
	z-index: -4
}

.csr__process__agenda__list li>p {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	text-align: center;
	padding-bottom: 100%
}

.csr__process__agenda__list li>p>span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	margin: auto
}

.csr__process__agenda__list li>p>span>span {
	min-width: 6.25em;
	display: block
}

.csr__process__input {
	position: relative;
	padding: 20px 20px 4px;
	background: #5dc2d0;
	margin-bottom: 24px
}

.csr__process__input::after {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 50px 80px 0 80px;
	border-color: #5dc2d0 transparent transparent transparent;
	z-index: 9
}

.csr__process__input--ttl {
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
	padding: 12px 15px;
	background: #fff;
	color: #5dc2d0;
	box-shadow: 2px 2px 4px rgba(0,0,0,.15)
}

.csr__process__input__list {
	text-align: center;
	color: #fff;
	margin-bottom: 20px
}

.csr__process__input__list--ttl {
	border-bottom: 1px solid #fff;
	padding-bottom: 4px;
	margin-bottom: 4px;
	font-size: 1.8rem
}

.csr__process__input__list--text {
	font-weight: 500
}

.csr__process__value {
	background: #e9ecef;
	padding: 10px 20px 4px;
	margin-bottom: 24px;
	position: relative
}

.csr__process__value::after {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 50px 80px 0 80px;
	border-color: #e9ecef transparent transparent transparent;
	z-index: 9
}

.csr__process__value>section {
	margin-bottom: 16px!important
}

.csr__process__value__business {
	margin: 0 -10px
}

.csr__process__value__business--link {
	padding: 0 10px;
	margin-bottom: 16px
}

.csr__process__value__business--link a {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 64px;
	color: #fff;
	position: relative;
	padding-right: 20px;
	border-style: solid;
	border-width: 1px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4
}

.csr__process__value__business--link a::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg)
}

.csr__process__value__business--link.business--car a {
	background: #90b921;
	border-color: #90b921
}

.csr__process__value__business--link.business--interior a {
	background: #f6ad3c;
	border-color: #f6ad3c
}

.csr__process__value__business--link.business--public a {
	background: #54c3f1;
	border-color: #54c3f1
}

.csr__process__value__business--link.business--functional a {
	background: #cc7db1;
	border-color: #cc7db1
}

.csr__process__value__flow {
	display: flex!important;
	flex-wrap: wrap;
	margin: 0 -10px
}

.csr__process__value__flow_01 {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 10px
}

.csr__process__value__flow_01__list {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
	background: #5dc2d0
}

.csr__process__value__flow_01__list--item {
	flex: 0 0 100%;
	max-width: 100%;
	color: #fff;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.4;
	padding: 12px 10px 12px;
	position: relative;
	border-bottom: 1px solid #fff;
	text-align: center
}

.csr__process__value__flow_01__list--item::after,.csr__process__value__flow_01__list--item::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 12px;
	height: 12px;
	bottom: -7px;
	transform: rotate(45deg)
}

.csr__process__value__flow_01__list--item::before {
	background: #5dc2d0;
	z-index: 1
}

.csr__process__value__flow_01__list--item::after {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: 2
}

.csr__process__value__flow_02 {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 10px
}

.csr__process__value__flow_02__list {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
	align-items: center;
	justify-content: center;
	background: #5dc2d0;
	margin-bottom: 1px;
	padding: 20px
}

.csr__process__value__flow_02__list--item {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center
}

.csr__process__value__flow_02__list--item>span {
	display: inline-block;
	border-bottom: 1px solid #fff
}

.csr__process__value__flow_03 {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 10px
}

.csr__process__value__flow_03--text {
	background: #5dc2d0;
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
	padding: 20px!important;
	position: relative
}

.csr__process__value__flow_03--text::after {
	content: '';
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 25px 40px 0 40px;
	border-color: #5dc2d0 transparent transparent transparent
}

.csr__process__value__flow_03--text>span {
	display: inline-block
}

.csr__process__value__flow_04 {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 4px 10px 0
}

.csr__process__value__flow_04--text {
	color: #5dc2d0;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 0!important
}

.csr__process__value_inner {
	background: #fff;
	padding: 20px 20px 12px
}

.csr__process__value__lists {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

.csr__process__value__lists--item {
	padding: 8px;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
	text-align: center
}

.csr__process__value__lists--item a {
	display: inline-block;
	padding-left: 18px;
	color: #333;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.6rem;
	overflow: hidden;
	position: relative;
	padding-bottom: 4px
}

.csr__process__value__lists--item a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 2px;
	margin: auto 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #adb5bd;
	border-right: 2px solid #adb5bd;
	transform: rotate(45deg)
}

.csr__process__value__lists--item a::after {
	content: '';
	position: absolute;
	left: -100%;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #adb5bd;
	transition: .5s all
}

.csr__process__value__lists--item a:hover {
	text-decoration: none
}

.csr__process__value__lists--item a .link-icon {
	display: inline-block;
	font-size: 1.4em;
	vertical-align: middle;
	margin-bottom: 3px;
	color: #dc000c;
	margin-left: -7px
}

.csr__process__value__lists--item a>span {
	display: block;
	position: relative
}

.csr__process__value__lists--item a>span>span {
	display: inline-block;
	padding: 2px 8px 3px;
	color: #fff;
	margin-right: 6px
}

.csr__process__value__lists--item a>span>span.s {
	color: #333;
	padding: 0
}

.csr__process__value__lists--item a>span>span.esg--e {
	background: #608524
}

.csr__process__value__lists--item a>span>span.esg--s {
	background: #003894
}

.csr__process__value__lists--item a>span>span.esg--g {
	background: #dc000c
}

.csr__process__output {
	position: relative;
	padding: 48px 20px 1px;
	background: #5dc2d0;
	margin-bottom: 24px
}

.csr__process__output::after {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 50px 80px 0 80px;
	border-color: #5dc2d0 transparent transparent transparent;
	z-index: 9
}

.csr__process__output--ttl {
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
	padding: 12px 15px;
	background: #fff;
	color: #5dc2d0;
	box-shadow: 2px 2px 4px rgba(0,0,0,.15)
}

.csr__process__output__list {
	text-align: center;
	color: #fff;
	margin-bottom: 20px
}

.csr__process__output__list--ttl {
	border-bottom: 1px solid #fff;
	padding-bottom: 4px;
	margin-bottom: 4px;
	font-size: 1.8rem
}

.csr__process__output__list--text {
	font-weight: 500
}

.csr__process__output__list--text ul {
	padding-top: 4px
}

.csr__process__output__list--text ul li {
	text-align: center
}

.csr__process__output__list--text ul li a {
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding-left: 16px;
	padding-bottom: 2px;
	line-height: 1.4;
	color: #fff
}

.csr__process__output__list--text ul li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 2px;
	margin: auto 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg)
}

.csr__process__output__list--text ul li a::after {
	content: '';
	position: absolute;
	left: -100%;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transition: .5s all
}

.csr__process__output__list--text ul li a:hover {
	text-decoration: none
}

.csr__process__output__list--text ul li a .link-icon {
	display: inline-block;
	font-size: 1.3em;
	vertical-align: middle;
	margin-left: 5px;
	margin-bottom: 3px
}

.csr__process__goals {
	background: linear-gradient(to right,rgba(93,194,208,.2),#e9ecef);
	padding: 48px 20px 1px;
	margin-bottom: 24px;
	position: relative
}

.csr__process__goals_inner {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center
}

.csr__process__goals_text {
	flex: 0 0 100%;
	max-width: 100%;
	position: relative
}

.csr__process__goals_text::after,.csr__process__goals_text::before {
	content: '';
	position: absolute
}

.csr__process__goals_text::before {
	width: 48px;
	height: 64px;
	bottom: 0;
	background: #5dc2d0
}

.csr__process__goals_text::after {
	bottom: -24px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #5dc2d0 transparent transparent transparent
}

.csr__process__goals_images {
	flex: 0 0 240px;
	max-width: 240px
}

.csr__process__goals__photo {
	position: relative;
	padding-bottom: 24px
}

.csr__process__goals__photo--caption {
	position: absolute;
	text-align: center;
	bottom: 8px;
	left: 0;
	width: 100%;
	font-size: 2rem!important;
	font-weight: 700
}

.csr__covid .c-head {
	position: relative;
	margin-left: auto;
	margin-right: auto
}

.csr__covid .c-head.chapter-01 {
	max-width: 960px;
	padding-left: 120px;
	padding-right: 120px
}

.csr__covid .c-head.chapter-02 {
	max-width: 840px;
	padding-left: 120px;
	padding-right: 120px
}

.csr__covid .c-head .chapter {
	position: absolute;
	top: -12px;
	left: 0;
	line-height: 1;
	padding-left: 56px
}

.csr__covid .c-head .chapter .ttl {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	margin: auto 0;
	font-size: 1.4rem;
	z-index: 9
}

.csr__covid .c-head .chapter .no {
	display: inline-block;
	font-size: 8rem;
	font-family: Roboto,sans-serif;
	font-weight: 100;
	font-style: italic;
	color: #dc000c;
	margin-left: -20px
}

.csr__covid__read_wrapper {
	max-width: 760px;
	margin: 0 auto
}

.csr__covid__section .esg {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto
}

.csr__covid__section .thought-content .row {
	align-items: flex-start
}

.csr__covid__section .thought-content dl {
	border-color: #003894;
	margin-bottom: 32px
}

.csr__covid__section .thought-content dt .info {
	background: 0 0!important
}

.csr__covid__section .thought-content dt .info .ttl {
	font-size: 1.8rem;
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
	font-weight: 700;
	padding-top: 4px;
	color: #003894;
	border-color: #003894
}

.csr__covid__section .thought-content dd.equalheight1 {
	min-height: 9em
}

.csr__covid__section .thought-content dd.equalheight2 {
	min-height: 9em
}

.csr__sc__section h4.std {
	line-height: 1.6
}

.csr__sc__section h4.std .primary-border {
	color: #dc000c;
	border: 1px solid #dc000c;
	font-size: .85em;
	font-weight: 500;
	padding: 4px 8px 5px;
	line-height: 1.2;
	display: inline-block
}

.csr__sc__products {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}

.csr__sc__products>.row {
	margin-bottom: 24px;
	padding-bottom: 24px
}

.csr__sc__products>.row:not(:nth-last-of-type(1)) {
	position: relative
}

.csr__sc__products>.row:not(:nth-last-of-type(1))::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: calc(100% - 30px);
	height: 1px;
	left: 15px;
	background: #ced4da
}

.csr__tech.content-header h4 {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 32px
}

.csr__tech__business {
	padding: 20px 20px 4px;
	border: 1px solid #ced4da;
	margin-bottom: 24px
}

.csr__tech__business__lists {
	display: flex!important;
	flex-wrap: wrap
}

.csr__tech__business__lists--item {
	flex: 0 0 25%;
	max-width: 25%;
	padding: 0 10px
}

.csr__tech__business__lists dl {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 16px
}

.csr__tech__business__lists dl dt {
	flex: 0 0 5.6rem;
	max-width: 5.6rem;
	font-size: 4rem;
	color: #fff;
	padding: 8px;
	line-height: 1
}

.csr__tech__business__lists dl dd {
	flex: 0 0 calc(100% - 5.6rem);
	flex-basis: calc(100% - 5.6rem);
	max-width: calc(100% - 5.6rem);
	line-height: 1.3;
	padding-left: 8px
}

.csr__tech__business__lists dl.interior dt {
	background: #f6ad3c
}

.csr__tech__business__lists dl.car dt {
	background: #90b921
}

.csr__tech__business__lists dl.public dt {
	background: #54c3f1
}

.csr__tech__business__lists dl.functional dt {
	background: #cc7db1
}

.csr__tech__field {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center
}

.csr__tech__field_wrapper {
	padding: 15px 15px 1px;
	margin-bottom: 24px;
	background: #fff
}

.csr__tech__field--item {
	margin-bottom: 14px
}

.csr__tech__field--item figcaption {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 0;
	padding: 6px 8px 8px;
	color: #fff
}

.csr__tech__products {
	display: flex!important;
	flex-wrap: wrap;
	margin: 0 -8px;
	justify-content: center
}

.csr__tech__products li {
	padding: 0 8px 8px;
	flex: 0 0 25%;
	max-width: 25%
}

.csr__tech__products li a {
	display: block
}

.csr__tech__products li a:hover {
	text-decoration: none
}

.csr__tech__products li a dd {
	padding-right: 15px;
	position: relative;
	transition: .3s all
}

.csr__tech__products li a dd::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	transition: .3s all
}

.csr__tech__products li dt {
	position: relative
}

.csr__tech__products li dt img {
	transition: .3s all
}

.csr__tech__products li .icon-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2.8rem;
	padding: 4px;
	color: #fff;
	transform-origin: top left;
	transition: .3s all
}

.csr__tech__products li.car .icon-wrapper {
	background: #90b921
}

.csr__tech__products li.interior .icon-wrapper {
	background: #f6ad3c
}

.csr__tech__products li.public .icon-wrapper {
	background: #54c3f1
}

.csr__tech__products li.functional .icon-wrapper {
	background: #cc7db1
}

.csr__tech__products li dd {
	line-height: 1.4;
	padding: 4px 6px;
	color: #fff;
	overflow: hidden;
	border-style: solid;
	border-width: 1px
}

.csr__tech__products li dd>span {
	display: block
}

.csr__tech__products li dd>span.main {
	font-weight: 500;
	font-size: 1.4rem
}

.csr__tech__products li dd>span.sub {
	font-size: 1.3rem;
	text-indent: -.55em
}

.csr__tech__products li.core--01 dd {
	background: #b69719;
	border-color: #b69719
}

.csr__tech__products li.core--02 dd {
	background: #b7724e;
	border-color: #b7724e
}

.csr__tech__products li.core--03 dd {
	background: #946274;
	border-color: #946274
}

.csr__tech__products li.core--04 dd {
	background: #3d7599;
	border-color: #3d7599
}

.csr__tech__products li.core--05 dd {
	background: #4d8a79;
	border-color: #4d8a79
}

.csr__tech__products li.core--06 dd {
	background: #678449;
	border-color: #678449
}

.csr__tech__products li.core--none dd {
	background: #003894;
	border-color: #003894
}

.csr__tech__section .table th {
	background: #f0f1f3;
	border-left: none;
	text-align: left;
	border-bottom: 1px solid #868e96
}

.csr__tech__section .table td {
	border-right: none;
	text-align: left;
	font-weight: 500
}

.csr__tech__section .table td.bb {
	border-bottom: 1px solid #868e96
}

.csr__tech__section .table td .s {
	font-weight: 400
}

.csr__tech__section .table thead th {
	background: #868e96;
	color: #fff;
	border: none;
	text-align: center
}

.csr__tech__section .table .label {
	width: 12em
}

.csr__tech__ex {
	background: linear-gradient(to bottom,#f0f1f3,rgba(0,56,148,.18));
	padding: 20px
}

.csr__tech__ex h4.std {
	border-color: #868e96
}

.csr__tech__ex__core {
	margin: 0 -8px
}

.csr__tech__ex__core_wrapper {
	background: #fff;
	padding: 20px 15px 2px
}

.csr__tech__ex__core--item {
	margin-bottom: 18px;
	padding: 0 8px
}

.csr__tech__ex__core--item .wrapper {
	display: block;
	position: relative;
	margin-left: 32px;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 40px;
	line-height: 1.3;
	padding: 0 4px
}

.csr__tech__ex__core--item .wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 20px 0;
	z-index: 1
}

.csr__tech__ex__core--item .core-icon {
	position: absolute;
	top: 50%;
	left: -32px;
	width: 28px;
	transform: translateY(-50%);
	z-index: 9
}

.csr__tech__ex__core--item .name {
	color: #fff;
	position: relative;
	font-weight: 700;
	font-size: 1.4rem
}

.csr__tech__ex__core--item.core--01 .wrapper {
	background: #b69719
}

.csr__tech__ex__core--item.core--01 .wrapper::before {
	border-color: transparent #b69719 transparent transparent
}

.csr__tech__ex__core--item.core--02 .wrapper {
	background: #b7724e
}

.csr__tech__ex__core--item.core--02 .wrapper::before {
	border-color: transparent #b7724e transparent transparent
}

.csr__tech__ex__core--item.core--03 .wrapper {
	background: #946274
}

.csr__tech__ex__core--item.core--03 .wrapper::before {
	border-color: transparent #946274 transparent transparent
}

.csr__tech__ex__core--item.core--04 .wrapper {
	background: #3d7599
}

.csr__tech__ex__core--item.core--04 .wrapper::before {
	border-color: transparent #3d7599 transparent transparent
}

.csr__tech__ex__core--item.core--05 .wrapper {
	background: #4d8a79
}

.csr__tech__ex__core--item.core--05 .wrapper::before {
	border-color: transparent #4d8a79 transparent transparent
}

.csr__tech__ex__core--item.core--06 .wrapper {
	background: #678449
}

.csr__tech__ex__core--item.core--06 .wrapper::before {
	border-color: transparent #678449 transparent transparent
}

.csr__tech__ex__field--item {
	flex: 0 0 50%;
	max-width: 50%
}

.csr__tech__ex__field--item figcaption {
	background: #868e96
}

.csr__tech__ex__products li {
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.csr__tech__new {
	background: linear-gradient(to bottom,rgba(0,56,148,.18),rgba(0,56,148,.25));
	padding: 20px
}

.csr__tech__new h4.std {
	border-color: #003894
}

.csr__tech__new__field_wrapper {
	padding-left: 8px;
	padding-right: 8px
}

.csr__tech__new__field--item {
	flex: 0 0 50%;
	max-width: 50%
}

.csr__tech__new__field--item figcaption {
	background: #003894
}

.csr__tech__new__products_wrapper {
	padding: 15px 15px 1px;
	margin-bottom: 24px;
	background: rgba(255,255,255,.3)
}

.csr__tech__new_products__field_inner {
	padding: 15px 15px 1px;
	background: #fff;
	border: 1px solid #5dc2d0
}

.csr__tech__new_products__field li {
	flex: 0 0 50%;
	max-width: 50%;
	padding-bottom: 2px
}

.csr__tech__new_products__field li figcaption {
	padding-top: 5px;
	padding-bottom: 6px
}

.csr-business-chap02 .content-inner-l {
	padding-top: 0!important
}

.csr__business {
	padding-top: 108px!important;
	margin-bottom: 16px!important
}

.csr__business figure div {
	padding-bottom: 16px
}

.csr__business h6.std {
	font-size: 1.8rem
}

.csr__business h6.std::before {
	top: .65em
}

.csr__business h4.topics .main {
	font-size: 2.1rem;
	display: block
}

.csr__business__companies p {
	font-size: 1.2rem;
	padding: 15px
}

.csr__business__companies p>span {
	display: inline-block
}

.csr__car .csr__business__companies p {
	background: rgba(144,185,33,.2)
}

.csr__interior .csr__business__companies p {
	background: rgba(246,173,60,.2)
}

.csr__public .csr__business__companies p {
	background: rgba(84,195,241,.2)
}

.csr__functional .csr__business__companies p {
	background: rgba(204,125,177,.2)
}

.csr__business__head {
	margin-bottom: 48px
}

.csr__business__head section {
	margin-bottom: 24px!important
}

.csr__business__head section p {
	margin-bottom: 8px
}

.csr__business__head section .numberic-list {
	padding-bottom: 0
}

.csr__car h3.std::after,.csr__car h4.border::after {
	background: #90b921
}

.csr__car h4.border,.csr__car h4.std,.csr__car h5.std {
	border-color: #90b921
}

.csr__car h4.border.text-color,.csr__car h4.std.text-color,.csr__car h5.std.text-color {
	color: #90b921
}

.csr__car h6.std::before {
	background: #90b921
}

.csr__car h4.topics .ttl {
	color: #90b921
}

.csr__car .numberic-list>li>dl>dt::before {
	background: #90b921
}

.csr__car .numberic-list>li>dl>dt::after {
	border-color: #90b921
}

.csr__car .thought-content dl {
	border-color: #90b921
}

.csr__interior .topics--desc img {
	width: 200px
}

.csr__interior .border--radius {
	border-radius: 12px;
	border: 1px solid #adb5bd;
	overflow: hidden
}

.csr__interior h3.std::after,.csr__interior h4.border::after {
	background: #f6ad3c
}

.csr__interior h4.border,.csr__interior h4.std,.csr__interior h5.std {
	border-color: #f6ad3c
}

.csr__interior h4.border.text-color,.csr__interior h4.std.text-color,.csr__interior h5.std.text-color {
	color: #f6ad3c
}

.csr__interior h6.std::before {
	background: #f6ad3c
}

.csr__interior h4.topics .ttl {
	color: #f6ad3c
}

.csr__interior .numberic-list>li>dl>dt::before {
	background: #f6ad3c
}

.csr__interior .numberic-list>li>dl>dt::after {
	border-color: #f6ad3c
}

.csr__interior .thought-content dl {
	border-color: #f6ad3c
}

.csr__public h3.std::after,.csr__public h4.border::after {
	background: #54c3f1
}

.csr__public h4.border,.csr__public h4.std,.csr__public h5.std {
	border-color: #54c3f1
}

.csr__public h4.border.text-color,.csr__public h4.std.text-color,.csr__public h5.std.text-color {
	color: #54c3f1
}

.csr__public h6.std::before {
	background: #54c3f1
}

.csr__public h4.topics .ttl {
	color: #54c3f1
}

.csr__public .numberic-list>li>dl>dt::before {
	background: #54c3f1
}

.csr__public .numberic-list>li>dl>dt::after {
	border-color: #54c3f1
}

.csr__public .thought-content dl {
	border-color: #54c3f1
}

.csr__functional h3.std::after,.csr__functional h4.border::after {
	background: #cc7db1
}

.csr__functional h4.border,.csr__functional h4.std,.csr__functional h5.std {
	border-color: #cc7db1
}

.csr__functional h4.border.text-color,.csr__functional h4.std.text-color,.csr__functional h5.std.text-color {
	color: #cc7db1
}

.csr__functional h6.std::before {
	background: #cc7db1
}

.csr__functional h4.topics .ttl {
	color: #cc7db1
}

.csr__functional .numberic-list>li>dl>dt::before {
	background: #cc7db1
}

.csr__functional .numberic-list>li>dl>dt::after {
	border-color: #cc7db1
}

.csr__functional .thought-content dl {
	border-color: #cc7db1
}

.csr-child .caution_red {
	color: #dc000c
}

.csr-child .caution {
	display: block;
	font-size: 1.25rem;
	text-indent: -1em;
	padding-left: 1em
}

.csr-child .csr .thought-content dl dt {
	background: #f4f5f7
}

.csr-child .csr .thought-content dl dt figure {
	width: 65%
}

.csr-child .csr .csr__business__topics figure figcaption {
	margin-bottom: 0
}

.csr-child .csr .csr__talk__section .link-icon {
	color: #dc000c;
	vertical-align: -.2rem;
	margin: 0 .6rem
}

.csr-child .public-md-5 {
	flex: 0 0 43.8%;
	max-width: 43.8%
}

.csr-child .public-md-7 {
	flex: 0 0 56.2%;
	max-width: 56.2%
}

.csr-child .talk-box {
	display: flex
}

.csr-child .talk-box dt {
	width: 3em;
	font-size: 1.5rem;
	white-space: nowrap
}

.csr-child .talk-box dd {
	width: 94%;
	font-size: 1.5rem;
	line-height: 1.9
}

.csr-child .talk-box.talk1 dt {
	color: #e60033
}

.csr-child .talk-box.talk2 dt {
	color: #f6ab00
}

.csr-child .profile-box {
	margin-top: 5rem;
	padding: 15px;
	border: 1px solid #000
}

.csr-child .profile-box span {
	display: inline-block
}

.csr-child .profile-box span:first-of-type {
	font-size: 1.6rem;
	font-weight: 700
}

.csr-child .profile-box span:last-of-type {
	font-size: 1.4rem
}

.csr-child .person.csr2021 {
	display: block
}

.csr-child .person.csr2021 figure {
	width: 55%
}

.structure .officer-list li {
	margin-bottom: 20px
}

.risk .section-04 sup {
	font-size: 70%;
	color: #dc000c
}

.csr-esg-social-employee .table.training-results-01 colgroup.label col.name {
	width: 8.25em;
	text-align: left
}

.csr-esg-social-employee .table.training-results-01 .name {
	text-align: left
}

.csr-esg-social-employee .section-02 sup,.csr-esg-social-employee .section-04 sup {
	font-size: 70%;
	color: #dc000c
}

.csr-esg-social-employee .thoughts-box {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 2.4rem;
	border: 1px solid #dc000c;
	margin-bottom: 1.6rem
}

.csr-esg-social-employee dt {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 1.6rem;
	line-height: 1.4;
	background: #f4f5f7
}

.csr-esg-social-employee dt figure {
	width: 80%
}

.csr-social-employee .table.training-results-01 colgroup.label col.name {
	width: 8.25em;
	text-align: left
}

.csr-social-employee .table.training-results-01 .name {
	text-align: left
}

.csr-social-employee .section-02 sup,.csr-social-employee .section-04 sup {
	font-size: 70%;
	color: #dc000c
}

.csr-social-employee .thoughts-box {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 2.4rem;
	border: 1px solid #dc000c;
	margin-bottom: 1.6rem
}

.csr-social-employee dt {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 1.6rem;
	line-height: 1.4;
	background: #f4f5f7
}

.csr-social-employee dt figure {
	width: 80%
}

.csr-social-safety .safety-policy-box {
	padding: 15px;
	border: 1px solid
}

.csr-social-safety .safety-policy-box .ttl {
	font-size: 1.75rem;
	margin-bottom: 0
}

.csr-social-safety .safety-policy-box .read-text {
	font-size: 1.4rem;
	line-height: 1.7
}

.csr-social-safety .safety-policy-box ul:not(:last-of-type) {
	margin-bottom: 2rem
}

.csr-social-safety .safety-policy-box ul li {
	position: relative
}

.csr-social-safety .safety-policy-box ul li:before {
	display: inline-block;
	width: 12px;
	height: 12px;
	content: '';
	margin-right: 5px;
	background: #000;
	border-radius: 50%
}

.csr-social-safety .graph-legend {
	display: flex!important;
	flex-wrap: wrap;
	margin: 0 -10px 8px
}

.csr-social-safety .graph-legend li {
	position: relative;
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 1
}

.csr-social-safety .graph-legend li::before {
	content: '';
	position: absolute;
	top: .1em;
	left: 10px;
	width: 1em;
	height: 1em
}

.csr-social-safety .graph-legend li>span {
	font-size: 1.2rem;
	padding-left: 1.25em
}

.csr-social-safety .graph-legend li.legend-1::before {
	background: #ddd
}

.csr-social-safety .graph-legend li.legend-2::before {
	background: #9fa0a0
}

.csr-social-safety .graph-legend li.legend-3::before {
	background: #5787c5
}

.csr-social-safety .graph-legend li.legend-4::before {
	background: #0b5793
}

.csr-social-action .promote-plan {
	margin-bottom: 4rem
}

.csr-social-action .promote-plan li>dl {
	margin-bottom: 1.6rem
}

.csr-social-action .promote-plan li>dl>dt {
	font-size: 1.7rem
}

.csr-social-action .promote-plan li>dl dd {
	font-weight: 700
}

.csr-social-action .promote-plan li>dl dd figcaption {
	font-size: 1.2rem;
	font-weight: 500
}

.csr-social-action .promote-plan li>dl dd figcaption::before {
	content: '■';
	display: inline-block;
	padding-right: 2px
}

.csr-social-action .promote-plan li>dl dd figcaption h6 {
	margin-bottom: .7rem
}

.csr-social-action .promote-plan li>dl dd p {
	font-weight: 400
}

.csr-social-action .promote-plan li>dl dd p.small-text {
	text-indent: 0;
	padding: 0;
	margin-bottom: 0
}

.csr-social-action .promote-plan li>dl dt {
	color: #003894;
	margin-bottom: .4rem
}

.csr-social-action .promote-plan li>dl dd>ul>li dl dd {
	font-weight: 700;
	line-height: 1.5
}

.csr-social-action .promote-plan li.point1>dl>dd {
	font-size: 1.6rem
}

.csr-social-action .promote-plan li.point2>dl>dd dd,.csr-social-action .promote-plan li.point2>dl>dd dt {
	font-size: 1.6rem
}

.csr-social-action .promote-plan.new {
	padding-top: 4px;
	margin-bottom: 4rem;
	padding-left: 2rem
}

.csr-social-action .promote-plan.new li>dl dd {
	font-weight: 500
}

.csr-social-action h6 {
	color: #009481
}

.csr-social-action h6:before {
	background: #009481
}

.csr-social-action .interview>figure {
	width: 50%
}

.csr-social-action .interview .notice-section {
	max-width: 540px
}

.csr-social-communications .section-03 figure img {
	border: 1px solid #ced4da
}

.csr-social-safety .occupational-health sup {
	color: #dc000c
}

.sustainability-container .sustainability-default {
	margin-bottom: 30px
}

.sustainability-container .sustainability-default .sustainability-default-l {
	padding: 20px;
	background: #e9e6dc
}

.sustainability-container .sustainability-default .sustainability-default-l h5 {
	font-size: 1.6rem;
	font-weight: 400
}

.sustainability-container .sustainability-default .table {
	table-layout: auto;
	margin-bottom: 0
}

.sustainability-container .sustainability-default .table:first-of-type {
	position: relative;
	margin-bottom: 15px
}

.sustainability-container .sustainability-default .table:first-of-type:after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 1px;
	height: 15px;
	content: '';
	background: #ced4da;
	transform: translateX(-50%)
}

.sustainability-container .sustainability-default .table thead th {
	color: #fff;
	background: #b9ae8c
}

.sustainability-container .sustainability-default .table:last-of-type tbody tr:last-of-type td {
	width: 48%;
	border-right: 1px dotted #ced4da
}

.sustainability-container .sustainability-default .table:last-of-type tbody tr:last-of-type td:last-of-type {
	border-left: 1px dotted #ced4da
}

.sustainability-container .sustainability-default .table:last-of-type tbody th {
	font-weight: 400;
	background: #e9e6dc
}

.sustainability-container .sustainability-default .table:last-of-type tbody td {
	text-align: left
}

.sustainability-container .sustainability-default .table:last-of-type tbody td .red {
	font-size: 1.1rem
}

.sustainability-container .sustainability-default .notice-text {
	margin-bottom: 0
}

.sustainability-container .sdgs-list dl {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 16px
}

.sustainability-container .sdgs-list dl dt {
	flex: 0 0 80px;
	max-width: 80px
}

.sustainability-container .sdgs-list dl dd {
	flex: 0 0 calc(100% - 80px);
	flex-basis: calc(100% - 80px);
	max-width: calc(100% - 80px);
	padding-left: 8px;
	line-height: 1.5
}

.sustainability-container .sustainability-container-esg .std span:first-of-type {
	width: 30%;
	margin-right: 10px
}

.sustainability-container .sustainability-container-esg .table {
	table-layout: auto
}

.sustainability-container .sustainability-container-esg .table thead th {
	color: #fff;
	background: #b9ae8c
}

.sustainability-container .sustainability-container-esg .table tbody th {
	font-weight: 400;
	background: #fff
}

.sustainability-container .sustainability-container-esg .table tbody th span {
	font-size: 2.5rem;
	font-weight: 700
}

.sustainability-container .sustainability-container-esg .table tbody th span.e {
	color: green
}

.sustainability-container .sustainability-container-esg .table tbody th span.s {
	color: #00348d
}

.sustainability-container .sustainability-container-esg .table tbody th span.g {
	color: #bf3131
}

.sustainability-container .sustainability-container-esg .table tbody td {
	text-align: left
}

.sustainability-container .sustainability-container-esg .table tbody td.border-dotted-t {
	border-top: 1px dotted #ced4da
}

.sustainability-container .sustainability-container-esg .table tbody td.border-dotted-b {
	border-bottom: 1px dotted #ced4da
}

.sustainability-container .sustainability-container-esg .table .aim {
	width: 32.5%
}

.sustainability-container .sustainability-container-esg .table .aim.env {
	background-color: #d2e3c8
}

.sustainability-container .sustainability-container-esg .table .aim.social {
	background-color: #dbdfea
}

.sustainability-container .sustainability-container-esg .table .aim.gov {
	background-color: #fdc
}

.sustainability-container .sustainability-container-esg .table .attempt {
	width: 34%
}

.sustainability-container .sustainability-container-esg .table .evaluation,.sustainability-container .sustainability-container-esg .table .goal {
	width: 11.5%
}

.sustainability-container .sustainability-container-esg .small-text {
	font-size: 1.2rem
}

.sustainability-container .esg-link-mt {
	margin-top: 7rem
}

.csr .content-link-index .business-link .sub-link-list li:nth-of-type(3) {
	margin-right: 38px
}

.csr-esg-governance-structure .organization .notice-text {
	display: block;
	padding-top: 0;
	padding-bottom: 0
}

.csr-esg-governance-structure .organization .sub-ttl {
	font-size: 1.5rem;
	font-weight: 700;
	text-indent: -1em;
	padding-left: 1em
}

.csr-esg-governance-message dl {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between
}

.csr-esg-governance-message dl dt {
	width: 35%;
	padding-right: 5%
}

.csr-esg-governance-message dl dd {
	width: 65%
}

.csr-esg-governance-message dl dd .description-box p span {
	font-weight: 700
}

.csr-governance-structure .organization .notice-text {
	display: block;
	padding-top: 0;
	padding-bottom: 0
}

.csr-governance-structure .organization .sub-ttl {
	font-size: 1.5rem;
	font-weight: 700;
	text-indent: -1em;
	padding-left: 1em
}

.csr-governance-message dl {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between
}

.csr-governance-message dl dt {
	width: 35%;
	padding-right: 5%
}

.csr-governance-message dl dd {
	width: 65%
}

.csr-governance-message dl dd .description-box p span {
	font-weight: 700
}

.csr .basic-policy {
	padding: 20px;
	background: #e9e6dc
}

.csr .basic-policy h5 {
	font-size: 1.6rem;
	font-weight: 400
}

.csr-social-employee .table.training-results-01 .category {
	width: 20%
}

.csr-social-employee .table.training-results-01 .name {
	width: auto
}

.csr-social-employee .table .evaluation {
	width: 20%
}

.csr-social-employee .table .details {
	text-align: left
}

.csr-social-employee .table .details.center {
	text-align: center
}

.csr-social-employee .table .relation {
	width: 2em
}

.csr-social-employee .table-box {
	display: table;
	margin-bottom: 0
}

.csr-social-employee .table-box dd,.csr-social-employee .table-box dt {
	display: table-cell;
	width: auto;
	text-align: left
}

.csr-social-employee .table-box dt {
	font-weight: 400;
	white-space: nowrap;
	margin-bottom: 0;
	background: 0 0
}

.csr-social-employee .list-program li {
	text-indent: -1em;
	padding-left: 1em
}

.csr-social-safety sup {
	font-size: 70%;
	color: #dc000c
}

.csr-esg-social-employee .table.training-results-01 .category {
	width: 20%
}

.csr-esg-social-employee .table.training-results-01 .name {
	width: auto
}

.csr-esg-social-employee .table .evaluation {
	width: 20%
}

.csr-esg-social-employee .table .details {
	text-align: left
}

.csr-esg-social-employee .table .details {
	text-align: left
}

.csr-esg-social-employee .table .details.center {
	text-align: center
}

.csr-esg-social-employee .table .relation {
	width: 2em
}

.csr-esg-social-employee .table-box {
	display: table;
	margin-bottom: 0
}

.csr-esg-social-employee .table-box dd,.csr-esg-social-employee .table-box dt {
	display: table-cell;
	width: auto;
	text-align: left
}

.csr-esg-social-employee .table-box dt {
	font-weight: 400;
	white-space: nowrap;
	margin-bottom: 0;
	background: 0 0
}

.csr-esg-social-employee .list-program li {
	text-indent: -1em;
	padding-left: 1em
}

.csr-esg-social-safety sup {
	font-size: 70%;
	color: #dc000c
}

.csr h5.topics {
	font-size: 1.8rem
}

.csr .fw-7 {
	font-weight: 700
}

.csr .fw-7 span {
	font-weight: 400
}

.csr-env-attempt .about-tcfd {
	padding: 20px;
	background: #e9e6dc
}

.csr-env-attempt .about-tcfd h3 span:last-of-type {
	width: 30%;
	margin-left: 5px
}

.csr-env-attempt .about-tcfd table th {
	width: 30%;
	background: #f8f9fa
}

.csr-env-attempt .about-tcfd table td {
	text-align: left;
	background: #fff
}

.csr-env-attempt .table-attempt2 th {
	width: 20%;
	text-align: left;
	background: #f8f9fa
}

.csr-env-attempt .table-attempt2 td {
	text-align: left
}

.csr-business .menu-btn {
	display: none!important
}

.ir-policy-strategy .table .table-ttl {
	font-size: 1.6rem;
	font-weight: 700
}

.ir-policy-strategy .table .unit {
	text-align: right!important;
	background: #fff!important
}

.ir-policy-strategy .border-b-black {
	border-bottom: 2px solid #000!important
}

.ir-policy-strategy .strengths.strengths_bg .border-wrapper.bg_gray {
	background: #e9e6dc
}

.ir-policy-strategy .strengths .border-wrapper+.border-wrapper {
	margin-top: 30px
}

.ir-policy-strategy .table-sgw h4.std {
	max-width: 800px;
	width: 100%;
	margin: 0 auto 20px
}

.ir-policy-strategy .table-sgw table {
	max-width: 800px;
	width: 100%;
	margin: 0 auto
}

.ir-policy-strategy .table-sgw table thead th {
	background: #e8f2e5
}

.ir-policy-strategy .table-sgw table .progress {
	width: 7%
}

.ir-policy-strategy .table-sgw figure {
	max-width: 800px;
	width: 100%;
	margin: 0 auto 10px
}

.ir-policy-strategy .table-sgw figure img {
	width: 30%
}

.ir-policy-strategy .table-sgw figure figcaption {
	font-weight: 700
}

.ir-policy-strategy .table-responsive+.table-responsive {
	margin-top: 50px
}

.ir-policy-strategy .table-technology {
	max-width: 800px;
	width: 100%;
	margin: 0 auto 4rem
}

.ir-policy-strategy .table-technology thead tr th {
	background: #f5cbcb
}

.ir-policy-strategy .table-technology tbody td {
	text-align: left
}

.ir-policy-strategy .table-prime-market .lead-text {
	max-width: 800px;
	width: 100%;
	margin: 0 auto
}

.ir-policy-strategy .text-link-prime-market {
	max-width: 800px;
	width: 100%;
	margin: 0 auto
}

.development .row>[class^=col-] {
	margin-bottom: 4rem
}

.development .lead {
	margin: 0 auto 2rem;
	font-weight: 700;
	text-align: left
}

.development .philosophy {
	text-align: center
}

.development .philosophy .lead {
	margin: 6rem auto;
	font-size: 1.8rem
}

.development .philosophy .lead>span {
	display: block;
	margin-bottom: 2rem;
	font-size: 2.4rem;
	text-align: center
}

.development p.sub-read {
	font-weight: 700
}

.development p.sub-read span {
	display: block;
	font-weight: 400
}

.development .t10-table {
	table-layout: fixed;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 2px solid #333
}

.development .t10-table>colgroup:nth-of-type(2) {
	background: #f7f7f7
}

.development .t10-table>colgroup:nth-of-type(3) {
	background: #f0f0f0
}

.development .t10-table>colgroup:nth-of-type(1) {
	background: #fff
}

.development .t10-table td,.development .t10-table th {
	font-weight: 400;
	vertical-align: middle;
	text-align: center;
	border-color: #ced4da;
	border-left: none;
	border-right: none
}

.development .t10-table th.caption {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	background: #333
}

.development .t10-table thead th {
	text-align: center;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333
}

.development .t10-table tbody tr:first-of-type td,.development .t10-table tbody tr:first-of-type th {
	border-top: 2px solid #333;
	border-bottom: 2px solid #333
}

.development .t10-table tbody th {
	text-align: center;
	border-right: 1px solid #ced4da
}

.development .t10-table tbody th.no-border {
	border-right: none
}

.development-technology .page-notice {
	position: absolute;
	top: 40px;
	left: 20px;
	color: #fff;
	background-color: #dc000c;
	font-weight: 700;
	font-size: 1.8rem;
	padding: .4rem 1.6rem
}

.development-technology .image-max-200 img {
	width: 200px
}

.development-technology .image-max-560 {
	text-align: center
}

.development-technology .image-max-560 img {
	width: 560px
}

.development-technology .image-max-560 figcaption {
	max-width: 560px;
	margin: 0 auto;
	text-align: left
}

.development-technology .content-header {
	margin-bottom: 6.4rem
}

.development-technology .aller-block p {
	font-size: 1.3rem;
	padding-left: 4px
}

.development-technology .aller-block figcaption {
	text-align: right;
	font-size: 1.3rem
}

.development-story section {
	padding-bottom: 4.8rem
}

.development-story .member-list>[class^=col-] {
	text-align: center
}

.development-story .member-list>[class^=col-] .member-name {
	margin: .5em 0;
	font-size: 1.8rem
}

.development-story .conversation-content {
	display: flex!important;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between
}

.development-story .conversation-content>dt {
	flex: 0 0 6rem;
	max-width: 6rem;
	margin-top: .2em;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #adb5bd;
	border-radius: 2px
}

.development-story .conversation-content>dd {
	flex: 0 0 calc(100% - 6rem);
	flex-basis: calc(100% - 6rem);
	max-width: calc(100% - 6rem);
	margin-bottom: 2rem;
	padding-left: 1.5em
}

.development-story p.declare {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	padding-top: 24px;
	margin-bottom: 48px
}

.development-story .link-btn-group {
	margin: 6rem auto 0
}

.development-t10 section.section--02 .interior--01,.development-technology-t10 section.section--02 .interior--01 {
	margin-bottom: 8px
}

.development-t10 section.section--02 .interior--02,.development-technology-t10 section.section--02 .interior--02 {
	margin-bottom: 0
}

.development-t10 section.section--02 .interior--03,.development-technology-t10 section.section--02 .interior--03 {
	margin-bottom: 14px
}

.post-37 .content-link-index.margin-l {
	justify-content: center
}

.home .ecopro-wrapper {
	padding: 3rem 0;
	background: #ccc
}

.home .ecopro-wrapper p {
	max-width: 700px;
	text-align: center;
	margin: 0 auto
}

.home .ecopro-wrapper p a {
	display: block;
	width: 100%;
	font-size: 2rem;
	color: #333;
	padding: 2rem 0;
	transition: .3s opacity
}

.home .ecopro-wrapper p a:hover {
	text-decoration: none;
	opacity: .7
}

.en-home .ecopro-wrapper p {
	max-width: 910px
}

.ecopro .breadcrumb ul li {
	display: flex;
	align-items: center
}

.ecopro .breadcrumb ul li .breadcrumb_last {
	max-width: 620px
}

.ecopro .news-release-link .link-icon {
	margin-left: 10px
}

.ecopro .lead-text {
	margin-bottom: 15px
}

.ecopro .lead-text2 {
	margin-bottom: 30px
}

.ecopro .content-nav-list {
	max-width: 620px;
	margin-top: 30px
}

.ecopro .content-nav-list .menu-btn>span.link-text::before {
	top: -2px;
	transform: rotate(135deg)
}

.ecopro section:not(:last-of-type) {
	margin-bottom: 70px
}

.ecopro .awards-box {
	align-items: center;
	margin-bottom: 30px
}

.ecopro ul.list-circle {
	padding-bottom: 30px
}

.ecopro ul.list-circle li.color-red {
	color: #dc000c
}

.ecopro ul.list-circle li ul {
	padding-left: 20px
}

.ecopro ul.list-circle li ul li {
	list-style: disc;
	color: #333;
	text-indent: 0
}

.ecopro ul.list-circle li ul li::before {
	content: none
}

.ecopro ul.list-circle li::before {
	content: '\f006';
	font-family: suminoe-icon!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: normal;
	font-weight: 400!important;
	line-height: 1;
	margin-right: .6rem;
	vertical-align: -.1rem
}

.ecopro ul.filled-circle li::before {
	content: "●"!important;
	font-family: suminoe-icon!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: normal;
	font-weight: 400!important;
	line-height: 1;
	margin-right: .6rem;
	vertical-align: -.1rem
}

.ecopro .ecos-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px
}

.ecopro .ecos-box dt {
	order: 1;
	width: 40%;
	padding-left: 3%
}

.ecopro .ecos-box dd {
	order: 0;
	width: 60%
}

.ecopro .youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%
}

.ecopro .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.ecopro h4.border {
	padding-bottom: 2.2rem
}

.ecopro .caution {
	font-size: 1.2rem
}

.ecopro .recycle-box {
	text-align: center
}

sub.eco-small {
	font-size: .9rem
}

#ecopro01 .mark-box {
	justify-content: space-between;
	margin: 0;
	padding: 0
}

#ecopro01 .mark-box .mark-box-l {
	margin: 0;
	padding: 0
}

#ecopro01 .mark-box .mark-box-r {
	font-size: 1.2rem;
	padding: 0
}

#ecopro01 .mark-box span {
	font-weight: 700
}

#ecopro01 .certification-box {
	align-items: center;
	margin-bottom: 30px
}

#ecopro02 .seacle-box .row {
	justify-content: space-between
}

.tablewrap {
	overflow-x: scroll
}

.tablewrap table {
	width: 100%;
	min-width: 600px;
	margin-bottom: 2rem;
	border-collapse: collapse
}

.tablewrap table th {
	background: #f0f1f3
}

.awards-wrapper {
	margin-top: 2rem
}

.awards-wrapper .awards-btn {
	border: 1px solid #ced4da;
	padding: 1em 1.5em;
	cursor: pointer;
	transition: .3s all
}

.awards-wrapper .awards-btn:hover {
	background: #f0f1f3
}

.awards-wrapper .awards-btn h3 {
	position: relative;
	margin-bottom: 0;
	padding-right: 36px;
	font-size: 2rem
}

.awards-wrapper .awards-btn h3 .barwrap {
	position: absolute;
	right: -10px;
	top: 50%;
	width: 38px;
	height: 38px;
	background: #ddd;
	transform: translatey(-50%);
	vertical-align: middle;
	transform-origin: center;
	transition: all .3s
}

.awards-wrapper .awards-btn h3 .barwrap span.bar {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%
}

.awards-wrapper .awards-btn h3 .barwrap span.bar::after,.awards-wrapper .awards-btn h3 .barwrap span.bar::before {
	content: '';
	position: absolute;
	top: 0;
	right: 6px;
	width: 2.6rem;
	height: 2px;
	background: #333
}

.awards-wrapper .awards-btn h3 .barwrap span.bar::before {
	top: calc(50% - 1px)
}

.awards-wrapper .awards-btn h3 .barwrap span.bar::after {
	top: calc(50% - 1px);
	transform: rotate(90deg)
}

.awards-wrapper .awards-btn.open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.awards-wrapper .awards-btn.open h3 .barwrap span.bar {
	transform: rotate(45deg)
}

.awards-wrapper .awards-content {
	display: none;
	margin: 4rem 0 7rem
}

.english.ecopro .page-mv .mv-title h2 {
	width: 80%;
	margin: 0 auto
}

.english.ecopro .breadcrumb li {
	display: flex;
	align-items: center
}

.english.ecopro .breadcrumb li .breadcrumb_last {
	max-width: 800px
}

.english.ecopro .text-link-group .news-release-link {
	display: block
}

.english.ecopro .content-nav-list {
	max-width: 100%
}

.company-history>article {
	padding-top: 0!important;
	padding-bottom: 0!important
}

.company-history a:hover {
	text-decoration: none
}

.company-history .table {
	text-align: left
}

.history-pagenation {
	background-color: #f0f0f0;
	transition: .5s all;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 100
}

.history-pagenation-inner {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	height: 6rem
}

.history-pagenation ul {
	border-left: solid .8rem #fff;
	border-right: solid .8rem #fff;
	width: 100%;
	height: 100%;
	align-items: center;
	overflow: hidden;
	margin: 0
}

.history-pagenation ul li {
	height: 100%;
	position: relative;
	background: #f0f0f0;
	padding: 0
}

.history-pagenation ul li:last-child:after,.history-pagenation ul li:last-child:before {
	display: none
}

.history-pagenation ul li.is-current:hover a {
	opacity: 1
}

.history-pagenation ul li a {
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	position: relative;
	height: 100%;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center
}

.history-pagenation ul li a:hover {
	opacity: .6
}

.history-pagenation ul li a span {
	line-height: 1.4
}

.history-mv {
	position: relative;
	overflow: hidden;
	border-bottom: solid .8rem #aa4141;
	border-top: solid .8rem #aa4141
}

.history-mv-images {
	height: 60rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1
}

.history-mv-images img.object-fit-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;'
}

.history-mv-inner {
	height: 60rem;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center
}

.history-mv .history-mv-title {
	max-width: 34rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0
}

.history-intro {
	padding: 9rem 0 8rem
}

.history-intro-inner {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem
}

.history-intro-inner h3 {
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center;
	margin-bottom: 6rem;
	font-size: 3rem
}

.history-intro-inner p {
	margin-bottom: 0
}

.history-link-nav .btn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	justify-content: left;
	padding-left: 2.4rem;
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 700;
	position: relative
}

.history-link-nav .btn.menu-btn {
	width: 100%;
	z-index: 10;
	height: 6rem;
	border: solid 1px #aa4141;
	color: #aa4141;
	background: #fff;
}
.english .history-link-nav .btn.menu-btn {
	height: auto;
    padding: 1em 3em 1em 1.2em;
}
.english .history-link-nav .btn.menu-btn span{
	display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    flex: 0 0 100%;
    max-width: 100%;
}
.english .history-link-nav .btn.menu-btn span > .text-section{
  margin-right: 0;
  flex: 0 0 16px;
  max-width: 16px;
}
.english .history-link-nav .btn.menu-btn span > .text-ttl{
  flex: 0 0 calc(100% - 16px);
  flex-basis: calc(100% - 16px);
  flex-basis: calc(100% - 16px);
  max-width: calc(100% - 16px);
  padding-left: 16px;
}

.history-link-nav .btn.menu-btn::after {
	content: '';
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0 1px 1px 0
}

.history-link-nav .btn:hover:before {
	border-color: #fff
}

.history-link-nav .btn:before {
	position: absolute;
	content: '';
	top: 42%;
	right: 1.6rem;
	margin: auto 0;
	width: .8rem;
	height: .8rem;
	border-style: solid;
	border-width: .2rem .2rem 0 0;
	border-color: #aa4141;
	transform: rotate(135deg);
	transition: .3s all
}

.history-link-nav .btn span {
	line-height: 1.5
}

.history-link-nav .btn span.text-section {
	margin-right: 1em
}

.history-content-wrapper>section article:not(:last-child) {
	margin-bottom: 7rem
}

.history-content-wrapper>section article.history-read:last-of-type {
	margin-bottom: 0
}

.history-sec-title {
	position: relative;
	overflow: hidden
}

.history-sec-title .history-title-images {
	height: 50rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* z-index: -1 */
}

.history-sec-title .history-title-images img.object-fit-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;'
}

.history-sec-title .history-title-inner {
	height: 50rem;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center
}

.history-sec-title .history-title-inner h4 {
	flex: 0 0 calc(64rem + 8rem);
	max-width: calc(64rem + 8rem);
	padding: 0 4rem;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0;
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	position: relative
}

.history-sec-title .history-title-inner h4:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 54%;
	left: 50%;
	width: 0;
	height: .1rem;
	margin: 0 auto;
	background: #fff;
	transform-origin: 50% 50%;
	transform: translateX(-50%);
	transition: .2s ease .2s
}

.history-sec-title .history-title-inner h4.active:before {
	width: calc(100% - 8rem)
}

.history-sec-title .history-title-inner h4.active>span {
	transform: translateY(0);
	opacity: 1
}

.history-sec-title .history-title-inner h4.active>span.text-section span {
	opacity: 1;
	transform: translateY(0)
}

.history-sec-title .history-title-inner h4.active>span.text-ttl span {
	opacity: 1;
	transform: translateY(0)
}

.history-sec-title .history-title-inner h4>span {
	color: #fff;
	display: block;
	line-height: 1;
	overflow: hidden
}

.history-sec-title .history-title-inner h4>span.text-section {
	font-size: 4.2rem;
	margin-bottom: 5rem
}

.history-sec-title .history-title-inner h4>span.text-section span {
	display: inline-block;
	opacity: 0;
	transform: translateY(100%);
	transition: .3s cubic-bezier(.445,.05,.55,.95)
}

.history-sec-title .history-title-inner h4>span.text-ttl {
	font-size: 3rem
}

.history-sec-title .history-title-inner h4>span.text-ttl span {
	display: inline-block;
	opacity: 0;
	transform: translateY(-100%);
	transition: .3s cubic-bezier(.445,.05,.55,.95)
}

.history-content {
	position: relative;
	padding: 12rem 0
}

article.history-article {
	position: relative
}

article.history-article .row {
	margin-left: 0;
	margin-right: 0
}

article.history-article .row>div {
	padding: 0
}

.history-read {
	background-color: #fff;
	margin-bottom: 8rem
}

.history-read.text {
	padding: 1rem 1rem;
	max-width: 96rem;
	margin-left: auto;
	margin-right: auto
}

.history-read.text .history-read-inner {
	padding: 4rem 4rem 3rem 4rem;
	border: solid .1rem #ccc;
	outline: solid .1rem #ccc;
	outline-offset: 1rem
}

.history-read.table {
	max-width: 96rem;
	margin-left: auto;
	margin-right: auto
}

.history-read.table.table-black .history-table-title {
	color: #333;
	border-bottom: solid .1rem #333
}

.history-read.table.table-black .history-table-title:before {
	background-color: #333
}

.history-read.table .history-table-title {
  text-align: left;
	color: #aa4141;
	padding-bottom: .4rem;
	padding-left: 1.6rem;
	border-bottom: solid .1rem #aa4141;
	position: relative;
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 2rem
}

.history-read.table .history-table-title:before {
	content: '';
	display: block;
	height: 100%;
	width: .4rem;
	background-color: #aa4141;
	position: absolute;
	left: 0;
	top: 0
}

.history-read.table .history-read-inner {
	border: solid .1rem #ccc;
	padding: 4rem
}

.history-read.table dl {
	margin-bottom: 0;
	display: flex!important;
	flex-wrap: wrap;
    text-align: left;
}

.history-read.table dl:not(:last-child) {
	margin-bottom: 2.2rem
}

.history-read.table dl dd,.history-read.table dl dt {
	margin-bottom: 0
}

.history-read.table dl dt {
	padding-bottom: 4px
}

.history-read.history-picture {
	max-width: 96rem;
	margin-left: auto;
	margin-right: auto
}

.history-read.history-map img.object-fit-img {
	border: solid .1rem #ccc
}

.history-read.history-map .history-map-content ul {
	padding-left: 2.8rem
}

.history-read.history-map .history-map-content ul li {
	position: relative
}

.history-read.history-map .history-map-content ul li span.map-number {
	position: absolute;
	left: -2.8rem
}

.history-read.history-ecos {
	max-width: 96rem;
	margin-left: auto;
	margin-right: auto
}

.history-outline {
	height: 40rem;
	display: flex;
	align-items: center
}

.history-sec-1-1 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_01_01.jpg) no-repeat center center;
	background-size: cover
}

.history-sec-1-2 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_01_02.jpg) no-repeat center center;
	background-size: cover
}

.history-sec-1-3 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_01_03.jpg) no-repeat center center;
	background-size: cover
}

.history-sec-1-4 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_01_04.jpg) no-repeat center center;
	background-size: cover
}

.history-sec-1-5 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_01_05.jpg) no-repeat center center;
	background-size: cover
}

.history-sec-2-1 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_02_01.jpg) no-repeat center center;
	background-size: cover
}

.history-sec-3-1 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_03_01.jpg) no-repeat center center;
	background-size: cover
}

.history-sec-3-2 .history-outline {
	background: url(/cdn/shop/files/company_history_sec_bg_03_02.jpg) no-repeat center center;
	background-size: cover
}

.history-outline p {
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	color: #aa4141;
	font-size: 3rem;
	text-align: center;
	width: 100%;
	font-weight: 700;
	margin-bottom: 0
}

h5.history-article-title {
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	color: #aa4141;
	margin-bottom: 4.4rem;
	font-size: 2.8rem;
	position: relative;
	line-height: 1.4
}

h5.history-article-title sup {
	font-family: "Noto Sans JP","Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif
}

h5.history-article-title .link-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.history-article-reverse .history-aritcle-row {
	flex-direction: row-reverse
}

.history-year {
	z-index: 10
}

.history-year span {
	color: #888;
	font-weight: 700;
	display: block
}

.history-year span.year-jp {
	font-family: "suminoe jp serif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 2.4rem;
	display: block
}

.history-year span.year-number {
	font-family: Merriweather,serif;
	font-size: 10rem;
	line-height: 1
}

.history-year span small {
	font-size: 70%
}

.history-detail-inner {
	padding-top: 6rem
}

.history-detail-aside {
	border: solid .1rem #ccc;
	padding: 2.4rem;
	margin-top: 4rem
}

.history-detail-aside h6 {
	font-weight: 700;
	font-size: 1.8rem;
	margin-bottom: 1.6rem
}

.history-detail-aside p {
	margin-bottom: 0
}

.history-detail-aside p span.sub {
	display: block;
	padding: 1.8rem 0 1.8rem 4rem;
	position: relative;
	width: 23.2rem
}

.history-detail-aside p span.sub:after,.history-detail-aside p span.sub:before {
	position: absolute;
	font-size: 4.8rem;
	content: '“';
	color: #ccc;
	line-height: 1
}

.history-detail-aside p span.sub:before {
	left: 0;
	top: .8rem
}

.history-detail-aside p span.sub:after {
	right: 0;
	bottom: .8rem;
	transform: rotate(180deg)
}

.history-detail-aside ruby {
	ruby-position: over
}

.history-detail-aside ruby rt {
	font-size: 100%;
	zoom:.5}

.history-detail-images {
	margin-top: 2.4rem
}

.history-toggle-btn {
	max-width: 38rem;
	margin-left: auto;
	margin-right: auto;
    width: 100%;
}

.history-toggle-btn button {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: .3s all;
	outline: 0
}

.history-toggle-btn button.menu-btn {
	width: 100%;
	z-index: 10;
	height: 5rem;
	border: solid 1px #ccc;
	color: #333;
	background: #fff
}

.history-toggle-btn button.menu-btn::after {
	content: '';
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0 1px 1px 0
}

.history-toggle-btn button:after {
	border-color: #dee2e6
}

.history-toggle-btn button span.toggle-plus {
	position: absolute;
	display: inline-block;
	top: 1rem;
	right: 1.6rem;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	cursor: pointer;
	transition: .3s all
}

.history-toggle-btn button span.toggle-plus:after,.history-toggle-btn button span.toggle-plus:before {
	content: '';
	display: inline-block;
	position: absolute;
	height: .2rem;
	width: 1.6rem;
	top: 50%;
	left: 50%;
	margin-top: -.1rem;
	margin-left: -.8rem;
	background: #333;
	transition: .5s all
}

.history-toggle-btn button span.toggle-plus:after {
	transform: rotate(90deg)
}

.history-toggle-btn.is-opened button span.toggle-plus:before {
	opacity: 0
}

.history-toggle-btn.is-opened button span.toggle-plus:after {
	transform: rotate(180deg)
}

.home .site-wrapper {
	overflow: hidden
}

.home article {
	padding: 8rem 0
}

.home article.bg {
	background: #f0f1f3
}

.home .news-list-wrapper {
	position: relative;
	z-index: 100
}

.home .news-list-wrapper .index-message {
	margin-bottom: 5rem;
	padding: 2em;
	border: 1px solid #adb5bd;
	text-align: center
}

.home .news-list-wrapper .index-message>p {
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 1.75
}

.home .news-list-wrapper section {
	position: relative;
	margin-bottom: 8rem
}

.home .news-list-wrapper section:last-of-type {
	margin-bottom: 0
}

.home .news-list-wrapper h2.news-ttl {
	font-size: 4.8rem;
	font-family: Roboto,sans-serif;
	font-weight: 700;
	line-height: 1.4;
	padding-top: 12px;
	padding-bottom: 24px;
	margin-bottom: 48px
}

.home .news-list-wrapper h2.news-ttl::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 4px;
	background: #dc000c
}

.home .news-list-wrapper .link-btn {
	margin-top: 32px
}

.home .news-list-wrapper .news-list dl {
	border-bottom: 1px solid #adb5bd
}

.home .business-product .slider-wrapper {
	position: relative;
	margin: 0 auto;
	text-align: left
}

.home .business-product .slider-wrapper .swiper-container {
	max-width: 1200px;
	margin: 0
}

.home .business-product .slider-wrapper .swiper-slide {
	position: relative
}

.home .business-product .slider-wrapper .swiper-slide::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4)
}

.home .business-product .slider-wrapper .swiper-slide .circle {
	position: absolute;
	top: 50%;
	left: 8%;
	height: 70%;
	width: auto;
	max-width: 100%;
	transform: translateY(-50%)
}

.home .business-product .slider-controller {
	position: absolute;
	top: 50%;
	left: auto;
	right: 40px;
	width: 40%;
	max-width: 570px;
	transform: translateY(-50%);
	z-index: 1
}

.home .business-product .slider-controller li {
	position: relative;
	padding: 1em 2.5em;
	padding-right: 7rem;
	font-size: 1.8rem;
	text-align: left;
	background: #f0f1f3;
	border-left: 8px solid transparent;
	cursor: pointer;
	outline: 0
}

.home .business-product .slider-controller li:nth-of-type(even) {
	background: #fff
}

.home .business-product .slider-controller li::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 3rem;
	width: .8em;
	height: .8em;
	border: 2px solid;
	border-color: #333 #333 transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1
}

.home .business-product .slider-controller li.active,.home .business-product .slider-controller li:hover {
	border-left: 8px solid #dc000c
}

.home .business-product .slider-controller li.active::before,.home .business-product .slider-controller li:hover::before {
	border-color: #fff #fff transparent transparent
}

.home .business-product .slider-controller li.active::after,.home .business-product .slider-controller li:hover::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 6rem;
	background: #dc000c
}

.home .business-product .slider-controller a {
	display: block;
	color: #333
}

.home .business-product .slider-controller a:hover {
	text-decoration: none
}

.home .research-technology {
	position: relative;
	padding: 12rem 0 10rem;
	background: url(../img/index/bg_research.jpg) 0 0 no-repeat;
	background-size: cover
}

.home .research-technology::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.55)
}

.home .research-technology ul.row li {
	position: relative
}

.home .research-technology dl {
	margin: 0 auto;
	text-align: center
}

.home .research-technology dl dt {
	position: relative;
	padding: 0 0 .8em;
	font-size: 2.4rem;
	font-weight: 700
}

.home .research-technology dl dt::after {
	content: '';
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 50%;
	width: 2.5em;
	height: 2px;
	background: #fff;
	transform: translateX(-50%)
}

.home .research-technology dl dd {
	padding-bottom: 60px
}

.home .research-technology dl dd p {
	margin: 1.5em auto;
	text-align: left
}

.home .research-technology dl dd>.link-btn {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%)
}

.home .company-information ul.row {
	margin: -.5em;
	margin-bottom: 3.5em
}

.home .company-information ul.row li.box {
	padding: .5em;
	text-align: center
}

.home .company-information ul.row li.box>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 2em 1.5em 1.5em;
	color: #333;
	background: #f0f1f3
}

.home .company-information ul.row li.box>a:hover {
	text-decoration: none
}

.home .company-information ul.row li.box>a dl {
	margin: 0 auto
}

.home .company-information ul.row li.box>a dl dt {
	margin: 2rem auto;
	font-size: 1.6rem
}

.home .company-information ul.row li.box>a dl dd {
	margin: 0 auto;
	text-align: left
}

.home .company-information span[class^=icon-] {
	position: relative;
	display: inline-block;
	width: 12rem;
	height: 12rem;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid #dc000c;
	transition: .3s all
}

.home .company-information span[class^=icon-]::before {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 6rem;
	line-height: 1;
	color: #dc000c;
	transform: translate(-50%,-50%)
}

.home .company-information nav ul.row {
	margin-top: 0;
	margin-bottom: 0
}

.home .company-information nav ul.row li {
	margin-bottom: 3.5rem
}

.home .company-information nav ul.row li:last-of-type {
	margin-bottom: 0
}

.home .recruiting {
	padding: 0;
	position: relative
}

.home .recruiting .recruit-img {
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1
}

.home .recruiting .object-fit-img {
	width: 100%;
	height: 400px;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.home .recruiting .recruit-content {
	height: 400px;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 64px 0
}

.home .recruiting .recruit-content>* {
	flex: 0 0 100%;
	max-width: 100%
}

.home .recruiting .recruit-content h2 {
	max-width: 800px;
	margin: 0 auto
}

.home .recruiting h2.section-ttl {
	font-size: 4rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.4em;
	font-family: Roboto,sans-serif;
	text-align: center;
	color: #fff
}

.group .swiper-custom-parent {
	position: relative;
	margin: 8rem auto 12rem
}

.group .swiper-container {
	max-width: 1040px
}

.group .swiper-button-next,.group .swiper-button-prev {
	outline: 0
}

.group .swiper-button-next,.group .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23aaaaaa'%2F%3E%3C%2Fsvg%3E");
	right: 0
}

.group .swiper-button-prev,.group .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23aaaaaa'%2F%3E%3C%2Fsvg%3E");
	left: 0
}

.group .swiper-pagination {
	width: 100%;
	margin-top: 3rem;
	left: 0
}

.group .swiper-pagination .swiper-pagination-bullet {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 .5em;
	outline: 0
}

.group .swiper-pagination .swiper-pagination-bullet-active {
	background: #dc000c
}

.home .banner {
	padding: 8rem 0 6rem;
	text-align: center
}

.home .banner hr {
	margin: 7rem 0;
	border-top: 1px solid #ccc
}

.home .banner .row {
	margin: -.5em
}

.home .banner .row li {
	padding: .5em
}

.home .banner a:hover {
	opacity: .8
}

.home .banner ul.bnr-l img {
	border: 1px solid #ddd
}

.home .banner ul.bnr-s li {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
	padding: 0;
	border: 1px solid #ddd
}

.home .banner ul.bnr-s li a img {
	width: 100%
}

.home .banner ul.bnr-s a {
	display: block
}

.index-title {
	position: relative;
	max-width: 800px;
	margin: 2rem auto 4rem;
	padding: 0;
	text-align: center;
	font-size: 4.2rem;
	line-height: 1.4em
}

.index-title::before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 1.7em;
	left: 50%;
	width: 0;
	height: 1px;
	margin: 0 auto;
	background: #dc000c;
	transform-origin: 50% 50%;
	transform: translateX(-50%);
	transition: .2s ease .2s
}

.index-title .ttl-text-jp {
	margin: 0 auto;
	overflow: hidden
}

.index-title .ttl-text-jp>span {
	display: inline-block;
	opacity: 0;
	transform: translateY(100%);
	transition: .3s cubic-bezier(.445,.05,.55,.95) .5s
}

.index-title .ttl-text-en {
	margin: 0 auto;
	overflow: hidden
}

.index-title .ttl-text-en>span {
	display: inline-block;
	padding-top: .5em;
	font-size: 2.4rem;
	font-family: Roboto,sans-serif;
	opacity: 0;
	transform: translateY(-100%);
	transition: .3s cubic-bezier(.445,.05,.55,.95) .5s
}

.index-title.active::before {
	width: 100%
}

.index-title.active .ttl-text-jp>span {
	opacity: 1;
	transform: translateY(0)
}

.index-title.active .ttl-text-en>span {
	opacity: 1;
	transform: translateY(0)
}

.color-white {
	color: #fff
}

.color-white .link-btn {
	color: #fff;
	border: 1px solid #fff
}

.color-white .link-btn:hover::after {
	border-color: #333 #333 transparent transparent
}

.color-white .link-btn::before {
	background: #fff
}

.color-white .link-btn::after {
	border-color: #fff #fff transparent transparent
}

.color-white .index-title::before {
	background: #fff
}

.home-main.index .content-inner .row {
	justify-content: center
}

.ir h3.ttl-ordered {
	padding-left: 4.5rem;
	font-size: 2.4rem
}

.ir h3.ttl-ordered::before {
	width: 3.2rem;
	font-size: 1.8rem;
	line-height: 3.2rem;
	text-align: center;
	border: 1px solid #333;
	background: 0 0;
	padding-bottom: 3.2rem;
	line-height: 1.7
}

.ir section:nth-of-type(1)>h3.ttl-ordered::before {
	content: "1"
}

.ir section:nth-of-type(2)>h3.ttl-ordered::before {
	content: "2"
}

.ir section:nth-of-type(3)>h3.ttl-ordered::before {
	content: "3"
}

.ir section:nth-of-type(4)>h3.ttl-ordered::before {
	content: "4"
}

.ir section:nth-of-type(5)>h3.ttl-ordered::before {
	content: "5"
}

.ir section:nth-of-type(6)>h3.ttl-ordered::before {
	content: "6"
}

.ir section:nth-of-type(7)>h3.ttl-ordered::before {
	content: "7"
}

.ir section:nth-of-type(8)>h3.ttl-ordered::before {
	content: "8"
}

.ir section:nth-of-type(9)>h3.ttl-ordered::before {
	content: "9"
}

.ir section:nth-of-type(10)>h3.ttl-ordered::before {
	content: "10"
}

.ir section:nth-of-type(11)>h3.ttl-ordered::before {
	content: "11"
}

.ir section:nth-of-type(12)>h3.ttl-ordered::before {
	content: "12"
}

.ir section:nth-of-type(13)>h3.ttl-ordered::before {
	content: "13"
}

.ir section:nth-of-type(14)>h3.ttl-ordered::before {
	content: "14"
}

.ir section:nth-of-type(15)>h3.ttl-ordered::before {
	content: "15"
}

.ir section:nth-of-type(16)>h3.ttl-ordered::before {
	content: "16"
}

.ir section:nth-of-type(17)>h3.ttl-ordered::before {
	content: "17"
}

.ir section:nth-of-type(18)>h3.ttl-ordered::before {
	content: "18"
}

.ir section:nth-of-type(19)>h3.ttl-ordered::before {
	content: "19"
}

.ir section:nth-of-type(20)>h3.ttl-ordered::before {
	content: "20"
}

.ir section {
	padding-top: 8rem
}

.ir section p {
	text-align: left;
	margin-bottom: 0
}

.ir section:first-of-type {
	padding-top: 0
}

.ir .news-list {
	padding-bottom: 4rem
}

.ir .news-list dl {
	padding: 0
}

.ir .news-list dl dd,.ir .news-list dl dt {
	padding: 1.25em 0
}

.ir .news-list dl dt {
	flex: 0 0 12rem;
	max-width: 12rem
}

.ir .news-list dl dd {
	flex: 0 0 calc(100% - 12rem);
	flex-basis: calc(100% - 12rem);
	max-width: calc(100% - 12rem)
}

.ir .ir-list ul li {
	padding: 1.5em 0 1em;
	border-bottom: 1px solid #ced4da
}

.ir .ir-list ul li a {
	color: #333
}

.ir .ir-list ul li .icon-pdf::before {
	display: inline-block;
	margin-left: .2em;
	font-size: 1.8rem;
	color: #dc000c;
	vertical-align: middle
}

.ir .banner {
	padding-top: 24px
}

.ir .banner li {
	margin-bottom: 3rem
}

.ir .banner li a {
	display: block
}

.ir .note {
	padding-left: 1.5em
}

.ir .note::before {
	content: '※';
	display: inline-block;
	text-indent: -1.35em;
	color: #dc000c
}

.ir .note.black::before {
	color: #333
}

.ir .note ol {
	margin-top: -2.4rem;
	margin-left: -8px
}

.ir .image-wrapper {
	text-align: center
}

.ir .graph {
	display: inline-block;
	margin: 0 auto 1rem
}

.ir .graph>figcaption {
	text-align: left;
	margin-bottom: 1em
}

.ir .table {
	position: relative
}

.ir .table tbody tr.bb td,.ir .table tbody tr.bb th {
	position: relative;
	height: 100%
}

.ir .table tbody tr.bb td::after,.ir .table tbody tr.bb th::after {
	content: '';
	width: calc(100% + 2px);
	height: 1px;
	background: #ced4da;
	position: absolute;
	left: -1px;
	bottom: 0;
	z-index: 10
}

.ir .table tbody tr.bb th::after {
	width: calc(100% + 1px);
	left: 0
}

.ir .table tbody tr.bb td:last-of-type::after {
	width: calc(100% + 1px)
}

.ir .table tbody tr.sub-item td,.ir .table tbody tr.sub-item th {
	font-size: .8625em;
	border-top: none;
	padding-top: 0
}

.ir .table tbody tr.sub-item th {
	text-indent: 1em
}

.ir .table-type1 {
	border-collapse: separate;
	border-spacing: 20px 0
}

.ir .table-type1 colgroup.name {
	width: 25em
}

.ir .table-type1 td,.ir .table-type1 th {
	padding: 1em;
	vertical-align: middle;
	border-color: #ced4da;
	border-left: none;
	border-right: none
}

.ir .table-type1 thead th {
	text-align: center;
	border-top: 1px solid #61676d;
	border-bottom: 1px solid #61676d
}

.ir .table-type1 tbody>tr:first-child>td,.ir .table-type1 tbody>tr:first-child>th {
	border-top: none
}

.ir .table-type1 tbody>tr:last-child>td,.ir .table-type1 tbody>tr:last-child>th {
	border-bottom: 1px solid #ced4da
}

.ir .table-type1 tbody td,.ir .table-type1 tbody th {
	border-bottom: none
}

.ir .table-type2 {
	text-align: left;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333
}

.ir .table-type2 thead th {
	text-align: center;
	border-bottom: 1px solid #61676d
}

.ir .table-type2 thead th:not(:first-of-type) {
	background: 0 0
}

.ir .table-type2 th {
	background: #f0f1f3
}

.ir .table-type3 {
	max-width: 800px;
	width: 100%;
	margin: 6rem auto 0;
	position: relative
}

.ir .table-type3::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #333;
	width: 100%;
	height: 2px;
	z-index: 2
}

.ir .table-type3 col,.ir .table-type3 colgroup {
	border: 2px solid #fff
}

.ir .table-type3 col:last-of-type,.ir .table-type3 colgroup:last-of-type {
	border-right: none
}

.ir .table-type3>colgroup:nth-of-type(2n) {
	background: #f7f7f7
}

.ir .table-type3>colgroup:nth-of-type(2n-1) {
	background: #f0f0f0
}

.ir .table-type3>colgroup:nth-of-type(1) {
	background: #fff
}

.ir .table-type3 td,.ir .table-type3 th {
	font-weight: 400;
	vertical-align: middle;
	border: none
}

.ir .table-type3 td .small,.ir .table-type3 th .small {
	font-size: 1.2rem
}

.ir .table-type3 th.caption {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	background: #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	padding: .8em 0 .8em 1em;
	text-indent: -.45em
}

.ir .table-type3 th.caption>span {
	padding-left: .45em
}

.ir .table-type3 thead th:not(:first-of-type) {
	border-bottom: 2px solid #fff
}

.ir .table-type3 thead tr:first-of-type td {
	text-align: left;
	border-top: none;
	border-bottom: 2px solid #333
}

.ir .table-type3 thead tr:first-of-type td:last-of-type {
	border-right: none
}

.ir .table-type3 thead tr:first-of-type th {
	border-top: none;
	border-bottom: 2px solid #333
}

.ir .table-type3 thead tr:not(:first-of-type) td,.ir .table-type3 thead tr:not(:first-of-type) th {
	border-right: 1px solid #f0f0f0
}

.ir .table-type3 thead tr:last-of-type th {
	border-bottom: none
}

.ir .table-type3 tbody tr:first-of-type td,.ir .table-type3 tbody tr:first-of-type th {
	border-top: 2px solid #333
}

.ir .table-type3 tbody tr td:last-of-type {
	border-right: 1px solid #f0f0f0
}

.ir .table-type3 tbody th {
	text-align: left
}

.ir .table-type3.table-responsive-vertical th.caption {
	text-align: center;
	border-left: 2px solid #333
}

.ir .table-type3.table-responsive-vertical tbody tr td:last-of-type {
	border-right: 1px solid #f7f7f7
}

.ir .table-type3.table-responsive-vertical tbody tr:last-of-type td {
	border-top: 2px solid #fff
}

.ir .table-type3 .border_orange_t {
	position: relative
}

.ir .table-type3 .border_orange_t::before {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 102%;
	height: 3px;
	content: '';
	background: #dd5d0e;
	z-index: 15
}

.ir .table-type3 .border_orange_r {
	border-right: 3px solid #dd5d0e!important
}

.ir .table-type3 .border_orange_b {
	position: relative
}

.ir .table-type3 .border_orange_b::before {
	position: absolute;
	bottom: -2px;
	left: -2px;
	width: 102%;
	height: 3px;
	content: '';
	background: #dd5d0e;
	z-index: 15
}

.ir .table-type3 .border_orange_b2 {
	border-bottom: 3px solid #dd5d0e
}

.ir .table-type3 .border_orange_b2 th {
	background: 0 0
}

.ir .table-type3 .border_orange_b5 {
	position: relative
}

.ir .table-type3 .border_orange_b5::before {
	position: absolute;
	bottom: -2px;
	left: -2px;
	width: 102%;
	height: 3px;
	content: '';
	background: #dd5d0e;
	z-index: 15
}

.ir .table-type3 .border_orange_l {
	border-left: 3px solid #dd5d0e!important
}

.ir .table-type3 .unit {
	background: #fff!important
}

.ir.ir-policy-strategy .table-type3 thead th {
	border-bottom: 2px solid #fff
}

.ir .cont-responsive::-webkit-scrollbar {
	height: 1.3rem
}

.ir .cont-responsive::-webkit-scrollbar-track {
	border-radius: 0;
	border: 1px solid #ced4da;
	box-shadow: none
}

.ir .cont-responsive::-webkit-scrollbar-thumb {
	background-color: #666;
	border-radius: 0;
	box-shadow: none
}

.ir ul.list-circle {
	padding-bottom: 0
}

.ir ul.list-circle li:not(:last-child) {
	padding-bottom: 1.2rem
}

.ir ul.list-circle li::before {
	content: '\f006';
	font-family: suminoe-icon!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: normal;
	font-weight: 400!important;
	line-height: 1;
	margin-right: .6rem;
	vertical-align: -.1rem
}

.ir ul.list-circle li.txtimpact span {
	color: #dc000c;
	font-weight: 700
}

.ir .bnr-link-benefit {
	width: 100%
}

.ir .bnr-link-benefit p {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #dc000c
}

.ir .bnr-link-benefit p a {
	display: block;
	position: relative;
	width: 100%;
	padding: 2rem 0;
	transition: .3s opacity
}

.ir .bnr-link-benefit p a:before {
	content: '';
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
	background: #dc000c;
	z-index: -1;
	transition: all .3s
}

.ir .bnr-link-benefit p a:after {
	content: '';
	position: absolute;
	top: 46%;
	right: 2rem;
	width: .6em;
	height: .6em;
	background: 0 0;
	border: 2px solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	z-index: 1
}

.ir .bnr-link-benefit p a:hover {
	text-decoration: none;
	opacity: .7
}

.ir .bnr-link-benefit p a br {
	display: none
}

.ir-calendar h3 {
	margin-bottom: 4rem
}

.ir-calendar .table {
	margin: 8rem auto 0;
	border-bottom: 1px solid #ced4da
}

.ir-calendar .table th {
	padding: 1em .5em;
	text-align: center;
	font-weight: 400;
	vertical-align: middle;
	border-color: #ced4da;
	border-right: 1px solid #ced4da;
	border-left: none;
	width: 25%
}

.ir-calendar .table td {
	padding: 1em 3em;
	text-align: left;
	vertical-align: middle;
	border-color: #ced4da;
	border-right: none;
	width: 75%
}

.ir-calendar .table .table-active>td,.ir-calendar .table .table-active>th {
	background: #f0f1f3
}

.ir-stock-information section>.row section {
	margin-bottom: 4rem;
	padding: 0
}

.ir-stock-information h3 {
	margin-bottom: 4rem
}

.ir-stock-information h4 {
	margin-bottom: 4rem;
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: 2.1rem;
	background: #f0f1f3
}

.ir-stock-information h5 {
	font-size: 1.8rem;
	text-align: left
}

.ir-stock-information .font-large {
	font-size: 1.8rem
}

.ir-stock-information .table {
	margin-bottom: 0
}

.ir-stock-information .table caption {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: left;
	color: #333;
	caption-side: top
}

.ir-stock-information .table tbody th {
	font-weight: 400;
	text-align: left
}

.ir-stock-information .table td,.ir-stock-information .table th {
	padding: 1em;
	vertical-align: middle;
	border-color: #ced4da;
	border-left: none;
	border-right: none
}

.ir-stock-information .table dd,.ir-stock-information .table dl {
	margin-bottom: 0
}

.ir-stock-information .major-stockholder .note {
	padding-left: 4rem
}

.ir-stock-information .contact-info {
	margin-top: 4rem;
	padding: 3rem;
	padding-bottom: 24px;
	background: #f0f1f3
}

.ir-stock-information .contact-info>dl>dt {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0 -.25em 16px
}

.ir-stock-information .contact-info>dl>dt>span {
	display: inline-block;
	padding: 0 .25em
}

.ir-stock-information .contact-info>dl>dd table {
	margin: 0 auto
}

.ir-stock-information .contact-info>dl>dd table td,.ir-stock-information .contact-info>dl>dd table th {
	padding: 1rem 0 8px;
	line-height: 1.5
}

.ir-stock-information .contact-info>dl>dd table td span,.ir-stock-information .contact-info>dl>dd table th span {
	display: inline-block
}

.ir-stock-information .contact-info>dl>dd table th {
	padding-right: 3rem;
	font-weight: 400;
	text-align: right;
	vertical-align: top
}

.ir-stock-information .contact-info>dl>dd table td {
	text-align: left
}

.ir-highlight figure.graph {
	display: block
}

.ir-highlight figure.graph figcaption {
	position: absolute;
	top: 3.2rem;
	left: 15px
}

.ir-highlight .graph-wrapper section {
	position: relative
}

.ir-highlight .graph-wrapper .sales .graph {
	margin-top: -5%
}

.ir-highlight .graph-wrapper .net-assets .graph,.ir-highlight .graph-wrapper .total-assets .graph {
	padding-top: 24px
}

.ir-highlight .graph-wrapper>div {
	margin-bottom: 64px
}

.ir-highlight .table-responsive p {
	max-width: 800px;
	margin: 0 auto
}

.ir-highlight .table thead tr:not(:first-of-type) th {
	padding-left: 0;
	padding-right: 0
}

.ir-highlight .table thead tr:not(:first-of-type) td,.ir-highlight .table thead tr:not(:first-of-type) th {
	border-right: 1px solid #f7f7f7
}

.ir-highlight .table tbody tr td:last-of-type {
	border-right: 1px solid #f7f7f7
}

.ir-highlight .business-results .table {
	margin-top: 0
}

.ir-highlight .business-results .table colgroup.label {
	width: 12em
}

.ir-highlight .business-results .table thead tr:not(:first-of-type) td,.ir-highlight .business-results .table thead tr:not(:first-of-type) th {
	border-right: 1px solid #f0f0f0
}

.ir-highlight .business-results .table tbody tr td:last-of-type {
	border-right: 1px solid #f0f0f0
}

.ir-highlight .business-results .table th.yoy {
	border-bottom: 2px solid #333!important
}

.ir-highlight .segment-business-results .table colgroup.label {
	width: 9.5em
}

.ir-highlight .segment-business-results .image-wrapper {
	position: relative;
	padding-top: 40px
}

.ir-highlight .segment-business-results .image-wrapper figcaption {
	top: 0
}

.ir-highlight .aria-business-results .table colgroup.label {
	width: 8em
}

.ir-highlight .aria-business-results .image-wrapper {
	position: relative;
	padding-top: 40px
}

.ir-highlight .aria-business-results .image-wrapper figcaption {
	top: 0
}

.ir-highlight .management-indicator .table {
	margin-top: 0
}

.ir-highlight .management-indicator .table colgroup.label {
	width: 16em
}

.ir-highlight .management-indicator tbody th {
	padding-right: 0
}

.ir-highlight .management-indicator .note {
	max-width: 800px;
	margin: 0 auto
}

.ir-policy-strategy .box,.ir-strategy .box {
	margin-top: 4rem;
	padding: 1.5em 1.5em 1.1em 1.5em;
	border: 1px solid #ced4da;
	border-radius: 5px
}

.ir-policy-strategy .box.row,.ir-strategy .box.row {
	margin-top: 0;
	padding: 0;
	border: none
}

.ir-policy-strategy .box.row>li,.ir-strategy .box.row>li {
	margin-top: 4rem;
	list-style: none
}

.ir-policy-strategy .box.row>li>div,.ir-policy-strategy .box.row>li>li,.ir-strategy .box.row>li>div,.ir-strategy .box.row>li>li {
	height: 100%;
	padding: 1.5em;
	border: 1px solid #ced4da;
	border-radius: 5px
}

.ir-policy-strategy .box.row>li h4,.ir-strategy .box.row>li h4 {
	margin-bottom: .6em;
	padding: 0 0 .6em;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.4;
	border-bottom: 1px solid #dc000c
}

.ir-policy-strategy ol.box li,.ir-strategy ol.box li {
	list-style: none
}

.ir-policy-strategy ol.box.row li:nth-of-type(1) h4::before,.ir-strategy ol.box.row li:nth-of-type(1) h4::before {
	content: "1.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(2) h4::before,.ir-strategy ol.box.row li:nth-of-type(2) h4::before {
	content: "2.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(3) h4::before,.ir-strategy ol.box.row li:nth-of-type(3) h4::before {
	content: "3.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(4) h4::before,.ir-strategy ol.box.row li:nth-of-type(4) h4::before {
	content: "4.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(5) h4::before,.ir-strategy ol.box.row li:nth-of-type(5) h4::before {
	content: "5.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(6) h4::before,.ir-strategy ol.box.row li:nth-of-type(6) h4::before {
	content: "6.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(7) h4::before,.ir-strategy ol.box.row li:nth-of-type(7) h4::before {
	content: "7.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(8) h4::before,.ir-strategy ol.box.row li:nth-of-type(8) h4::before {
	content: "8.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(9) h4::before,.ir-strategy ol.box.row li:nth-of-type(9) h4::before {
	content: "9.";
	display: inline-block
}

.ir-policy-strategy ol.box.row li:nth-of-type(10) h4::before,.ir-strategy ol.box.row li:nth-of-type(10) h4::before {
	content: "10.";
	display: inline-block
}

.ir-policy-strategy .row .col-md-6 .table-type3,.ir-strategy .row .col-md-6 .table-type3 {
	width: 560px
}

.ir-policy-strategy ul.list-theme,.ir-strategy ul.list-theme {
	font-size: 1.8rem
}

.ir-policy-strategy ul.list-theme li,.ir-strategy ul.list-theme li {
	font-weight: 700
}

.ir-policy-strategy ul.list-theme li::before,.ir-strategy ul.list-theme li::before {
	color: #dc000c;
	margin-right: .5em;
	vertical-align: -.2rem
}

.ir-policy-strategy .bold,.ir-strategy .bold {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 1.2rem
}

.ir-policy-strategy .bg,.ir-strategy .bg {
	background: #f0f1f3
}

.ir-policy-strategy .linking-object .table colgroup.label,.ir-strategy .linking-object .table colgroup.label {
	width: 10em
}

.ir-policy-strategy .graph.sgw1,.ir-strategy .graph.sgw1 {
	max-width: 1000px
}

.ir-policy-strategy .graph.sgw2,.ir-strategy .graph.sgw2 {
	max-width: 700px
}

.ir-policy-strategy .graph.sgw3,.ir-strategy .graph.sgw3 {
	max-width: 100%
}

.ir-policy-strategy .graph.sgw4,.ir-strategy .graph.sgw4 {
	max-width: 1110px
}

.en-ir-strategy figure,.ir-policy-strategy figure {
	max-width: 800px;
	display: block
}

.en-ir-strategy .figure-mb0 figure,.ir-policy-strategy .figure-mb0 figure {
	margin: 0
}

.en-ir-strategy .investment-plan-list,.ir-policy-strategy .investment-plan-list {
	margin-bottom: 0;
	padding-left: 2.5em;
	padding-top: 4px;
	display: flex!important;
	flex-wrap: wrap
}

.en-ir-strategy .investment-plan-list dt,.ir-policy-strategy .investment-plan-list dt {
	flex: 0 0 8em;
	max-width: 8em;
	margin-bottom: 4px;
	font-weight: 400
}

.en-ir-strategy .investment-plan-list dd,.ir-policy-strategy .investment-plan-list dd {
	flex: 0 0 calc(100% - 8em);
	flex-basis: calc(100% - 8em);
	max-width: calc(100% - 8em);
	margin-bottom: 4px
}

.en-ir-strategy .logo-sgw,.ir-policy-strategy .logo-sgw {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin: 0
}

.en-ir-strategy .logo-sgw img,.ir-policy-strategy .logo-sgw img {
	width: 35%;
	margin: 0 15px
}

.en-ir-strategy .caution,.ir-policy-strategy .caution {
	max-width: 800px;
	margin: 0 auto
}

.en-ir-strategy .strengths .border-wrapper,.ir-policy-strategy .strengths .border-wrapper {
	padding: 1.5em;
	border: 1px solid #ced4da;
	border-radius: 5px
}

.en-ir-strategy .strengths .border-wrapper h4,.ir-policy-strategy .strengths .border-wrapper h4 {
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-bottom: .6em;
	padding: 0 0 .6em;
	border-bottom: 1px solid #dc000c
}

.en-ir-strategy .strengths:not(:last-of-type),.ir-policy-strategy .strengths:not(:last-of-type) {
	margin-bottom: 30px
}

.en-ir-strategy .strengths_bg .border-wrapper,.ir-policy-strategy .strengths_bg .border-wrapper {
	background: #ffccad;
	border: none
}

.en-ir-strategy .interior-box,.ir-policy-strategy .interior-box {
	margin: 50px -40px!important
}

.en-ir-strategy .interior-box dl,.ir-policy-strategy .interior-box dl {
	display: flex;
	justify-content: space-between
}

.en-ir-strategy .interior-box dl dt,.ir-policy-strategy .interior-box dl dt {
	width: 40%;
	padding-right: 5%
}

.en-ir-strategy .interior-box dl dd,.ir-policy-strategy .interior-box dl dd {
	width: 60%
}

.en-ir-strategy .material-box,.ir-policy-strategy .material-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px
}

.en-ir-strategy .material-box-inner,.ir-policy-strategy .material-box-inner {
	width: 48%
}

.en-ir-strategy .all-box div,.ir-policy-strategy .all-box div {
	margin-bottom: 30px
}

.en-ir-strategy .all-box div .border,.ir-policy-strategy .all-box div .border {
	padding-bottom: 2.2rem
}

.en-ir-strategy .ir-activities-tech-strategy,.ir-policy-strategy .ir-activities-tech-strategy {
	margin-bottom: 5px
}

.en-ir-strategy .development-box .col-12.strengths .border-wrapper,.ir-policy-strategy .development-box .col-12.strengths .border-wrapper {
	width: 50%
}

.en-ir-strategy .development-box figcaption,.ir-policy-strategy .development-box figcaption {
	font-weight: 700;
	text-align: center
}

.en-ir-strategy .de-box,.ir-policy-strategy .de-box {
	max-width: 800px;
	margin: 0 auto
}

.en-ir-strategy .de-box dl,.ir-policy-strategy .de-box dl {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.en-ir-strategy .de-box dl dt,.ir-policy-strategy .de-box dl dt {
	font-weight: 400;
	padding-right: 10px
}

.en-ir-strategy .de-box dl dd span,.ir-policy-strategy .de-box dl dd span {
	display: block
}

.en-ir-strategy .de-box dl dd span:first-of-type,.ir-policy-strategy .de-box dl dd span:first-of-type {
	padding-bottom: 5px;
	border-bottom: 1px solid #000
}

.en-ir-strategy .de-box dl dd span:last-of-type,.ir-policy-strategy .de-box dl dd span:last-of-type {
	padding-top: 5px
}

.en-ir-strategy .t-right,.ir-policy-strategy .t-right {
	text-align: right
}

.en-ir-strategy .co2-box,.ir-policy-strategy .co2-box {
	display: flex;
	justify-content: space-between;
	max-width: 700px
}

.en-ir-strategy .co2-box dt,.ir-policy-strategy .co2-box dt {
	order: 1;
	width: 58%;
	padding-left: 2%
}

.en-ir-strategy .co2-box dd,.ir-policy-strategy .co2-box dd {
	order: 0;
	width: 42%
}

.en-ir-strategy .sumitron-box,.ir-policy-strategy .sumitron-box {
	padding: 10px;
	background: #f9e8d5;
	border: 1px solid #e3923d
}

.en-ir-strategy .social-box ol>li:nth-of-type(-n+2),.ir-policy-strategy .social-box ol>li:nth-of-type(-n+2) {
	margin-top: 0
}

.en-ir-strategy .nara-box,.ir-policy-strategy .nara-box {
	display: flex;
	justify-content: space-between;
	margin: 30px 0 50px
}

.en-ir-strategy .nara-box dt,.ir-policy-strategy .nara-box dt {
	order: 1;
	width: 40%;
	padding-left: 5%
}

.en-ir-strategy .nara-box dd,.ir-policy-strategy .nara-box dd {
	order: 0;
	width: 60%
}

.en-ir-strategy .nara-box dd p,.ir-policy-strategy .nara-box dd p {
	margin-bottom: 20px
}

.en-ir-strategy .assignment-box,.ir-policy-strategy .assignment-box {
	display: flex;
	justify-content: space-between;
	max-width: 800px;
	margin: 30px 0 50px;
	padding: 1.5em;
	border: 1px solid #ced4da;
	border-radius: 5px
}

.en-ir-strategy .assignment-box dt,.ir-policy-strategy .assignment-box dt {
	order: 1;
	width: 55%;
	padding-left: 5%
}

.en-ir-strategy .assignment-box dd,.ir-policy-strategy .assignment-box dd {
	order: 0;
	width: 45%
}

.en-ir-strategy .assignment-box dd p,.ir-policy-strategy .assignment-box dd p {
	margin-bottom: 20px
}

.en-ir-strategy .strengthen-box,.ir-policy-strategy .strengthen-box {
	padding: 20px;
	background: #f9e8d5;
	border: 1px solid #e3923d
}

.en-ir-strategy .strengthen-box .list-circle,.ir-policy-strategy .strengthen-box .list-circle {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

.en-ir-strategy .strengthen-box .list-circle li,.ir-policy-strategy .strengthen-box .list-circle li {
	width: 33.3%;
	font-weight: 700
}

.en-ir-strategy .strengthen-box .strengthen-plus,.ir-policy-strategy .strengthen-box .strengthen-plus {
	display: block;
	vertical-align: middle;
	color: #dc000c;
	line-height: 1.8;
	width: 2em;
	height: .2em;
	margin: 25px auto 35px;
	background: currentColor;
	position: relative
}

.en-ir-strategy .strengthen-box .strengthen-plus:before,.ir-policy-strategy .strengthen-box .strengthen-plus:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	transform: rotate(90deg)
}

.en-ir-strategy .strengthen-box .newtxt,.ir-policy-strategy .strengthen-box .newtxt {
	font-size: 1.8rem;
	color: #dc000c;
	font-weight: 700;
	text-align: center;
	line-height: 1.8
}

.en-ir-strategy .strengthen-box .newtxt>span,.ir-policy-strategy .strengthen-box .newtxt>span {
	display: inline-block;
	margin-bottom: 10px;
	padding: .5em;
	font-size: 1.6rem;
	color: #fff;
	background: #dc000c;
	line-height: 1
}

.en-ir-strategy .capitalcost-box,.ir-policy-strategy .capitalcost-box {
	padding: 20px;
	background: #eaf1f9;
	border: 1px solid #adc5db
}

.en-ir-strategy .capitalcost-box .list-circle,.ir-policy-strategy .capitalcost-box .list-circle {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

.en-ir-strategy .capitalcost-box .list-circle li,.ir-policy-strategy .capitalcost-box .list-circle li {
	width: 50%
}

.en-ir-strategy .meeting-box,.ir-policy-strategy .meeting-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	padding: 0 20px;
	max-width: 90%;
	border: solid 1px #0d357f
}

.en-ir-strategy .meeting-box dt,.ir-policy-strategy .meeting-box dt {
	width: 55%;
	text-indent: 0
}

.en-ir-strategy .meeting-box dd,.ir-policy-strategy .meeting-box dd {
	width: 40%;
	text-indent: 0;
	font-size: 1.6rem;
	color: #0d357f;
	font-weight: 700
}

.en-ir-strategy .circle-red li,.ir-policy-strategy .circle-red li {
	font-weight: 700
}

.en-ir-strategy .circle-red li:before,.ir-policy-strategy .circle-red li:before {
	color: #dc000c
}

.en-ir-strategy .circle-red li span,.ir-policy-strategy .circle-red li span {
	color: #333;
	font-weight: 400
}

.en-ir-strategy .ttl-sgw,.ir-policy-strategy .ttl-sgw {
	display: flex;
	align-items: center;
	margin-bottom: 50px
}

.en-ir-strategy .ttl-sgw dt,.ir-policy-strategy .ttl-sgw dt {
	order: 1;
	max-width: 550px
}

.en-ir-strategy .ttl-sgw dd,.ir-policy-strategy .ttl-sgw dd {
	order: 0;
	font-size: 2.8rem;
	font-weight: 700;
	padding-right: 30px
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw {
	position: relative
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a:after,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a:after {
	top: calc(50% - 1rem);
	transform: rotate(135deg) translateY(-50%)
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a:hover,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a:hover {
	text-decoration: none
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li {
	position: relative;
	padding-left: 15px
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li:before,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #4a4a4a;
	transform: translateY(-50%)
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointnone,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointnone {
	padding-left: 0
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointnone:before,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointnone:before {
	display: none
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointsub:before,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointsub:before {
	top: 17%
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointsub2:before,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li.pointsub2:before {
	top: 30%
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li a:hover,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li a:hover {
	text-decoration: none
}

.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu+.sub-menu,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu+.sub-menu {
	margin-top: 1.5em
}

.en-ir-strategy .ttl-sgw00,.ir-policy-strategy .ttl-sgw00 {
	font-size: 3.2rem;
	padding: .5em 0 .6em
}

.en-ir-strategy .ttl-sgw00:before,.ir-policy-strategy .ttl-sgw00:before {
	content: none
}

.en-ir-strategy .ttl-sgw01,.ir-policy-strategy .ttl-sgw01 {
	font-size: 2.2rem;
	border-left: 6px solid #dc000c
}

.en-ir-strategy .news-release-link,.ir-policy-strategy .news-release-link {
	margin-bottom: 20px
}

.en-ir-strategy .news-release-link .link-icon,.ir-policy-strategy .news-release-link .link-icon {
	margin-left: 10px
}

.en-ir-strategy .table-type3 td,.en-ir-strategy .table-type3 th,.ir-policy-strategy .table-type3 td,.ir-policy-strategy .table-type3 th {
	background-clip: padding-box!important
}

.en-ir-strategy .ttl-sgw-upper,.ir-policy-strategy .ttl-sgw-upper {
	margin-top: 2.5em;
	margin-bottom: .5em;
	font-size: 2rem
}

.en-ir-strategy .ttl-sgw-upper span,.ir-policy-strategy .ttl-sgw-upper span {
	display: inline-block;
	padding: .5em .5em .6em;
	background: #01348d;
	color: #fff
}

.en-ir-strategy #sgw01 p.ttltxt,.ir-policy-strategy #sgw01 p.ttltxt {
	font-size: 1.8rem;
	font-weight: 700
}

.en-ir-strategy #sgw02_02 .ttl-sgw01 span,.ir-policy-strategy #sgw02_02 .ttl-sgw01 span {
	font-size: 1.6rem
}

.en-ir-strategy #sgw02_02 .table.table-type3,.ir-policy-strategy #sgw02_02 .table.table-type3 {
	margin-top: 0
}

.en-ir-strategy #sgw02_02 .table.table-type3 colgroup,.ir-policy-strategy #sgw02_02 .table.table-type3 colgroup {
	width: 60px
}

.en-ir-strategy #sgw02_02 .table.table-type3 tr td,.en-ir-strategy #sgw02_02 .table.table-type3 tr th,.ir-policy-strategy #sgw02_02 .table.table-type3 tr td,.ir-policy-strategy #sgw02_02 .table.table-type3 tr th {
	width: 60px
}

.en-ir-strategy #sgw02_02 .list-border,.ir-policy-strategy #sgw02_02 .list-border {
	margin: .8em 0 .8em;
	border-bottom: dotted 1px
}

.en-ir-strategy #sgw02_03 .table.table-type3 tr td,.en-ir-strategy #sgw02_03 .table.table-type3 tr th,.en-ir-strategy #sgw03_04 .table.table-type3 tr td,.en-ir-strategy #sgw03_04 .table.table-type3 tr th,.ir-policy-strategy #sgw02_03 .table.table-type3 tr td,.ir-policy-strategy #sgw02_03 .table.table-type3 tr th,.ir-policy-strategy #sgw03_04 .table.table-type3 tr td,.ir-policy-strategy #sgw03_04 .table.table-type3 tr th {
	padding: .75rem 0!important
}

.en-ir-strategy #sgw02_03 .table.table-type3 tr td,.en-ir-strategy #sgw02_03 .table.table-type3 tr th,.en-ir-strategy #sgw03_04 .table.table-type3 tr td,.en-ir-strategy #sgw03_04 .table.table-type3 tr th,.ir-policy-strategy #sgw02_03 .table.table-type3 tr td,.ir-policy-strategy #sgw02_03 .table.table-type3 tr th,.ir-policy-strategy #sgw03_04 .table.table-type3 tr td,.ir-policy-strategy #sgw03_04 .table.table-type3 tr th {
	width: 60px
}

.en-ir-strategy #sgw03_04 .table-responsive+.table-responsive,.ir-policy-strategy #sgw03_04 .table-responsive+.table-responsive {
	margin-top: 50px
}

.en-ir-strategy #sgw03_04 .border-b-black,.ir-policy-strategy #sgw03_04 .border-b-black {
	border-bottom: 2px solid #000!important
}

.en-ir-strategy #sgw03 .ttl-sgw03-under,.ir-policy-strategy #sgw03 .ttl-sgw03-under {
	font-size: 2.1rem;
	line-height: 2
}

.en-ir-strategy #sgw03 .table-type3,.ir-policy-strategy #sgw03 .table-type3 {
	margin-top: 0
}

.en-ir-strategy #sgw03 .table-type2 td,.ir-policy-strategy #sgw03 .table-type2 td {
	color: #dc000c;
	font-weight: 700
}

.en-ir-strategy #sgw03 .row.border-wrapper div>h4,.en-ir-strategy #sgw03 .row.border-wrapper li>h4,.en-ir-strategy #sgw03 .row.planbox div>h4,.en-ir-strategy #sgw03 .row.planbox li>h4,.ir-policy-strategy #sgw03 .row.border-wrapper div>h4,.ir-policy-strategy #sgw03 .row.border-wrapper li>h4,.ir-policy-strategy #sgw03 .row.planbox div>h4,.ir-policy-strategy #sgw03 .row.planbox li>h4 {
	font-size: 1.8rem
}

.en-ir-strategy #sgw03 .planbox.row,.ir-policy-strategy #sgw03 .planbox.row {
	grid-gap: 80px 0;
	gap: 80px 0
}

.en-ir-strategy #sgw03 .planbox .strengths .row,.ir-policy-strategy #sgw03 .planbox .strengths .row {
	margin-left: auto;
	margin-right: auto
}

.en-ir-strategy #sgw03 .planbox+.planbox,.ir-policy-strategy #sgw03 .planbox+.planbox {
	margin-top: 80px
}

.en-ir-strategy #sgw03 .plan-content:nth-of-type(2) .imgonly,.ir-policy-strategy #sgw03 .plan-content:nth-of-type(2) .imgonly {
	margin-top: -180px
}

.en-ir-strategy #sgw03 .plan-content:nth-of-type(3) .imgonly,.ir-policy-strategy #sgw03 .plan-content:nth-of-type(3) .imgonly {
	margin-top: -220px
}

.en-ir-strategy #sgw03 .plan-content:nth-of-type(4) .imgonly,.ir-policy-strategy #sgw03 .plan-content:nth-of-type(4) .imgonly {
	margin-top: -150px
}

.en-ir-strategy #sgw03 .costattempt-box li,.ir-policy-strategy #sgw03 .costattempt-box li {
	position: relative
}

.en-ir-strategy #sgw03 .costattempt-box .arrowtxt,.ir-policy-strategy #sgw03 .costattempt-box .arrowtxt {
	position: relative
}

.en-ir-strategy #sgw03 .costattempt-box .arrowtxt::after,.ir-policy-strategy #sgw03 .costattempt-box .arrowtxt::after {
	content: "";
	display: block;
	position: absolute;
	color: #ccc;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent
}

.en-ir-strategy #sgw03 .costattempt-box .setbox,.ir-policy-strategy #sgw03 .costattempt-box .setbox {
	display: flex
}

.en-ir-strategy #sgw03 .costattempt-box .setbox p,.ir-policy-strategy #sgw03 .costattempt-box .setbox p {
	font-weight: 700;
	padding: .1em .8em
}

.en-ir-strategy #sgw03 .costattempt-box .setbox .right,.ir-policy-strategy #sgw03 .costattempt-box .setbox .right {
	width: 28%;
	position: relative
}

.en-ir-strategy #sgw03 .costattempt-box .setbox .right::after,.ir-policy-strategy #sgw03 .costattempt-box .setbox .right::after {
	content: "";
	display: block;
	position: absolute;
	top: 30%;
	right: 0;
	color: #ccc;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 1.375em 1.64952em;
	border-left-color: currentColor;
	border-right: 0
}

.en-ir-strategy #sgw03 .costattempt-box .setbox .right .txt,.ir-policy-strategy #sgw03 .costattempt-box .setbox .right .txt {
	width: 77%;
	background: #f0f0f0
}

.en-ir-strategy #sgw03 .costattempt-box .setbox .left,.ir-policy-strategy #sgw03 .costattempt-box .setbox .left {
	width: 57%
}

.en-ir-strategy #sgw03 .costattempt-box .setbox .left .txt,.ir-policy-strategy #sgw03 .costattempt-box .setbox .left .txt {
	color: #dc000c;
	padding-left: .3em
}

.en-ir-strategy #sgw03_04 .table colgroup.fiscal.segment,.ir-policy-strategy #sgw03_04 .table colgroup.fiscal.segment {
	width: 80px
}

.en-ir-strategy .materiality-container .materiality-default,.ir-policy-strategy .materiality-container .materiality-default {
	margin-bottom: 30px
}

.en-ir-strategy .materiality-container .materiality-default .materiality-default-l,.ir-policy-strategy .materiality-container .materiality-default .materiality-default-l {
	padding: 20px;
	background: #e9e6dc
}

.en-ir-strategy .materiality-container .materiality-default .materiality-default-l h5,.ir-policy-strategy .materiality-container .materiality-default .materiality-default-l h5 {
	font-size: 1.6rem;
	font-weight: 400
}

.en-ir-strategy .materiality-container .materiality-default .table,.ir-policy-strategy .materiality-container .materiality-default .table {
	table-layout: auto;
	margin-bottom: 0
}

.en-ir-strategy .materiality-container .materiality-default .table:first-of-type,.ir-policy-strategy .materiality-container .materiality-default .table:first-of-type {
	position: relative;
	margin-bottom: 15px
}

.en-ir-strategy .materiality-container .materiality-default .table:first-of-type:after,.ir-policy-strategy .materiality-container .materiality-default .table:first-of-type:after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 1px;
	height: 15px;
	content: '';
	background: #ced4da;
	transform: translateX(-50%)
}

.en-ir-strategy .materiality-container .materiality-default .table thead th,.ir-policy-strategy .materiality-container .materiality-default .table thead th {
	color: #fff;
	background: #b9ae8c
}

.en-ir-strategy .materiality-container .materiality-default .table:last-of-type tbody tr:last-of-type td,.ir-policy-strategy .materiality-container .materiality-default .table:last-of-type tbody tr:last-of-type td {
	border-right: 1px dotted #ced4da
}

.en-ir-strategy .materiality-container .materiality-default .table:last-of-type tbody tr:last-of-type td:last-of-type,.ir-policy-strategy .materiality-container .materiality-default .table:last-of-type tbody tr:last-of-type td:last-of-type {
	border-left: 1px dotted #ced4da
}

.en-ir-strategy .materiality-container .materiality-default .table:last-of-type tbody th,.ir-policy-strategy .materiality-container .materiality-default .table:last-of-type tbody th {
	font-weight: 400;
	background: #e9e6dc
}

.en-ir-strategy .materiality-container .materiality-default .table:last-of-type tbody td,.ir-policy-strategy .materiality-container .materiality-default .table:last-of-type tbody td {
	text-align: left
}

.en-ir-strategy .materiality-container .materiality-default .table:last-of-type tbody td .red,.ir-policy-strategy .materiality-container .materiality-default .table:last-of-type tbody td .red {
	font-size: 1.1rem
}

.en-ir-strategy .materiality-container .materiality-default .notice-text,.ir-policy-strategy .materiality-container .materiality-default .notice-text {
	margin-bottom: 0
}

.en-ir-strategy .materiality-container .sdgs-list dl,.ir-policy-strategy .materiality-container .sdgs-list dl {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 16px
}

.en-ir-strategy .materiality-container .sdgs-list dl dt,.ir-policy-strategy .materiality-container .sdgs-list dl dt {
	flex: 0 0 80px;
	max-width: 80px
}

.en-ir-strategy .materiality-container .sdgs-list dl dd,.ir-policy-strategy .materiality-container .sdgs-list dl dd {
	flex: 0 0 calc(100% - 80px);
	flex-basis: calc(100% - 80px);
	max-width: calc(100% - 80px);
	padding-left: 8px;
	line-height: 1.5
}

.en-ir-strategy .materiality-container .materiality-container-esg .std span:first-of-type,.ir-policy-strategy .materiality-container .materiality-container-esg .std span:first-of-type {
	margin-right: 10px
}

.en-ir-strategy .materiality-container .materiality-container-esg .table,.ir-policy-strategy .materiality-container .materiality-container-esg .table {
	table-layout: auto
}

.en-ir-strategy .materiality-container .materiality-container-esg .table thead th,.ir-policy-strategy .materiality-container .materiality-container-esg .table thead th {
	color: #fff;
	background: #b9ae8c
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th {
	font-weight: 400;
	background: #fff
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th span,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th span {
	font-size: 6rem;
	font-weight: 700
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th span.p,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th span.p {
	font-size: 2rem;
	color: #09a5d4
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th span.e,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th span.e {
	color: green
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th span.s,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th span.s {
	color: #00348d
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th span.g,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th span.g {
	color: #bf3131
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody td,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody td {
	text-align: left
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody td.border-dotted-t,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody td.border-dotted-t {
	border-top: 1px dotted #ced4da
}

.en-ir-strategy .materiality-container .materiality-container-esg .table tbody td.border-dotted-b,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody td.border-dotted-b {
	border-bottom: 1px dotted #ced4da
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .esg,.ir-policy-strategy .materiality-container .materiality-container-esg .table .esg {
	width: 10%
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .esgimg,.ir-policy-strategy .materiality-container .materiality-container-esg .table .esgimg {
	width: 14%
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .esgimg.profit,.ir-policy-strategy .materiality-container .materiality-container-esg .table .esgimg.profit {
	background: url(../img/ir/202408/img_theme4_01_1.jpg) center center no-repeat;
	background-size: cover
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .esgimg.env,.ir-policy-strategy .materiality-container .materiality-container-esg .table .esgimg.env {
	background: url(../img/ir/202408/img_theme4_01_2.jpg) center center no-repeat;
	background-size: cover
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .esgimg.social,.ir-policy-strategy .materiality-container .materiality-container-esg .table .esgimg.social {
	background: url(../img/ir/202408/img_theme4_01_3.jpg) center center no-repeat;
	background-size: cover
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .esgimg.gov,.ir-policy-strategy .materiality-container .materiality-container-esg .table .esgimg.gov {
	background: url(../img/ir/202408/img_theme4_01_4.jpg) center center no-repeat;
	background-size: cover
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim {
	width: 30.5%;
	padding: .5em
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim span.l,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim span.l {
	font-weight: 700
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.profit,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.profit {
	background-color: #d0e7ee
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.profit span.l,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.profit span.l {
	color: #09a5d4
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.env,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.env {
	background-color: #d2e3c8
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.env span.l,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.env span.l {
	color: green
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.social,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.social {
	background-color: #dbdfea
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.social span.l,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.social span.l {
	color: #00348d
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.gov,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.gov {
	background-color: #fdc
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .aim.gov span.l,.ir-policy-strategy .materiality-container .materiality-container-esg .table .aim.gov span.l {
	color: #bf3131
}

.en-ir-strategy .materiality-container .materiality-container-esg .table .attempt,.ir-policy-strategy .materiality-container .materiality-container-esg .table .attempt {
	width: 38%
}

.en-ir-strategy .materiality-container .materiality-container-esg .small-text,.ir-policy-strategy .materiality-container .materiality-container-esg .small-text {
	font-size: 1.2rem
}

.en-ir-strategy .materiality-container .esg-link-mt,.ir-policy-strategy .materiality-container .esg-link-mt {
	margin-top: 7rem
}

.en-ir-strategy .logo-sgw img {
	width: 55%;
	margin-right: 0
}

.en-ir-strategy .co2-box {
	max-width: 900px
}

.en-ir-strategy #sgw03 .costattempt-box .setbox .right {
	width: 32%;
	position: relative
}

.en-ir-strategy #sgw03 .costattempt-box .setbox .right .txt {
	width: 84%
}

.ir-investor-faq .faq-wrapper {
	margin-top: 2rem;
	border: 1px solid #ced4da;
	border-radius: 5px
}

.ir-investor-faq .faq-wrapper .faq-btn {
	padding: 1em 1.5em;
	cursor: pointer;
	transition: .3s all;
	border-radius: 5px
}

.ir-investor-faq .faq-wrapper .faq-btn>p {
	display: block;
	position: relative;
	padding-left: 3.5rem
}

.ir-investor-faq .faq-wrapper .faq-btn .bar {
	display: inline-block;
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	top: 50%;
	left: 0;
	margin-top: -.8rem;
	vertical-align: middle;
	transform-origin: center;
	transition: all .3s
}

.ir-investor-faq .faq-wrapper .faq-btn .bar::after,.ir-investor-faq .faq-wrapper .faq-btn .bar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.6rem;
	height: 2px;
	background: #333
}

.ir-investor-faq .faq-wrapper .faq-btn .bar::before {
	top: calc(50% - 1px)
}

.ir-investor-faq .faq-wrapper .faq-btn .bar::after {
	top: calc(50% - 1px);
	transform: rotate(90deg)
}

.ir-investor-faq .faq-wrapper .faq-btn.open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.ir-investor-faq .faq-wrapper .faq-btn.open .bar {
	transform: rotate(45deg)
}

.ir-investor-faq .faq-wrapper .faq-content {
	display: none;
	margin: 1em 1.5em;
	padding: 1em 1.5em;
	background: #f0f1f3;
	border-radius: 3px
}

.ir-investor-glance h2 {
	padding-bottom: .5em;
	font-size: 3.6rem;
	line-height: 1.4em;
	text-align: center
}

.ir-investor-glance h2::before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 4px;
	background: #fff;
	margin-left: -25px
}

.ir-investor-glance article {
	padding-top: 0!important
}

.ir-investor-glance article>section {
	padding-top: 8rem;
	padding-bottom: 8rem
}

.ir-investor-glance article>section:nth-of-type(2) {
	background: #e6f3f7
}

.ir-investor-glance h3 {
	margin-bottom: 6rem;
	font-size: 3.6rem;
	text-align: center
}

.ir-investor-glance h3::after,.ir-investor-glance h3::before {
	content: '';
	position: absolute;
	bottom: 3.5rem;
	max-width: 300px;
	width: calc(50% - 50px)!important;
	height: 1px;
	background: #dc000c
}

.ir-investor-glance h3::before {
	left: 60%
}

.ir-investor-glance h3::after {
	right: 60%
}

.ir-investor-glance h3>span.main-ttl {
	position: relative;
	display: inline-block;
	padding: .25em 2em;
	line-height: 1.4em;
	vertical-align: middle
}

.ir-investor-glance h3>span.main-ttl::after,.ir-investor-glance h3>span.main-ttl::before {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 1rem;
	border: 5px solid #333
}

.ir-investor-glance h3>span.main-ttl::before {
	left: 0;
	border-right: none
}

.ir-investor-glance h3>span.main-ttl::after {
	right: 0;
	border-left: none
}

.ir-investor-glance h3>span.main-ttl small {
	display: block;
	font-size: 1.6rem
}

.ir-investor-glance h3>span.main-ttl span {
	display: inline-block
}

.ir-investor-glance h3>span[class^=icon-] {
	display: block;
	margin: 2rem auto 0;
	font-size: 7rem;
	color: #dc000c
}

.ir-investor-glance .lead {
	font-size: 2.1rem;
	font-weight: 700;
	text-align: center
}

.ir-investor-glance .color-white {
	color: #fff
}

.ir-investor-glance .color-white h2::before,.ir-investor-glance .color-white h3::after,.ir-investor-glance .color-white h3::before {
	background: #fff
}

.ir-investor-glance .color-white h3>span::after,.ir-investor-glance .color-white h3>span::before {
	border-color: #fff
}

.ir-investor-glance .color-white h3>span[class^=icon-] {
	color: #fff
}

.ir-investor-glance .color-white p {
	color: #fff
}

.ir-investor-glance .glance-main {
	padding-top: 8rem!important;
	position: relative;
	background: url(../img/ir/bg_suminoe.jpg) 0 0 no-repeat;
	background-size: cover
}

.ir-investor-glance .glance-main::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.55);
	z-index: 1
}

.ir-investor-glance .glance-main .content-inner-l {
	position: relative;
	z-index: 10
}

.ir-investor-glance .glance-main h2>small {
	display: block;
	font-size: 2.1rem
}

.ir-investor-glance .glance-main h2>small>.icon-idea {
	margin: 0 .25em;
	font-size: 3rem
}

.ir-investor-glance .glance-main nav {
	margin: 6rem auto 8rem
}

.ir-investor-glance .glance-main nav>ul {
	margin-left: -10px;
	margin-right: -10px
}

.ir-investor-glance .glance-main nav>ul>li {
	flex: 0 0 12.5%;
	max-width: 12.5%;
	display: flex!important;
	flex-wrap: wrap;
	padding: 10px
}

.ir-investor-glance .glance-main nav>ul>li a {
	position: relative;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	background: rgba(255,255,255,.8);
	color: #333
}

.ir-investor-glance .glance-main nav>ul>li a:hover {
	text-decoration: none;
	transform: translate(5px,5px);
	color: #333
}

.ir-investor-glance .glance-main nav>ul>li a:hover::after {
	left: 0;
	top: 0
}

.ir-investor-glance .glance-main nav>ul>li a::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255,255,255,.8);
	border-top: none;
	border-left: none
}

.ir-investor-glance .glance-main nav>ul>li a .page-link-icon {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	font-size: 6rem;
	margin-bottom: 1rem;
	color: #dc000c
}

.ir-investor-glance .glance-main nav>ul>li a .page-link-text {
	flex: 0 0 100%;
	max-width: 100%;
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 1.3
}

.ir-investor-glance .glance-main nav>ul>li a .page-link-text>span {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.ir-investor-glance .glance-main p {
	display: inline-block;
	max-width: 640px
}

.ir-investor-glance .glance-numeral dt {
	padding: .25em;
	font-size: 2.1rem;
	color: #fff;
	background: #0f6dba
}

.ir-investor-glance .glance-numeral dd {
	position: relative;
	padding: 4rem 0 6rem
}

.ir-investor-glance .glance-numeral dd>.value {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 100%;
	font-size: 9rem;
	font-weight: 700;
	color: #0f6dba;
	transform: translate(-50%,-50%)
}

.ir-investor-glance .glance-numeral dd>.value>.unit {
	display: inline-block;
	font-size: 2.4rem;
	color: #333
}

.ir-investor-glance .glance-numeral dd>.value>.unit.unit-indent {
	display: block;
	margin-top: -1.6em;
	text-align: right
}

.ir-investor-glance .glance-business dl {
	text-align: left;
	margin-bottom: 32px
}

.ir-investor-glance .glance-business dl dt {
	margin-top: 1rem
}

.ir-investor-glance .glance-business dl dt:first-of-type {
	font-size: 1.8rem
}

.ir-investor-glance .glance-business .interior dt {
	color: #f5970a
}

.ir-investor-glance .glance-business .vehicle dt {
	color: #95c219
}

.ir-investor-glance .glance-business .material dt {
	color: #cc54a2
}

.ir-investor-glance .glance-business .list-circle {
	padding-top: 4px
}

.ir-investor-glance .glance-business .list-circle li:not(:last-child) {
	padding-bottom: 6px
}

.ir-investor-glance .glance-history {
	position: relative;
	background: url(../img/ir/bg_history.jpg) 0 0 no-repeat;
	background-size: cover
}

.ir-investor-glance .glance-history dl {
	margin: 0 auto
}

.ir-investor-glance .glance-history dt {
	margin-bottom: 1rem;
	line-height: 1.4
}

.ir-investor-glance .glance-history .row>dl>dt {
	margin-bottom: 1.5rem;
	font-size: 2.1rem
}

.ir-investor-glance .glance-history dd dl,.ir-investor-glance .glance-history dd ul {
	margin-top: 1rem
}

.ir-investor-glance .glance-history dd>dl {
	display: flex!important;
	flex-wrap: wrap
}

.ir-investor-glance .glance-history dd>dl dt {
	flex: 0 0 6.5rem;
	max-width: 6.5rem;
	margin-bottom: .4rem
}

.ir-investor-glance .glance-history dd>dl dd {
	flex: 0 0 calc(100% - 6.5rem);
	flex-basis: calc(100% - 6.5rem);
	max-width: calc(100% - 6.5rem);
	line-height: 1.4;
	margin-bottom: 1.6rem
}

.ir-investor-glance .glance-strategy h4 {
	position: relative;
	padding: 0 0 1em;
	font-size: 2.1rem;
	border: none
}

.ir-investor-glance .glance-strategy h4::before {
	content: '';
	position: absolute;
	width: 3.2rem;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #dc000c
}

.ir-investor-glance .glance-strategy h5 {
	position: relative;
	margin-top: 3rem;
	font-size: 1.8rem;
	text-align: left
}

.ir-investor-glance .glance-strategy h5::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: calc(100% - 4em);
	height: 1px;
	right: 0;
	top: calc(50% - 1px);
	background: #ced4da
}

.ir-investor-glance .glance-strategy ol {
	padding: 0
}

.ir-investor-glance .glance-strategy ol li {
	padding: .25em;
	padding-left: 1.5em;
	text-align: left;
	text-indent: -1.5em;
	list-style-type: none
}

.ir-investor-glance .glance-strategy ol li::before {
	content: '';
	display: inline-block;
	margin-right: .5em;
	padding: 0 3px;
	font-size: .8em;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	text-indent: 0;
	background: #dc000c;
	border: 1px solid #dc000c
}

.ir-investor-glance .glance-strategy ol li>ol>li::before {
	color: #dc000c;
	background: 0 0
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(1)::before {
	content: "1"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(2)::before {
	content: "2"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(3)::before {
	content: "3"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(4)::before {
	content: "4"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(5)::before {
	content: "5"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(6)::before {
	content: "6"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(7)::before {
	content: "7"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(8)::before {
	content: "8"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(9)::before {
	content: "9"
}

.ir-investor-glance .glance-strategy ol li:nth-of-type(10)::before {
	content: "10"
}

.ir-investor-glance .glance-strategy .link-btn-group {
	padding-top: 24px
}

.ir-investor-glance .glance-sdgs .box {
	position: relative;
	padding: 0 40px 40px;
	border: 1px solid #003d83;
	border-radius: 15px
}

.ir-investor-glance .glance-sdgs .box>h4 {
	position: relative;
	display: inline-block;
	margin: 0 auto 8px;
	padding: 0 1em;
	color: #003d83;
	text-align: center;
	border: none;
	background: #fff;
	transform: translateY(-50%);
	font-size: 2.4rem
}

.ir-investor-glance .glance-sdgs .img {
	width: 520px;
	margin-bottom: 5rem
}

.ir-investor-glance .glance-traditional {
	position: relative;
	background: url(../img/ir/bg_traditional.jpg) 0 0 no-repeat;
	background-size: cover
}

.ir-investor-glance .glance-traditional::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 1
}

.ir-investor-glance .glance-traditional .content-inner-l {
	position: relative;
	z-index: 10
}

.ir-investor-glance .glance-stockholder {
	padding-bottom: 0
}

.ir-investor-glance .glance-stockholder h4 {
	padding-top: .2em;
	padding-bottom: .2em;
	background: #f0f1f3
}

.ir-investor-glance .glance-stockholder .row>[class^=col-] {
	padding-bottom: 5rem
}

.ir-investor-glance .glance-stockholder .table {
	margin-bottom: 0
}

.ir-investor-glance .glance-stockholder tbody th {
	text-align: left;
	font-weight: 400
}

.ir-investor-glance .glance-stockholder .note {
	padding-left: 2.5em
}

.ir-activities-message.c-head {
	text-align: center;
	font-size: 3.2rem;
	margin-bottom: 2.75em
}

.ir-activities-message.c-head>span .s {
	font-size: .5625em;
	margin-left: -.875em
}

.ir-activities section p {
	margin-bottom: 1.25em
}

.ir-activities-sec02 .list-circle>li {
	text-indent: 0;
	padding-left: 0;
	font-weight: 700
}

.ir-activities-sec02 .list-circle>li::before {
	color: #dc000c
}

.ir-activities-sec02 .list-circle>li>ul {
	padding-top: 16px;
	padding-left: 0;
	margin-bottom: 24px
}

.ir-activities-sec02 .list-circle>li>ul>li {
	font-weight: 400;
	text-indent: -1em;
	padding-left: 1em
}

.ir-activities-sec02 .list-circle>li>ul>li::before {
	content: '・';
	color: #333;
	margin-right: 0
}

.ir-activities-sec02 .list-circle+.link-btn-group {
	margin-top: 24px
}

.ir-activities-tech {
	padding: 10px;
	margin-bottom: 64px;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	background: #e9ecef
}

.ir-activities-tech>li {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
	padding: 25px;
	display: flex!important;
	flex-wrap: wrap;
	align-items: flex-start
}

.ir-activities-tech>li dl {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
	justify-content: center;
	margin-bottom: 0
}

.ir-activities-tech>li dt {
	display: flex!important;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
	align-items: center;
	max-width: 320px;
	height: 120px
}

.ir-activities-tech>li dt img {
	width: 100%
}

.ir-activities-tech>li dd {
	flex: 0 0 100%;
	max-width: 100%
}

.ir-activities-tech>li ul {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center
}

.ir-activities-tech>li ul>li {
	padding: 1px .45em 2px;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	font-size: 1.4rem;
	margin: 1px;
	border: 1px solid #333;
	background: #fff
}

.ir-investor-benefit section:nth-of-type(2) p:not(:last-of-type) {
	margin-bottom: 1rem
}

.ir-investor-benefit section:nth-of-type(2) .table-responsive {
	width: 100%;
	margin: 1rem auto 0
}

.ir-investor-benefit section:nth-of-type(2) .table-responsive table {
	margin-bottom: 0
}

.ir-investor-benefit section h5 {
	font-size: 1.8rem
}

.ir-investor-benefit section h6 {
	font-size: 1.6rem
}

.ir-investor-benefit section .benefit-list {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between
}

.ir-investor-benefit section .benefit-list:not(:last-of-type) {
	margin-bottom: 2rem
}

.ir-investor-benefit section .benefit-list:last-of-type {
	margin-bottom: 4rem
}

.ir-investor-benefit section .benefit-list li {
	width: 32%
}

.ir-investor-benefit section .benefit-list li span {
	font-size: 1.6rem;
	font-weight: 700
}

.ir-investor-benefit section .benefit-list li figure figcaption {
	line-height: 1.5;
	margin-bottom: 5px
}

.ir-investor-benefit .pc-block {
	display: none
}

.ir-investor-benefit .caution {
	font-size: 1.2rem;
	margin-bottom: 3rem
}

/*!
Modaal - accessible modals - v0.4.4
by Humaan, for all humans.
http://humaan.com
*/
.modaal-noscroll {
	overflow: hidden
}

.modaal-accessible-hide {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0
}

.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	transition: all .3s ease-in-out
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden
}

.modaal-wrapper .modaal-close {
	border: none;
	background: 0 0;
	padding: 0;
	-webkit-appearance: none
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0
}

.modaal-wrapper [tabindex="0"] {
	outline: 0!important
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%
}

.modaal-fullscreen .modaal-outer-wrapper {
	display: block
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0,0,0,.2);
	cursor: auto
}

.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto
}

.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0);
	border-radius: 100%;
	transition: all .2s ease-in-out
}

.modaal-close:focus,.modaal-close:hover {
	outline: 0;
	background: #fff
}

.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
	background: #b93d0c
}

.modaal-close span {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}

.modaal-close:after,.modaal-close:before {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	transition: background .2s ease-in-out
}

.modaal-close:before {
	transform: rotate(-45deg)
}

.modaal-close:after {
	transform: rotate(45deg)
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px
}

.modaal-content-container {
	padding: 30px
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: 0 0
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	transition: background .2s ease-in-out
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f
}

@keyframes instaReveal {
	0% {
			opacity: 0
	}

	100% {
			opacity: 1
	}
}

@-webkit-keyframes instaReveal {
	0% {
			opacity: 0
	}

	100% {
			opacity: 1
	}
}

.modaal-instagram .modaal-container {
	width: auto;
	background: 0 0;
	box-shadow: none!important
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: 0 0
}

.modaal-instagram .modaal-content-container>blockquote {
	width: 1px!important;
	height: 1px!important;
	opacity: 0!important
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px!important;
	border-radius: 0!important;
	width: 1000px!important;
	max-width: 800px!important;
	box-shadow: none!important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 100%
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff
}

.modaal-gallery-item {
	display: none
}

.modaal-gallery-item img {
	display: block
}

.modaal-gallery-item.is_active {
	display: block
}

.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff
}

.modaal-gallery-label:focus {
	outline: 0
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0);
	border: none;
	border-radius: 100%;
	transition: all .2s ease-in-out
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default
}

.modaal-gallery-control:focus,.modaal-gallery-control:hover {
	outline: 0;
	background: #fff
}

.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before {
	background: #afb7bc
}

.modaal-gallery-control span {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}

.modaal-gallery-control:after,.modaal-gallery-control:before {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	transition: background .2s ease-in-out
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	transform: rotate(-45deg)
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	transform: rotate(45deg)
}

.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px
}

.modaal-gallery-next-outer {
	right: 45px
}

.modaal-gallery-prev:after,.modaal-gallery-prev:before {
	left: 22px
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	transform: rotate(-45deg)
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	transform: rotate(45deg)
}

.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px
}

.modaal-gallery-prev-outer {
	left: 45px
}

.modaal-video-wrap {
	margin: auto 50px;
	position: relative
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}

.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%
}

.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block
}

.modaal-loading-spinner {
	background: 0 0;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	transform: scale(.25)
}

@-webkit-keyframes modaal-loading-spinner {
	0% {
			opacity: 1;
			transform: scale(1.5)
	}

	100% {
			opacity: .1;
			transform: scale(1)
	}
}

@keyframes modaal-loading-spinner {
	0% {
			opacity: 1;
			transform: scale(1.5)
	}

	100% {
			opacity: .1;
			transform: scale(1)
	}
}

.modaal-loading-spinner>div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute
}

.modaal-loading-spinner>div>div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff
}

.modaal-loading-spinner>div:nth-of-type(1)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(1) {
	transform: translate(84px,84px) rotate(45deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(2)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s
}

.modaal-loading-spinner>div:nth-of-type(2) {
	transform: translate(84px,84px) rotate(90deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(3)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(3) {
	transform: translate(84px,84px) rotate(135deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(4)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s
}

.modaal-loading-spinner>div:nth-of-type(4) {
	transform: translate(84px,84px) rotate(180deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(5) {
	transform: translate(84px,84px) rotate(225deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(6)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s
}

.modaal-loading-spinner>div:nth-of-type(6) {
	transform: translate(84px,84px) rotate(270deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(7)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}

.modaal-loading-spinner>div:nth-of-type(7) {
	transform: translate(84px,84px) rotate(315deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s
}

.modaal-loading-spinner>div:nth-of-type(8) {
	transform: translate(84px,84px) rotate(360deg) translate(70px,0)
}

.news .nav-ttl,.release .nav-ttl {
	margin-bottom: 4rem;
	font-size: 2.4rem;
	font-weight: 700
}

.news .nav-list li,.release .nav-list li {
	margin-bottom: 2rem
}

.news .nav-list a,.release .nav-list a {
	display: inline-block;
	font-weight: 700;
	line-height: 1.4em;
	border-bottom: 2px solid transparent;
	color: #333
}

.news .nav-list a:hover,.release .nav-list a:hover {
	color: #333;
	text-decoration: none
}

.news .nav-list .current-item a,.release .nav-list .current-item a {
	text-decoration: none;
	border-bottom: 2px solid #dc000c
}

.news .archive-nav,.release .archive-nav {
	margin-bottom: 2rem
}

.news .archive-nav li,.release .archive-nav li {
	position: relative;
	margin-bottom: 1.2rem;
	padding-left: 3rem
}

.news .archive-nav li::before,.release .archive-nav li::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	height: 1px;
	width: 1.6rem;
	margin-top: -1px;
	background: #ccc
}

.news .archive-nav li a,.release .archive-nav li a {
	font-size: 1.6rem
}

.news .category-nav,.news .group-nav,.release .category-nav,.release .group-nav {
	margin-bottom: 3rem
}

.news .category-nav li,.news .group-nav li,.release .category-nav li,.release .group-nav li {
	display: inline-block;
	padding: 0 1em;
	border-left: 1px solid #ccc
}

.news .category-nav li:last-of-type,.news .group-nav li:last-of-type,.release .category-nav li:last-of-type,.release .group-nav li:last-of-type {
	border-right: 1px solid #ccc
}

.news .category-nav li a,.news .group-nav li a,.release .category-nav li a,.release .group-nav li a {
	font-weight: 400
}

.news-list {
	text-align: left
}

.news-list dl {
	margin: 0;
	border-bottom: 1px solid #ced4da;
	padding: 1.8rem 0;
	display: flex!important;
	flex-wrap: wrap
}

.news-list dl .news-head {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between
}

.news-list dl .news-head .date {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.news-list dl .news-head .new {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	color: #dc000c
}

.news-list dl .news-head .category {
	flex: 0 0 18.75rem;
	max-width: 18.75rem;
	font-weight: 700
}

.news-list dl .news-head .category::before {
	content: '\025a0';
	display: inline-block;
	margin-top: -.2rem;
	margin-right: .3em;
	line-height: 1rem;
	font-size: 1rem;
	vertical-align: middle
}

.news-list dl dd,.news-list dl dt {
	margin: 0
}

.news-list dl dt {
	font-weight: 400;
	flex: 0 0 32rem;
	max-width: 32rem
}

.news-list dl dd {
	flex: 0 0 calc(100% - 32rem);
	flex-basis: calc(100% - 32rem);
	max-width: calc(100% - 32rem)
}

.news-list dl dd a {
	color: #333
}

.news-list dl dd .icon-window-new {
	font-size: 1.6rem;
	vertical-align: middle;
	display: inline-block;
	padding-bottom: 4px;
	padding-left: 2px
}

.news-list dl dd .icon-pdf {
	font-size: 2rem;
	color: #dc000c;
	vertical-align: middle;
	padding-bottom: 2px;
	display: inline-block;
	margin-left: .2em
}

.news-detail .news-header {
	font-weight: 700
}

.news-detail .news-header .date .category {
	display: inline-block;
	margin-left: 3em;
	margin-right: 1em;
	text-align: left
}

.news-detail .news-header .date .category::before {
	content: '\025a0';
	display: inline-block;
	margin-right: .3em
}

.news-detail h3 {
	margin-bottom: 4rem;
	padding-left: 0!important;
	font-size: 2.4rem
}

.news-detail h3::before {
	display: none
}

.news-detail p {
	margin-bottom: 16px
}

.news-detail p.text-box {
	margin-bottom: 40px
}

.news-detail .wysiwyg-editor {
	margin-bottom: 40px
}

.button-group.news-button {
	position: relative;
	margin-bottom: 2rem
}

.button-group.news-button>a {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	border: 1px solid #adb5bd;
	padding: 25px 40px 28px;
	color: #333
}

.button-group.news-button>a::after {
	content: '';
	position: absolute;
	display: block;
	top: 4px;
	left: 4px;
	width: 100%;
	height: 100%;
	border: solid #adb5bd;
	border-width: 0 1px 1px 0
}

.button-group.news-button>a:hover {
	color: #333;
	text-decoration: none
}

.button-group.news-button>a:hover .link-icon {
	text-decoration: none!important
}

.button-group.news-button>a:hover::after {
	display: none;
	transition: none
}

.button-group.news-button>a .link-text {
	flex: 0 0 auto;
	width: auto;
	max-width: calc(100% - 4.8rem);
	text-decoration: underline
}

.button-group.news-button>a .icon-pdf {
	flex: 0 0 2.8rem;
	max-width: 2.8rem;
	color: #dc000c;
	font-size: 2rem;
	padding-right: 8px
}

.button-group.news-button>a .icon-mark2 {
	flex: 0 0 2.8rem;
	max-width: 2.8rem;
	font-size: 2rem;
	padding-right: 8px
}

.button-group.news-button>a .icon-window-new {
	flex: 0 0 2rem;
	max-width: 2rem;
	padding-left: 4px;
	font-size: 1.6rem
}

.privacypolicy .std {
	padding: .5em 0 .6em
}

.privacypolicy .std:before {
	content: none
}

.privacypolicy section {
	margin-bottom: 4.5rem;
	padding-top: 3.2rem
}

.privacypolicy ul.list-circle.dot {
	padding-left: 10px
}

.privacypolicy address {
	padding-left: 1em;
	border-left: 2px solid #333;
	margin-left: 6px
}

.privacypolicy .corporate-norm-list {
	margin-bottom: 2rem
}

.privacypolicy ul.list-circle.black li ul.list-circle.dot {
	padding-left: 0
}

.privacypolicy dl {
	display: flex!important;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 15px
}

.privacypolicy dl dt {
	width: 3em;
	font-weight: 400
}

.privacypolicy dl dd a {
	color: #000;
	text-decoration: underline
}

.privacypolicy dl dd a span {
	margin-left: 10px
}

.career .group-link {
	align-items: center;
	margin: 2rem 0 0;
	border: 1px solid #adb5bd
}

.career .group-link>a {
	padding: 1.25em 0;
	color: #333;
	line-height: 1.4
}

.career .group-link>a.company-link {
	position: relative;
	padding-left: 2em
}

.career .group-link>a.company-link::after {
	content: '';
	position: absolute;
	right: 0;
	top: 25%;
	width: 1px;
	height: 50%;
	background: #adb5bd
}

.career .group-link>a.recruit-link {
	text-align: center
}

.career .group-link>a:hover {
	text-decoration: none
}

.career .group-link>a .icon-window-new {
	margin-left: .5em
}

.sitemap .icon-pdf {
	font-size: 1.2em;
	color: #dc000c;
	vertical-align: sub
}

.sitemap .content-link a {
	position: relative;
	color: #333;
	line-height: 1.5
}

.sitemap .content-link a::after,.sitemap .content-link a::before {
	content: '';
	position: absolute
}

.sitemap .content-link a::before {
	top: 1px;
	bottom: 0;
	margin: auto 0;
	z-index: 1
}

.sitemap .content-link a::after {
	width: 0;
	left: 0;
	height: 1px;
	bottom: -1px;
	z-index: 10;
	transition: .5s all
}

.sitemap .content-link a:hover {
	color: #333;
	text-decoration: none
}

.sitemap .content-link a .icon-window-new {
	margin-left: 4px
}

.sitemap .content-link>li {
	margin-bottom: 3rem
}

.sitemap .content-link>li>a {
	display: block;
	margin-bottom: 1.6rem;
	padding-left: 1.2em;
	padding-bottom: .4rem;
	font-size: 1.6rem;
	font-weight: 700;
	border-bottom: 1px solid #adb5bd
}

.sitemap .content-link>li>a::before {
	top: 0;
	left: 0;
	width: .6em;
	height: .6em;
	border: .2rem solid;
	border-color: #dc000c #dc000c transparent transparent;
	transform: rotate(45deg)
}

.sitemap .content-link>li>ul li>a {
	display: inline-block;
	padding: 0 .2em 0 1.3em;
	margin-bottom: 1.2rem;
	vertical-align: middle
}

.sitemap .content-link>li>ul>li>a {
	font-weight: 700
}

.sitemap .content-link>li>ul>li>a::before {
	left: 2px;
	width: .6em;
	height: .6em;
	border: .2rem solid;
	border-color: #adb5bd #adb5bd transparent transparent;
	transform: rotate(45deg)
}

.sitemap .content-link>li>ul>li>ul {
	margin-bottom: 1.6rem;
	padding-left: 15px
}

.sitemap .content-link>li>ul>li>ul>li>a {
	padding-left: 1.5em
}

.sitemap .content-link>li>ul>li>ul>li>a::before {
	left: .375em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #adb5bd
}

.sitemap .content-link>li>ul>li>ul>li>ul {
	padding-left: 8px
}

.sitemap .content-link>li>ul>li>ul>li>ul>li {
	padding-left: 1em
}

.sitemap .content-link>li>ul>li>ul>li>ul>li>a::before {
	left: 0;
	width: 12px;
	height: 1px;
	background: #868e96
}

.sitepolicy section {
	margin-bottom: 4rem;
	padding-top: 3.2rem
}

.sitepolicy ul.list-circle.dot {
	padding-left: 10px
}

.sitepolicy ol>li {
	padding-bottom: 8px
}

.sitepolicy ol ul.list-circle.dot {
	padding-left: 0;
	margin-left: -4px;
	margin-top: 8px;
	margin-bottom: -8px
}

.sitepolicy .bold-txt {
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 2.4rem
}

.sitepolicy .bold-txt>span {
	display: inline-block
}

.english .site-info .site-logo {
	flex: 0 0 400px;
	max-width: 400px
}

.english .site-info .site-logo a {
	background-image: url(../img/en/common/company_logo_w_en.png)
}

.english .site-info .site-logo a>.company-name {
	font-size: 2rem
}

.english.is-scrolled .site-info .site-logo a,.english.nav-opend .site-info .site-logo a {
	background-image: url(../img/en/common/company_logo_en.png)
}

.english.is-scrolled .site-info .site-logo a>.company-name,.english.nav-opend .site-info .site-logo a>.company-name {
	font-size: 2rem
}

.english header:hover .site-info .site-logo a {
	background-image: url(../img/en/common/company_logo_en.png)
}

.english .footer-main-navigation-container .footer-primary>.menu-item {
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.english.tax-newsgenre .breadcrumb li .breadcrumb_last {
	text-transform: capitalize
}

.english.tax-newsgenre .breadcrumb li .breadcrumb_last.category-ir {
	text-transform: uppercase
}

.english h4 {
	line-height: 1.5
}

.english ul.list-square {
	margin: 0 -20px
}

.english ul.list-square li {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	padding: 0 20px 16px;
	line-height: 1.4
}

.english ul.list-square li span::before {
	top: .45em;
	bottom: auto;
	margin: 0
}

.english ul.list-square li:last-child span::after {
	content: ', etc.';
	margin-left: 0
}

.english ul.list-circle.list-use>li:last-child:after,.english ul.list-circle.list-works>li:last-child:after {
	content: ', etc.';
	margin-left: 0
}

.english h3.side-border span::before {
	width: 120%;
	left: -10%
}

.english ul.list-circle.list-products .sub-list li:not(:last-child):after {
	content: '/';
	padding-left: .3em
}

.english .history-detail-aside p span.sub {
	width: 28rem
}

.english .ul-table {
	position: relative;
	line-height: 1.4;
	padding-bottom: 2px
}

.english .ul-table::after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	height: 2px;
	background: #333;
	bottom: 0;
	z-index: 10
}

.english .ul-table .unit {
	padding: .75rem
}

.english .ul-table .header>ul>li {
	padding: .8rem 0
}

.english .ul-table .header>ul>li::after,.english .ul-table .header>ul>li::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	height: 2px;
	background: #333;
	z-index: 10
}

.english .ul-table .header>ul>li::before {
	top: -1px
}

.english .ul-table .header>ul>li::after {
	bottom: -1px
}

.english .ul-table>li {
	position: relative
}

.english .ul-table>li>ul {
	display: flex
}

.english .ul-table>li>ul>li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .75rem 0;
	flex: 0 0 5.25em;
	max-width: 5.25em
}

.english .ul-table>li>ul>li.th {
	flex: 0 0 9.5em;
	max-width: 9.5em;
	padding: .75rem;
	background: #fff
}

.english .ul-table>li>ul>li.th span {
	flex: 0 0 100%;
	max-width: 100%
}

.english .ul-table .td {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}

.english .ul-table .td.td1 {
	border-left: none
}

.english .ul-table .td.td5 {
	border-right: none
}

.english .ul-table .gray-1 {
	background: #f7f7f7
}

.english .ul-table .gray-2 {
	background: #f0f0f0
}

.english .ul-table .value li::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #ced4da;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10
}

.english .ul-table .value.end li::after {
	content: none
}

.english .news-list dl .news-head .category {
	text-transform: capitalize
}

.english .news-list dl .news-head .category.category-ir {
	text-transform: uppercase
}

.english .news-detail .news-header .date .category {
	text-transform: capitalize
}

.english .news-detail .news-header .date .category.category-ir {
	text-transform: uppercase
}

.english .news .category-nav .category-nav-item {
	text-transform: capitalize
}

.english .news .category-nav .category-nav-item.category-ir {
	text-transform: uppercase
}

.tax-newsgenre.english h3.std {
	text-transform: capitalize
}

.tax-newsgenre.english h3.std.category-ir {
	text-transform: uppercase
}

.english.home .index-title {
	margin-bottom: 8rem
}

.english.home .index-title::before {
	top: auto;
	bottom: -1.6rem
}

.english.home .research-technology ul.row li dl dd p {
	text-align: center;
	max-width: 48rem
}

.english.home .company-information ul.row li.box>a dl dd {
	text-align: center
}

.english .company-outline .company-overview .overview-table dl dt {
	flex: 0 0 14em;
	max-width: 14em
}

.english .history-pagenation ul li a>span {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	flex: 0 0 100%;
	max-width: 100%
}

.english .history-pagenation ul li a>span>.text-section {
	margin-right: 0;
	flex: 0 0 16px;
	max-width: 16px
}

.english .history-pagenation ul li a>span>.text-ttl {
	flex: 0 0 calc(100% - 24px);
	flex-basis: calc(100% - 24px);
	max-width: calc(100% - 24px);
	padding-left: 16px
}

.english .history-link-nav .btn.menu-btn {
	height: auto;
	padding: 1em 3em 1em 1.2em
}

.english .history-link-nav .btn.menu-btn span {
	display: flex!important;
	flex-wrap: wrap;
	align-items: center;
	flex: 0 0 100%;
	max-width: 100%
}

.english .history-link-nav .btn.menu-btn span>.text-section {
	margin-right: 0;
	flex: 0 0 16px;
	max-width: 16px
}

.english .history-link-nav .btn.menu-btn span>.text-ttl {
	flex: 0 0 calc(100% - 16px);
	flex-basis: calc(100% - 16px);
	max-width: calc(100% - 16px);
	padding-left: 16px
}

.english .history-link-nav .btn.menu-btn:hover {
	font-weight: 700
}

.english .history-sec-title .history-title-inner h4>span.text-ttl {
	line-height: 1.3;
	padding-top: 16px
}

.english .history-outline {
	justify-content: center
}

.english .history-outline p {
	flex: 0 0 auto;
	max-width: 1240px;
	padding: 0 20px;
	text-align: center
}

.english .history-read.table dl dt {
	flex: 0 0 4em;
	max-width: 4em
}

.english .history-read.table dl dd {
	flex: 0 0 calc(100% - 4em);
	flex-basis: calc(100% - 4em);
	max-width: calc(100% - 4em)
}

.english .business-aside-bnr-content .bnr-overlay .link-container a {
	font-size: 2.8rem
}

.english .business-aside-bnr-content .bnr-overlay .link-container a span {
	padding-right: 20px;
	line-height: 1.4
}

.english .development .content-header {
	margin-bottom: 6.4rem
}

.english .development .page-notice {
	position: absolute;
	top: 40px;
	left: 20px;
	color: #fff;
	background-color: #dc000c;
	font-weight: 700;
	font-size: 1.8rem;
	padding: .4rem 1.6rem
}

.english .our-technologies h3 {
	margin-bottom: 32px;
	margin-top: 96px
}

.english .our-technologies .lead {
	text-align: center;
	margin-bottom: 40px
}

.english .development-t03 .image-line-end figure {
	margin-bottom: 0
}

.english .ir-strategy .en-ir-note {
	padding-top: 8px;
	text-align: center;
	font-size: 1.25rem
}

.english .ir-strategy .en-ir-note>span {
	display: inline-block;
	text-align: left
}

.english .en-ir-risk {
	margin-top: 160px
}

.english .en-ir-header-text {
	margin-bottom: 56px
}

.english .table tbody tr.sub-item th {
	text-indent: 0;
	padding-left: 1.25em
}

.english .ir .table-type3 thead tr th {
	border-bottom: 2px solid #333
}

.english .ir .table-type3 th.caption {
	padding-right: .8em
}

.english .ir .table-type3 th.caption>span {
	padding-left: 0
}

.english .ir .note::before {
	content: '*';
	text-indent: -.6em;
	font-size: 2em;
	line-height: 0;
	vertical-align: text-bottom;
	padding-bottom: 2px
}

.english .ir-strategy figure {
	max-width: 800px;
	display: block
}

.english .ir-strategy .investment-plan-list {
	margin-bottom: 0;
	padding-left: 2.5em;
	padding-top: 4px;
	display: flex!important;
	flex-wrap: wrap
}

.english .ir-strategy .investment-plan-list dt {
	flex: 0 0 8em;
	max-width: 8em;
	margin-bottom: 4px;
	font-weight: 400
}

.english .ir-strategy .investment-plan-list dd {
	flex: 0 0 calc(100% - 8em);
	flex-basis: calc(100% - 8em);
	max-width: calc(100% - 8em);
	margin-bottom: 4px
}

.english .csr .message-section .row {
	margin-right: -15px;
	margin-left: -15px
}

.english .csr .sign-wrapper .sign {
	align-items: flex-start
}

.english .csr .sign-wrapper .sign .post {
	flex: 0 0 18rem;
	max-width: 18rem
}

.english .csr .sign-wrapper .sign .name>span {
	padding-top: 4px;
	display: block;
	text-align: right
}

.english .csr.csr-report .edition .download-list>li>dl dd a {
	margin-top: .8rem
}

.english .csr .download-list>li>dl dt {
	flex: 0 0 100%;
	max-width: 100%;
	padding-bottom: 12px
}

.english .csr .download-list>li>dl dd {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: right
}

@media screen and (min-width: 321px) {
	body {
			margin:0
	}
}

@media screen and (min-width: 576px) {
	body {
			margin:0
	}

	.hidden-sm-up {
			display: none!important
	}

	.link-btn-l {
			max-width: 32rem
	}

	.business-aside-content .row dl {
			display: flex!important;
			flex-wrap: wrap
	}

	.product-topics-list.all .link-btn-group a {
			margin: 0
	}

	.business-desc-container .business-desc h4 {
			text-align: center
	}

	.business-bnr-container .image-container .bnr-text h3 {
			text-align: center
	}

	.accessories-list {
			margin-bottom: -8rem
	}

	.accessories-list li {
			margin-bottom: 6rem
	}

	.business-functional-deodorize .suminoe-filter .business-aside-inner h5 {
			text-align: center
	}

	.csr .content-header p.csr-lead {
			font-size: 1.6rem;
			margin-bottom: 8.8rem;
			text-align: center
	}

	.csr .content-header p.csr-lead>span {
			display: inline-block
	}

	.csr .content-header p.csr-lead2 {
			text-align: left
	}

	.csr-business .business-public dl.image-list dt {
			padding-bottom: 0
	}

	.chap01 .sdgs-content-06 .link-btn-group .link-btn {
			max-width: 36rem
	}

	.csr-activities-philosophy .agenda-policy-wrapper {
			margin-bottom: 0
	}

	.csr-prevent-action .compliance .theme span {
			display: inline-block
	}

	.csr .thought-content {
			padding-top: .8rem
	}

	.csr .interior-design .col-12 {
			flex: 0 0 41.93548%;
			max-width: 41.93548%
	}

	.csr .interior-design .col-6 {
			flex: 0 0 29.03226%;
			max-width: 29.03226%
	}

	.csr-social-communications .content-header .read-text {
			text-align: center
	}

	.csr-social-communications .section-04 .col-sm-3 {
			flex: 0 0 24.16667%;
			max-width: 24.16667%
	}

	.csr-social-communications .section-04 .col-sm-6 {
			flex: 0 0 51.66667%;
			max-width: 51.66667%
	}

	.csr-esg-social-employee .interview.overseas ol {
			padding-left: 3.6rem
	}

	.csr-social-employee .interview.overseas ol {
			padding-left: 3.6rem
	}

	.csr__process__input__list--text>span {
			display: inline-block
	}

	.csr__process__value__lists--item a br {
			display: none
	}

	.csr__process__output__list--text>span {
			display: inline-block
	}

	.csr__covid .c-head.chapter-02 {
			margin-top: 40px
	}

	.color-white .link-btn:hover {
			color: #333
	}

	.english .ul-table>li>ul>li {
			flex: 0 0 calc((100% - 9.5em)/ 5);
			flex-basis: calc((100% - 9.5em)/ 5);
			max-width: calc((100% - 9.5em)/ 5)
	}

	.en-business-functional-sumitron .sub-container.logo ul li.col-lg-4 {
			padding-bottom: 16px
	}

	.english .development-t03 .image-line-end>div {
			display: flex!important;
			flex-wrap: wrap;
			align-items: flex-end
	}

	.english .development-t03 .image-line-end>div>ul {
			align-self: flex-start;
			flex: 0 0 100%;
			max-width: 100%
	}

	.english .development-t03 .image-line-end>div>figure {
			flex: 0 0 100%;
			max-width: 100%
	}
}

@media screen and (min-width: 768px) {
	body {
			margin:0
	}

	.hidden-md-up {
			display: none!important
	}

	.h4.has-icon,.h5.has-icon,h4.has-icon,h5.has-icon {
			padding-right: 8rem
	}

	.btn.link-btn:hover,.i-btn.link-btn:hover {
			color: #fff
	}

	.btn.link-btn:hover>span.link-icon.icon-pdf,.i-btn.link-btn:hover>span.link-icon.icon-pdf {
			color: #fff
	}

	.section__head {
			display: flex!important;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between
	}

	.contents__list__head h6 .model.diln {
			display: inline-block;
			padding-left: 2em
	}

	.point--text {
			display: inline-block
	}

	footer a {
			transition: .3s opacity
	}

	footer a:hover {
			opacity: .7
	}

	.business-aside-content .business-aside-inner.inner-s {
			padding: 64px 10rem
	}

	.business-aside-content .business-aside-inner.inner-l {
			padding: 4rem 6rem
	}

	.business-aside-content .row {
			margin: 0 -3rem
	}

	.business-aside-content .row>div {
			padding: 0 3rem
	}

	.business-aside-content .row dl dt {
			flex: 0 0 6em;
			max-width: 6em
	}

	.business-aside-content .row dl dd {
			flex: 0 0 calc(100% - 6em);
			flex-basis: calc(100% - 6em);
			max-width: calc(100% - 6em)
	}

	.business-detail-content:nth-of-type(even) .row {
			flex-direction: row-reverse
	}

	.business-detail-content .row {
			margin-left: -2rem;
			margin-right: -2rem
	}

	.business-detail-content .row>div {
			padding: 0 2rem
	}

	.business-detail-content .row .link-btn-group .link-btn {
			margin: 0 auto 0 0
	}

	.business-detail-content .image-list-container ul {
			margin: 0 -2rem
	}

	.business-detail-content .image-list-container ul li {
			padding: 0 2rem
	}

	.business-detail-sub-content .row {
			margin-left: -3rem;
			margin-right: -3rem
	}

	.business-detail-sub-content .row>div {
			padding: 0 3rem
	}

	.business-detail-sub-content .image-list-container ul {
			margin: 0 -2rem
	}

	.business-detail-sub-content .image-list-container ul li {
			padding: 0 2rem
	}

	.business p.lead>span {
			display: inline-block
	}

	.public-product-content .row:nth-of-type(even) {
			flex-direction: row-reverse
	}

	.public-product-content .link-btn-group .link-btn {
			margin: 0 auto 0 0
	}

	.tispa-bnr>.row {
			margin-left: -20px;
			margin-right: -20px
	}

	.tispa-bnr>.row>div {
			padding: 0 20px
	}

	.business-functional-deodorize .suminoe-filter-main {
			margin-bottom: 32px;
			align-items: center
	}

	.company .company-table .business {
			width: 84px
	}

	.company .company-table .country {
			width: 72px
	}

	.company-introduction .main-text p {
			font-size: 1.5rem
	}

	.company-outline .origin-logo .company-logo {
			margin-bottom: 0
	}

	.company-outline .origin-logo .d-flex {
			max-width: 800px;
			margin: 0 auto;
			padding-top: 8px
	}

	.company-outline .origin-logo .origin-text {
			flex: 0 0 calc(100% - 130px);
			flex-basis: calc(100% - 130px);
			max-width: calc(100% - 130px)
	}

	.contact a[href^="tel:"] {
			pointer-events: none
	}

	.contact .contact-box {
			margin-left: -30px;
			margin-right: -30px
	}

	.contact .contact-box>[class^=col-] {
			padding-left: 30px;
			padding-right: 30px
	}

	.csr .index-business {
			flex-direction: row-reverse
	}

	.structure figure.officer {
			display: flex!important;
			flex-wrap: wrap;
			align-items: flex-end
	}

	.structure figure.officer .officer-img {
			flex: 0 0 calc(100% - 19rem);
			flex-basis: calc(100% - 19rem);
			max-width: calc(100% - 19rem)
	}

	.structure figure.officer figcaption.officer-info {
			flex: 0 0 19rem;
			max-width: 19rem;
			padding-left: 2rem
	}

	.structure figure.officer figcaption.officer-info ul.officer-list:first-child {
			margin-bottom: 1.2rem
	}

	.csr .thought-content dt.no-image .info {
			min-height: 100px
	}

	.csr-esg-social-employee .interview p {
			margin-bottom: 2.8rem
	}

	.csr-social-employee .interview p {
			margin-bottom: 2.8rem
	}

	.csr-social-risk .spm .better-wrapper .col-12:nth-of-type(2) {
			padding-right: 25px
	}

	.csr-social-risk .spm .better-wrapper .col-12:nth-of-type(2)::after {
			content: '';
			position: absolute;
			top: 10%;
			right: 0;
			width: 1px;
			height: 80%;
			background: #adb5bd
	}

	.csr-social-risk .spm .better-wrapper .col-12:nth-of-type(3) {
			padding-left: 25px
	}

	.csr-social-risk .barcode h6 {
			margin-left: 10px
	}

	.csr-social-communications .aria-cleaning .h6-head h6 {
			font-size: 1.4rem
	}

	.csr-social-communications .aria-cleaning .h6-head span {
			margin-bottom: .4rem;
			padding: 0!important
	}

	.csr-social-communications .aria-cleaning .h6-head span.block {
			display: block
	}

	.csr-env-management .declare-list {
			display: flex!important;
			flex-wrap: wrap;
			margin: 0 -15px
	}

	.csr-env-management .declare-list li {
			flex: 0 0 50%;
			max-width: 50%;
			padding: 0 15px
	}

	.csr-env-management .declare-ttl dd {
			font-size: 1.65rem
	}

	.csr-esg-env-management .declare-list {
			display: flex!important;
			flex-wrap: wrap;
			margin: 0 -15px
	}

	.csr-esg-env-management .declare-list li {
			flex: 0 0 50%;
			max-width: 50%;
			padding: 0 15px
	}

	.csr-esg-env-management .declare-ttl dd {
			font-size: 1.65rem
	}

	.csr-env-objective .challenge-results h3 a:hover {
			text-decoration: none;
			background: #fff;
			color: #5b9e19
	}

	.csr-env-objective .challenge-results h3 a:hover::after,.csr-env-objective .challenge-results h3 a:hover::before {
			border-color: #5b9e19
	}

	.csr-env-objective .challenge-results h3 a:hover::before {
			transform: translate(4px,4px)
	}

	.csr-env-objective .challenge-results h3 a:hover::after {
			transform: translate(-4px,-4px)
	}

	.csr-env-objective .challenge-results h3 a:hover i {
			color: #dc000c
	}

	.csr-env-objective .input-output .green-wrapper article .col-md-7 {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr-env-objective .input-output .green-wrapper article .col-md-5 {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr-feature-technology .quality .subpage-img.wmax-400 {
			padding-top: .8rem
	}

	.csr-feature-technology .basic-performance figure.row .subpage-img {
			padding-left: 5px
	}

	.csr-feature-training .training-flow section.step4 {
			padding-top: 4rem
	}

	.csr-feature-training .training-flow section.step4 .notice-section {
			margin-top: 9rem;
			margin-right: -8rem
	}

	.csr__process__goals_text {
			flex: 0 0 calc(100% - 240px);
			flex-basis: calc(100% - 240px);
			max-width: calc(100% - 240px);
			padding-right: 192px
	}

	.csr__process__goals_text::after,.csr__process__goals_text::before {
			top: 0;
			bottom: 0;
			margin: auto 0
	}

	.csr__process__goals_text::before {
			width: 100px;
			height: 48px;
			top: -64px;
			right: 48px
	}

	.csr__process__goals_text::after {
			top: -64px;
			right: -24px;
			transform: rotate(-90deg)
	}

	.csr__process__goals_images {
			margin-top: -64px
	}

	.csr__tech__ex__field--item {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr__tech__new__field--item {
			flex: 0 0 20%;
			max-width: 20%;
			padding-left: 8px;
			padding-right: 8px
	}

	.history-content::after {
			content: '';
			display: block;
			position: absolute;
			left: 50%;
			top: 0;
			width: .1rem;
			height: 100%;
			background-color: #ccc;
			z-index: -1
	}

	article.history-article {
			padding-top: 10rem
	}

	.history-read.table dl dt {
			padding-bottom: 0;
			flex: 0 0 18rem;
			max-width: 18rem
	}

	.history-read.table dl dd {
			flex: 0 0 calc(100% - 18rem);
			flex-basis: calc(100% - 18rem);
			max-width: calc(100% - 18rem)
	}

	.history-outline p span {
			display: inline-block
	}

	.history-article-forward h5.history-article-title .link-icon {
			left: -5.35rem
	}

	.history-article-reverse h5.history-article-title .link-icon {
			right: -5.35rem
	}

	.history-article-reverse h5.history-article-title {
			text-align: right
	}

	.history-1895 h5.history-article-title,.history-1953 h5.history-article-title {
			text-align: left
	}

	.history-year {
			position: absolute;
			top: 0
	}

	.history-article-forward .history-year {
			right: 48%
	}

	.history-article-reverse .history-year {
			left: 46%
	}

	.history-article-forward .history-images-inner {
			padding-right: 10rem
	}

	.history-article-reverse .history-images-inner {
			padding-left: 10rem
	}

	.history-article-forward .history-detail-inner {
			padding-left: 4rem
	}

	.history-article-reverse .history-detail-inner {
			padding-right: 4rem
	}

	.home .research-technology ul.row {
			margin: 0 -20px
	}

	.home .research-technology ul.row li {
			padding: 0 20px
	}

	.home .company-information ul.row li.box>a:hover .link-icon {
			background: #dc000c
	}

	.home .company-information ul.row li.box>a:hover .link-icon::before {
			color: #fff
	}

	.home .company-information nav ul.row li {
			margin-bottom: 0
	}

	.group .swiper-custom-parent {
			padding: 0 48px
	}

	.home .banner .content-inner {
			padding: 0 40px
	}

	.home-main.index .content-inner .row.bnr-s .col-md-3 {
			flex: 0 0 22%;
			max-width: 22%
	}

	.ir .table-type3 {
			table-layout: auto
	}

	.ir .table-type3.table-responsive-vertical>colgroup.caption {
			width: 400px
	}

	.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a {
			transition: .3s opacity
	}

	.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a:hover,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw>a:hover {
			opacity: .7
	}

	.en-ir-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li a:hover,.ir-policy-strategy .footer-main-navigation-container .footer-primary .menu-item-sgw .sub-menu li a:hover {
			opacity: .7
	}

	.en-ir-strategy #sgw03 .costattempt-box li,.ir-policy-strategy #sgw03 .costattempt-box li {
			padding-left: 40px;
			padding-right: 40px
	}

	.en-ir-strategy #sgw03 .costattempt-box .arrowtxt::after,.ir-policy-strategy #sgw03 .costattempt-box .arrowtxt::after {
			top: 32%;
			right: -10px;
			border-width: 2.375em 2.64952em;
			border-left-color: currentColor;
			border-right: 0
	}

	.ir-investor-glance .glance-main nav>ul {
			justify-content: center
	}

	.english .history-1895 h5.history-article-title,.english .history-1953 h5.history-article-title {
			text-align: right
	}

	.english .company-outline .company-overview .overview-table dl dd {
			flex: 0 0 calc(100% - 14em);
			flex-basis: calc(100% - 14em);
			max-width: calc(100% - 14em)
	}

	.english .business-aside-content .row dl dt {
			flex: 0 0 11.5em;
			max-width: 11.5em
	}

	.english .business-aside-content .row dl dd {
			flex: 0 0 calc(100% - 11.5em);
			flex-basis: calc(100% - 11.5em);
			max-width: calc(100% - 11.5em)
	}

	.english .ir .table tbody tr.bb.ie-71 {
			height: 71px
	}
}

@media screen and (min-width: 769px) {
	body {
			margin:0
	}

	a.tel-link {
			pointer-events: none;
			color: #333
	}

	a.tel-link:hover {
			color: #333
	}

	.btn.mail-btn:hover {
			background: #dc000c
	}

	.btn.mail-btn:hover>.link-icon,.btn.mail-btn:hover>.link-text {
			color: #fff
	}

	.download-btn:hover {
			background: #333;
			color: #fff
	}

	.download-btn:hover>span.link-icon.icon-pdf {
			color: #fff
	}

	.link-btn:hover {
			color: #fff
	}

	.link-btn:hover:before {
			width: 100%
	}

	.link-btn:hover:after {
			border-color: #fff #fff transparent transparent
	}

	.white-btn .link-btn:hover {
			color: #333
	}

	.white-btn .link-btn:hover::after {
			border-color: #333 #333 transparent transparent
	}

	.black-btn .link-btn:hover {
			color: #fff
	}

	.black-btn .link-btn:hover::after {
			border-color: #fff #fff transparent transparent
	}

	.content-link-index a.main-link::after {
			content: '';
			position: absolute;
			width: 0;
			height: 1px;
			left: 0;
			bottom: -1px;
			background: #dc000c;
			transition: .3s width
	}

	.content-link-index a.main-link:hover::after {
			width: 100%
	}

	.content-link-index .sub-link-list li a.sub-link::after {
			content: '';
			position: absolute;
			width: 0;
			height: 1px;
			left: 0;
			bottom: -1px;
			background: #adb5bd;
			transition: .3s width
	}

	.content-link-index .sub-link-list li a.sub-link:hover {
			color: #333
	}

	.content-link-index .sub-link-list li a.sub-link:hover::after {
			width: 100%
	}

	.text-link-group .news-release-link:hover>span {
			text-decoration: underline
	}

	.site-info {
			flex: 0 0 250px;
			max-width: 250px
	}

	.site-info .site-logo a>.company-name {
			transition: .3s all!important
	}

	.site-nav-main .global-navigation {
			display: flex!important;
			flex-wrap: wrap;
			justify-content: flex-end;
			margin: 0 -15px
	}

	.site-nav-main .global-navigation>.menu-item.is-visible>.sub-menu {
			visibility: visible
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu {
			opacity: 0;
			visibility: hidden;
			padding: 4rem 0
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item a:hover {
			opacity: .6
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item a {
			padding-bottom: 1.4rem;
			font-size: 1.4rem;
			line-height: 1.4
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item:nth-last-child(n+3) {
			margin-bottom: 1.4rem
	}

	.sp-nav-button {
			display: none
	}

	.site-nav {
			flex: 0 0 auto;
			width: auto;
			max-width: 100%
	}

	.site-nav .nav-item-list>li>a:after {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 2.2rem;
			width: 0;
			height: .1rem;
			background-color: #ee2015;
			transition: .3s width
	}

	.site-nav .nav-item-list>li>a:hover:after {
			width: 100%
	}

	.is-scrolled header,.nav-opened header,header:hover {
			background-color: #fff;
			transition: .5s all
	}

	.pagination-row li a:hover,.pagination-row li span:hover {
			background: #333;
			color: #fff
	}

	.pagination-row li.next a:hover,.pagination-row li.prev a:hover {
			background: #333
	}

	.product-topics-list.newly-arrived a:hover::after {
			width: 100%
	}

	.product-topics-list.newly-arrived a:hover img {
			transform: scale(1.1)
	}

	.product-topics-list.all .image-container a:hover img {
			transform: scale(1.1)
	}

	.product-topics-list.all .topics-info .title-link:hover {
			color: #dc000c
	}

	.business-aside-bnr-content .bnr-overlay .link-container a:hover img {
			transform: scale(1.2)
	}

	.business-contact-container .info>p a:hover {
			color: #333;
			border-bottom: 1px solid #333
	}

	.company .company-table h4 a:hover {
			color: #dc000c
	}

	.csr .content-link-banner a:hover {
			border: none
	}

	.csr .content-link-banner a:hover::before {
			opacity: .4
	}

	.csr .content-link-banner a.banner-report:hover::after {
			border-color: #e3e528
	}

	.csr .content-link-banner a.banner-backnumber:hover::after {
			border-color: #56aad0
	}

	.csr .head-arrow:hover::after {
			left: 0
	}

	.csr .head-arrow.red-arrow:hover {
			color: rgba(51,51,51,.8)
	}

	.csr .head-arrow.red-arrow:hover::after {
			background: #dc000c
	}

	.csr .head-arrow.gray-arrow:hover {
			color: rgba(51,51,51,.8)
	}

	.csr .head-arrow.gray-arrow:hover::after {
			background: #adb5bd
	}

	.csr__process__value__business--link a:hover {
			background: #fff;
			text-decoration: none
	}

	.csr__process__value__business--link.business--car a:hover {
			color: #90b921
	}

	.csr__process__value__business--link.business--car a:hover::after {
			border-color: #90b921
	}

	.csr__process__value__business--link.business--interior a:hover {
			color: #f6ad3c
	}

	.csr__process__value__business--link.business--interior a:hover::after {
			border-color: #f6ad3c
	}

	.csr__process__value__business--link.business--public a:hover {
			color: #54c3f1
	}

	.csr__process__value__business--link.business--public a:hover::after {
			border-color: #54c3f1
	}

	.csr__process__value__business--link.business--functional a:hover {
			color: #cc7db1
	}

	.csr__process__value__business--link.business--functional a:hover::after {
			border-color: #cc7db1
	}

	.csr__process__value__lists--item a:hover::after {
			left: 0
	}

	.csr__process__output__list--text ul li a:hover::after {
			left: 0
	}

	.csr__tech__products li a:hover dt img {
			opacity: .8
	}

	.csr__tech__products li a:hover .icon-wrapper {
			transform: scale(1.2)
	}

	.csr__tech__products li a:hover dd {
			background: #fff
	}

	.csr__tech__products li.core--01 a:hover dd {
			color: #b69719
	}

	.csr__tech__products li.core--01 a:hover dd::after {
			border-color: #b69719
	}

	.csr__tech__products li.core--02 a:hover dd {
			color: #b7724e
	}

	.csr__tech__products li.core--02 a:hover dd::after {
			border-color: #b7724e
	}

	.csr__tech__products li.core--03 a:hover dd {
			color: #946274
	}

	.csr__tech__products li.core--03 a:hover dd::after {
			border-color: #946274
	}

	.csr__tech__products li.core--04 a:hover dd {
			color: #3d7599
	}

	.csr__tech__products li.core--04 a:hover dd::after {
			border-color: #3d7599
	}

	.csr__tech__products li.core--05 a:hover dd {
			color: #4d8a79
	}

	.csr__tech__products li.core--05 a:hover dd::after {
			border-color: #4d8a79
	}

	.csr__tech__products li.core--06 a:hover dd {
			color: #678449
	}

	.csr__tech__products li.core--06 a:hover dd::after {
			border-color: #678449
	}

	.csr__tech__products li.core--none a:hover dd {
			color: #003894
	}

	.csr__tech__products li.core--none a:hover dd::after {
			border-color: #003894
	}

	.history-pagenation {
			opacity: 0;
			visibility: hidden;
			transform: translateY(-100%)
	}

	.history-pagenation ul li:after,.history-pagenation ul li:before {
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			margin: auto
	}

	.history-pagenation ul li:before {
			top: -1rem;
			right: -4rem;
			border-style: solid;
			border-color: transparent transparent transparent #fff;
			border-width: 4rem 0 4rem 4rem;
			z-index: 10
	}

	.history-pagenation ul li:after {
			top: 0;
			right: -3rem;
			border-style: solid;
			border-color: transparent transparent transparent #f0f0f0;
			border-width: 3rem 0 3rem 3rem;
			z-index: 10
	}

	.history-pagenation ul li:first-child {
			padding-right: 1rem
	}

	.history-pagenation ul li:first-child a {
			padding-left: 3rem
	}

	.history-pagenation ul li.is-current {
			background: #aa4141
	}

	.history-pagenation ul li.is-current::after {
			border-color: transparent transparent transparent #aa4141
	}

	.history-pagenation ul li a {
			padding-left: 6rem;
			color: #aa4141
	}

	.history-pagenation ul li a span {
			flex: 0 0 auto;
			max-width: auto
	}

	.history-pagenation ul li a span.text-section {
			margin-right: 1em
	}

	.history-pagenation ul li.is-current a {
			color: #fff;
			background-color: #aa4141
	}

	.history-pagenation.is-scrolled {
			opacity: 1;
			visibility: visible;
			transform: translateY(0)
	}

	.history-link-nav .btn.menu-btn:hover {
      text-decoration: none;
			transform: translate(3px,3px);
			background: #aa4141;
			font-weight: 500;
			color: #fff;
			border: solid 1px #aa4141
	}

	.history-link-nav .btn.menu-btn:hover::after {
			transform: translate(-3px,-3px)
	}

	.history-toggle-btn button.menu-btn:hover {
			transform: translate(3px,3px);
			background: #ccc;
			font-weight: 500;
			color: #333;
			border: solid 1px #ccc
	}

	.history-toggle-btn button.menu-btn:hover::after {
			transform: translate(-3px,-3px)
	}

	.ir .banner li a:hover {
			opacity: .7
	}

	.ir-investor-faq .faq-wrapper .faq-btn:hover {
			background: #f0f1f3;
			color: #dc000c
	}

	.ir-investor-faq .faq-wrapper .faq-btn:hover>p .bar::after,.ir-investor-faq .faq-wrapper .faq-btn:hover>p .bar::before {
			background: #dc000c
	}

	.ir-investor-faq .faq-wrapper .faq-btn.open:hover {
			color: #003894
	}

	.ir-investor-faq .faq-wrapper .faq-btn.open:hover>p .bar::after,.ir-investor-faq .faq-wrapper .faq-btn.open:hover>p .bar::before {
			background: #003894
	}

	.news .nav-list a:hover,.release .nav-list a:hover {
			border-bottom: 2px solid #dc000c
	}

	.button-group.news-button>a:hover {
			transform: translate(4px,4px)
	}

	.career .group-link>a:hover {
			color: #dc000c
	}

	.sitemap .content-link>li>a:hover::after {
			background: #dc000c;
			width: 100%
	}

	.sitemap .content-link>li>ul>li>a:hover::after {
			background: #adb5bd;
			width: 100%
	}

	.sitemap .content-link>li>ul>li>ul>li>a:hover::after {
			background: #adb5bd;
			width: 100%
	}

	.sitemap .content-link>li>ul>li>ul>li>ul>li>a:hover::after {
			background: #adb5bd;
			width: 100%
	}

	.english .header-inner {
			position: relative
	}

	.english .site-info {
			padding-top: 17px
	}

	.english .site-nav {
			flex: 0 0 100%;
			max-width: 100%
	}

	.english .site-nav .site-nav-wrapper {
			padding-top: 13px
	}

	.english .site-nav .site-nav-sub {
			position: absolute;
			top: 24px;
			right: 20px;
			padding-top: 0;
			margin-bottom: 0
	}

	.english .site-nav-main .global-navigation>.menu-item>.sub-menu {
			position: absolute;
			top: 96px
	}

	.english .site-nav-main .global-navigation>.menu-item>.sub-menu .menu-item>a {
			padding-right: 16px
	}

	.english .content-wrapper {
			padding-top: 96px
	}

	.english .site-info {
			flex: 0 0 400px;
			max-width: 400px
	}

	.english .site-info .site-logo a>.company-name {
			transition: .3s all!important
	}
}

@media screen and (min-width: 992px) {
	body {
			margin:0
	}

	.hidden-lg-up {
			display: none!important
	}

	.content-link-index.margin-l {
			margin-right: -20px;
			margin-left: -20px
	}

	.content-link-index.margin-l>li {
			padding-right: 20px;
			padding-left: 20px
	}

	.content-nav-list .menu-btn:hover {
			transform: translate(5px,5px)
	}

	.content-nav-list .menu-btn:hover::after {
			transform: translate(-4px,-4px)
	}

	.top-to-btn:hover {
			background: rgba(255,255,255,.85);
			border-color: #333
	}

	.top-to-btn:hover a:after,.top-to-btn:hover a:before {
			background-color: #333
	}

	.site-info {
			flex: 0 0 300px;
			max-width: 300px
	}

	.business .top-index.content-link-index .image-frame {
			width: 100%;
			height: 230px
	}

	.business .top-index.content-link-index .image-frame img {
			width: 100%;
			height: 230px;
			-o-object-fit: cover;
			object-fit: cover;
			font-family: 'object-fit: cover;'
	}

	.business .top-index.content-link-index .art-link-index,.business .top-index.content-link-index .functional-link-index {
			flex: 0 0 50%;
			max-width: 50%;
			margin-bottom: 0
	}

	.business-detail-content dl {
			display: flex!important;
			flex-wrap: wrap
	}

	.business-detail-content dl dt {
			flex: 0 0 8.6rem;
			max-width: 8.6rem
	}

	.business-detail-content dl dd {
			flex: 0 0 calc(100% - 8.6rem);
			flex-basis: calc(100% - 8.6rem);
			max-width: calc(100% - 8.6rem)
	}

	.product-topics-list.newly-arrived {
			margin-left: -20px;
			margin-right: -20px
	}

	.product-topics-list.newly-arrived li {
			padding-left: 20px;
			padding-right: 20px
	}

	.company .company-table .business {
			width: 112px
	}

	.company .company-table .country {
			width: 120px
	}

	.company-outline .offices .row {
			margin: 0 -40px
	}

	.company-outline .office-container {
			padding: 0 40px
	}

	.csr figcaption.h6-caption {
			font-size: 1.6rem
	}

	.csr figcaption.h6-caption::before {
			top: .7em
	}

	.csr .thought-content dt.no-image .info {
			min-height: 150px
	}

	.csr-social-communications .aria-cleaning .h6-head h6 {
			font-size: 1.5rem
	}

	.csr-env-objective .eco-challenge .range-image .company-list li {
			font-size: 1.3rem
	}

	.development-technology .row {
			margin-left: -25px;
			margin-right: -25px
	}

	.development-technology .row>[class^=col-] {
			padding-left: 25px;
			padding-right: 25px;
			margin-bottom: 6.4rem
	}

	.home .news-list-wrapper .link-btn {
			margin: 0
	}

	.ir-stock-information section>.row {
			margin-left: -30px;
			margin-right: -30px
	}

	.ir-stock-information section>.row>div[class^=col-] {
			padding-left: 30px;
			padding-right: 30px
	}

	.ir-highlight .graph-wrapper {
			margin: 0 -30px
	}

	.ir-highlight .graph-wrapper>div {
			padding: 0 30px
	}

	.ir-highlight .graph-wrapper .sales .graph {
			margin-top: -10%
	}

	.ir-highlight .graph-wrapper .operating-profit .graph {
			margin-top: -10%
	}

	.ir-highlight .table {
			margin-top: 0
	}

	.ir-policy-strategy .row,.ir-strategy .row {
			margin-left: -40px;
			margin-right: -40px
	}

	.ir-policy-strategy .row>[class^=col-],.ir-strategy .row>[class^=col-] {
			padding-left: 40px;
			padding-right: 40px
	}

	.ir-investor-glance .glance-strategy .content-inner {
			padding: 0 30px
	}

	.ir-investor-glance .glance-strategy .row {
			margin: 0 -30px
	}

	.ir-investor-glance .glance-strategy .row>div {
			padding: 0 30px
	}

	.english .site-info {
			padding-top: 24px
	}

	.english .site-nav-sub {
			top: 28px
	}

	.english .site-nav-main .global-navigation>.menu-item>.sub-menu {
			left: -100%;
			width: 300%;
			top: 116px
	}

	.english .content-wrapper {
			padding-top: 116px
	}

	.english .site-info {
			flex: 0 0 400px;
			max-width: 400px
	}

	.en-business-public-functionality dl dt {
			flex: 0 0 14em;
			max-width: 14em
	}

	.en-business-public-functionality dl dd {
			flex: 0 0 calc(100% - 14em);
			flex-basis: calc(100% - 14em);
			max-width: calc(100% - 14em)
	}
}

@media screen and (min-width: 1040px) {
	body {
			margin:0
	}

	.home .company-information ul.row {
			margin: 3.5em -20px
	}

	.home .company-information ul.row li.box {
			padding: 20px
	}

	.home .banner .row {
			margin: -30px
	}

	.home .banner .row li {
			padding: 30px
	}

	.home-main.index .content-inner .row.bnr-s .col-md-3 {
			flex: 0 0 23%;
			max-width: 23%
	}
}

@media screen and (min-width: 1200px) {
	body {
			margin:0
	}

	.structure figure.officer .officer-img {
			flex: 0 0 calc(100% - 20rem);
			flex-basis: calc(100% - 20rem);
			max-width: calc(100% - 20rem);
			margin-bottom: 0
	}

	.structure figure.officer figcaption.officer-info {
			flex: 0 0 20rem;
			max-width: 20rem;
			font-size: 1.2rem
	}

	.csr .thought-content dt .info {
			padding-right: 1.8rem
	}

	.ir .banner {
			flex: 0 0 370px;
			max-width: 370px
	}
}

@media screen and (min-width: 1260px) {
	body {
			margin:0
	}

	.business-detail-content .row {
			margin-left: -3rem;
			margin-right: -3rem
	}

	.business-detail-content .row>div {
			padding: 0 3rem
	}

	.ir .news-wrapper {
			flex: 0 0 830px;
			max-width: 830px
	}
}

@media screen and (min-width: 1440px) {
	body {
			margin:0
	}

	.csr .thought-content dt .info {
			background: #f4f5f7
	}

	.csr-esg-social-employee .promote-plan li.point2>dl>dd .row>.col-xl-5 {
			flex: 0 0 41%;
			max-width: 41%
	}

	.csr-esg-social-employee .promote-plan li.point2>dl>dd .row>.col-xl-7 {
			flex: 0 0 59%;
			max-width: 59%
	}

	.csr-social-employee .promote-plan li.point2>dl>dd .row>.col-xl-5 {
			flex: 0 0 41%;
			max-width: 41%
	}

	.csr-social-employee .promote-plan li.point2>dl>dd .row>.col-xl-7 {
			flex: 0 0 59%;
			max-width: 59%
	}

	.csr-env-objective .input-output .green-wrapper article .row {
			justify-content: space-between
	}

	.csr-env-objective .input-output .green-wrapper article .col-md-7 {
			flex: 0 0 calc(100% - 440px);
			flex-basis: calc(100% - 440px);
			max-width: calc(100% - 440px)
	}

	.csr-env-objective .input-output .green-wrapper article .col-md-5 {
			flex: 0 0 420px;
			max-width: 420px
	}

	.csr-social-action .promote-plan li.point2>dl>dd .row>.col-xl-5 {
			flex: 0 0 41%;
			max-width: 41%
	}

	.csr-social-action .promote-plan li.point2>dl>dd .row>.col-xl-7 {
			flex: 0 0 59%;
			max-width: 59%
	}
}

@media screen and (max-width: 1439px) {
	body {
			margin:0
	}
}

@media screen and (max-width: 1259px) {
	body {
			margin:0
	}
}

@media screen and (max-width: 1199px) {
	body {
			margin:0
	}

	.site-nav-main .global-navigation>.menu-item:not(:first-child) {
			margin-left: 24px
	}

	.introduction-header .ttl-wrapper h2 {
			margin-right: 2%
	}

	.csr .thought-content dt .image {
			flex: 0 0 100px;
			max-width: 100px
	}

	.csr .thought-content dt .info {
			flex: 0 0 calc(100% - 100px);
			flex-basis: calc(100% - 100px);
			max-width: calc(100% - 100px)
	}

	.history-pagenation ul li:before {
			right: -3rem
	}

	.history-pagenation ul li:after {
			right: -2rem
	}

	.history-pagenation ul li:first-child a {
			padding-left: 2rem
	}

	.history-pagenation ul li a {
			padding-left: 4rem
	}

	.group .swiper-container {
			margin: 0
	}

	.ir-investor-glance .glance-main nav>ul>li a .page-link-text {
			font-size: 1.3rem
	}

	.ir-investor-benefit section .benefit-list {
			align-items: flex-end
	}

	.ir-investor-benefit .pc-block {
			display: block
	}

	.news-detail h3 {
			font-size: 2.1rem
	}

	.english .history-pagenation ul li a>span>.text-ttl {
			font-size: 1.4rem
	}
}

@media screen and (max-width: 1039px) {
	body {
			margin:0
	}

	.index-title.active::before {
			width: 85%
	}
}

@media screen and (max-width: 991px) {
	body {
			margin:0
	}

	.content-wrapper {
			padding-top: 8.6rem
	}

	.hidden-md-down {
			display: none!important
	}

	.h2.c-head,h2.c-head {
			font-size: 2.1rem
	}

	.h3.std,h3.std {
			padding-left: 54px;
			font-size: 2.1rem
	}

	.h3.std.tcfd::before,h3.std.tcfd::before {
			width: 40px
	}

	.h3.std::before,h3.std::before {
			width: 40px
	}

	.h3.std .tcfd,h3.std .tcfd {
			width: 50%;
			margin-left: 0
	}

	.h3.border-only,h3.border-only {
			font-size: 1.8rem
	}

	.h3.border-only.sub .main-ttl,h3.border-only.sub .main-ttl {
			font-size: 2.4rem
	}

	.h3.simple,h3.simple {
			font-size: 2.1rem
	}

	.h3.center,h3.center {
			font-size: 2.1rem
	}

	.h3.left-border,h3.left-border {
			font-size: 2.1rem
	}

	.h4.std,.h5.std,h4.std,h5.std {
			font-size: 1.6rem
	}

	.h4.std.text-l,.h5.std.text-l,h4.std.text-l,h5.std.text-l {
			font-size: 2.1rem
	}

	.h4.border-only,.h5.border-only,h4.border-only,h5.border-only {
			font-size: 1.8rem
	}

	ul.list-square li {
			flex: 0 0 25%;
			max-width: 25%
	}

	.footer-bottom-navigation-container .footer-secondary .menu-item:not(:last-child) a {
			padding-right: 1.6rem;
			margin-right: 1.6rem
	}

	.site-info .site-logo a>.company-name {
			font-size: 1.4rem
	}

	.site-nav-sub {
			margin-bottom: 2rem;
			padding-top: 2rem
	}

	.site-nav-sub .site-nav-list li:not(:last-child) {
			margin-right: 1.2rem;
			padding-right: 1.2rem
	}

	.site-nav-sub .site-nav-list li a {
			font-size: 1.2rem
	}

	.site-nav-main .global-navigation>.menu-item:not(:first-child) {
			margin-left: 2px
	}

	.site-nav-main .global-navigation>.menu-item>a {
			font-size: 1.4rem;
			padding: 0 12px 20px
	}

	.site-nav-main .global-navigation>.menu-item>a::after {
			left: 12px
	}

	.site-nav-main .global-navigation>.menu-item>a:hover::after {
			width: calc(100% - 24px)
	}

	.site-nav-main .global-navigation>.menu-item.is-visible>a::after {
			width: calc(100% - 24px)
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu {
			top: 8.6rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item>a {
			flex: 0 0 18rem;
			max-width: 18rem;
			padding-left: 16px
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu {
			flex: 0 0 calc(100% - 18rem);
			flex-basis: calc(100% - 18rem);
			max-width: calc(100% - 18rem)
	}

	.site-nav .nav-item-list>li>a:after {
			top: 1.8rem
	}

	.notfound p {
			font-size: 1.4rem
	}

	.anchor-target {
			margin-top: -8.7rem;
			padding-top: 8.7rem
	}

	.business h3.public-prodcut-desc {
			margin-bottom: 6rem;
			text-align: left
	}

	.business p.lead {
			font-size: 2.1rem
	}

	.product-topics-list.all .image-container {
			flex: 0 0 30rem;
			max-width: 30rem
	}

	.product-topics-list.all .info-container {
			flex: 0 0 calc(100% - 30rem);
			flex-basis: calc(100% - 30rem);
			max-width: calc(100% - 30rem);
			padding-left: 4rem
	}

	.business-aside-bnr-content .bnr-overlay .link-container a {
			font-size: 2.6rem
	}

	.business-aside-bnr-content .bnr-overlay .link-container a:after {
			width: 14px;
			height: 14px
	}

	.business-bnr-container .image-container .bnr-text h3 {
			font-size: 2.6rem
	}

	.business-functional-deodorize .suminoe-filter .business-aside-inner.inner-s {
			padding-left: 40px;
			padding-right: 40px
	}

	.introduction-header {
			height: 300px
	}

	.introduction-header .img-wrapper {
			height: 300px
	}

	.introduction-header .img-wrapper .object-fit-img {
			height: 300px
	}

	.introduction-header .ttl-wrapper h2 {
			flex: 0 0 39rem;
			max-width: 39rem;
			margin-right: 0;
			font-size: 3.8rem
	}

	.covid19 h3.ttl-ordered {
			padding-left: 48px;
			font-size: 2.1rem
	}

	.csr section {
			padding-top: 2.4rem
	}

	.csr section:not(:nth-last-of-type(1)) {
			margin-bottom: 3.2rem
	}

	.csr-esg-social-employee .interview>dl.person .image {
			flex: 0 0 150px;
			max-width: 150px
	}

	.csr-esg-social-employee .interview>dl.person .info {
			flex: 0 0 calc(100% - 150px);
			flex-basis: calc(100% - 150px);
			max-width: calc(100% - 150px)
	}

	.csr-social-employee .interview>dl.person .image {
			flex: 0 0 150px;
			max-width: 150px
	}

	.csr-social-employee .interview>dl.person .info {
			flex: 0 0 calc(100% - 150px);
			flex-basis: calc(100% - 150px);
			max-width: calc(100% - 150px)
	}

	.csr-feature-technology .electrode .point-list {
			margin: 0 -10px
	}

	.csr-feature-technology .electrode .point-list li {
			padding: 0 10px
	}

	.csr-feature-technology .electrode .point-list dt {
			font-size: 1.4rem;
			padding-left: 1.5em
	}

	.csr-feature-technology .electrode .point-list dd {
			padding: 0 1.2rem
	}

	.csr-report .edition {
			padding-top: 2rem
	}

	.csr__covid__section .thought-content dd.equalheight1 {
			min-height: 11em
	}

	.csr__covid__section .thought-content dd.equalheight2 {
			min-height: 11em
	}

	.development-technology .page-notice {
			padding: .2rem 1.2rem
	}

	.history-pagenation ul li:before {
			border-width: 4rem 0 4rem 2.2rem;
			right: -2.2rem
	}

	.history-pagenation ul li:after {
			right: -1.4rem;
			border-width: 3rem 0 3rem 1.4rem
	}

	.history-pagenation ul li:first-child a {
			padding-left: 1rem
	}

	.history-pagenation ul li a {
			padding-left: 2.6rem
	}

	.history-pagenation ul li a span.text-section {
			display: block
	}

	.history-mv-images {
			height: 40rem
	}

	.history-mv-inner {
			height: 40rem
	}

	.history-intro-inner h3 {
			font-size: 2.4rem
	}

	.history-link-nav ul {
			margin: 0 -.8rem
	}

	.history-link-nav ul li {
			padding: 0 .8rem
	}

	.history-link-nav .btn span.text-section {
			display: block
	}

	.history-link-nav .btn {
			padding-left: 1.6rem
	}

	.history-sec-title .history-title-images {
			height: 40rem
	}

	.history-sec-title .history-title-inner {
			height: 40rem
	}

	.history-article-forward .history-images-inner {
			padding-right: 5rem
	}

	.history-article-reverse .history-images-inner {
			padding-left: 5rem
	}

	.home .news-list-wrapper h2.news-ttl {
			margin-bottom: .5em;
			font-size: 3.6rem
	}

	.home .business-product .slider-controller li {
			font-size: 1.4rem;
			padding: 1.3em 2.5em
	}

	.home .business-product .slider-controller li::before {
			right: 2rem
	}

	.home .business-product .slider-controller li.active::after,.home .business-product .slider-controller li:hover::after {
			width: 4rem
	}

	.ir h3.ttl-ordered {
			padding-left: 48px;
			font-size: 2.1rem
	}

	.ir .news-list dl dt {
			flex: 0 0 100%;
			max-width: 100%;
			padding-bottom: 0
	}

	.ir .news-list dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			padding-top: .5em
	}

	.ir .cont-responsive>table td,.ir .cont-responsive>table th {
			font-size: 1.3rem
	}

	.ir-investor-glance .glance-main nav>ul>li {
			flex: 0 0 25%;
			max-width: 25%
	}

	.ir-investor-glance .glance-numeral dd>.value {
			font-size: 6rem;
			line-height: .4
	}

	.ir-investor-glance .glance-numeral dd>.value>.unit {
			font-size: 2rem
	}

	.ir-investor-glance .glance-numeral dd>.value>.unit.unit-indent {
			margin-top: 1.6em
	}

	.ir-activities-message.c-head {
			font-size: 2.5rem
	}

	.ir-activities-tech>li {
			padding: 20px
	}

	.ir-activities-tech>li dt {
			height: 100px
	}

	.news-list dl {
			display: block
	}

	.news-list dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			padding-top: .5em
	}

	.english .ul-table {
			max-width: 800px;
			margin: 48px auto 0
	}

	.english .business-aside-bnr-content .bnr-overlay .link-container a {
			font-size: 2.2rem
	}

	.english .development .page-notice {
			padding: .2rem 1.2rem
	}
}

@media screen and (max-width: 768px) {
	body {
			margin:0
	}

	.content-wrapper {
			padding-top: 6rem
	}

	.header-inner {
			height: 6rem;
			padding: 0
	}

	.site-info {
			display: flex!important;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 100%;
			padding: 0 2rem;
			position: relative;
			z-index: 20
	}

	.site-nav-sub {
			display: none
	}

	.site-nav-main .global-navigation {
			overflow-y: auto;
			height: 100%;
			padding-bottom: 160px
	}

	.site-nav-main .global-navigation>.menu-item {
			display: flex!important;
			flex-wrap: wrap;
			width: 100%
	}

	.site-nav-main .global-navigation>.menu-item:not(:first-child) {
			margin-left: 0
	}

	.site-nav-main .global-navigation>.menu-item>a {
			display: none
	}

	.site-nav-main .global-navigation>.menu-item.sp-only>a {
			display: block;
			color: #fff!important;
			position: relative;
			padding-left: 36px;
			padding-right: 16px;
			font-size: 1.5rem;
			width: 100%;
			padding-top: 1.5rem;
			padding-bottom: 1.5rem;
			line-height: 1.8
	}

	.site-nav-main .global-navigation>.menu-item.sp-only>a::before {
			left: 1.8rem;
			top: 2.4rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu {
			position: relative;
			top: 0;
			border-bottom: solid .1rem #444
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item {
			padding: 0;
			position: relative;
			flex-direction: row-reverse
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item>a {
			flex: 0 0 calc(100% - 72px);
			flex-basis: calc(100% - 72px);
			max-width: calc(100% - 72px);
			padding-left: 36px;
			padding-right: 16px
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item>a::before {
			left: 1.8rem;
			top: 2.4rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item a {
			font-size: 1.5rem;
			width: 100%;
			padding-top: 1.5rem;
			padding-bottom: 1.5rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu {
			flex: 0 0 100%;
			max-width: 100%;
			flex-basis: 100%;
			background-color: #444;
			margin: 0;
			width: 100%;
			max-height: 0;
			overflow: hidden;
			max-width: 100%;
			transition: .5s max-height;
			padding-left: 0
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item {
			padding: 0 2rem 0 3rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item a:before {
			left: -.3rem;
			top: 2.4rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item:not(:last-child) a {
			border-bottom: solid .1rem #555
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item:nth-child(2n+1):nth-last-of-type(2) a {
			border-bottom: none
	}

	.site-nav {
			position: fixed;
			width: 100%;
			top: -100%;
			left: 0;
			z-index: 50;
			height: 100%;
			visibility: hidden;
			transition: .5s all;
			z-index: -1
	}

	.site-nav .site-nav-main,.site-nav .site-nav-wrapper {
			height: 100%
	}

	.sub-menu .plus {
			flex: 0 0 72px;
			max-width: 72px;
			position: relative
	}

	.sub-menu .plus:after,.sub-menu .plus:before {
			content: '';
			position: absolute;
			height: .2rem;
			width: 1.6rem;
			top: 50%;
			left: 50%;
			margin-top: -.1rem;
			margin-left: -.8rem;
			background: #fff;
			transition: .5s all
	}

	.sub-menu .plus:after {
			transform: rotate(90deg)
	}

	.is-scrolled header .site-info,.nav-opened header .site-info,header:hover .site-info {
			background-color: #fff;
			transition: .5s all
	}

	.csr-activities-philosophy .agenda-policy .agenda {
			width: 8.5em
	}

	.csr__business {
			padding-top: 64px!important
	}

	.history-pagenation {
			bottom: 0
	}

	.history-pagenation-inner {
			height: 5rem;
			margin: 0;
			padding: 0!important
	}

	.history-pagenation ul {
			border: none
	}

	.history-pagenation ul li {
			background: #aa4141
	}

	.history-pagenation ul li:first-child a {
			padding-left: 0
	}

	.history-pagenation ul li:not(:last-child) {
			border-right: solid .1rem #fff
	}

	.history-pagenation ul li a {
			color: #fff;
			text-align: center;
			padding-left: 0
	}

	.history-pagenation ul li a span {
			width: 100%
	}

	.history-pagenation ul li a span.text-ttl {
			display: none
	}

	.ir-activities-tech>li {
			padding: 10px
	}

	.ir-activities-tech>li dt {
			height: 84px
	}
}

@media screen and (max-width: 767px) {
	body {
			margin:0
	}

	.hidden-sm-down {
			display: none!important
	}

	.table-wrapper {
			overflow: auto
	}

	.read-text {
			font-size: 1.4rem
	}

	.h3.std.tcfd,h3.std.tcfd {
			margin-top: 30px
	}

	.h3.std.tcfd::before,h3.std.tcfd::before {
			top: -33px
	}

	.h3.border-only span img.tcfd,h3.border-only span img.tcfd {
			width: 40%;
			margin-left: 0
	}

	.h3.side-border,h3.side-border {
			font-size: 2.7rem;
			padding: 22px 0 24px;
			border-top: 1px solid #dc000c;
			border-bottom: 1px solid #dc000c
	}

	.h3.side-border::before,h3.side-border::before {
			content: none
	}

	.h4.has-icon,.h5.has-icon,h4.has-icon,h5.has-icon {
			padding-top: 44px
	}

	.h4.has-icon .icon,.h5.has-icon .icon,h4.has-icon .icon,h5.has-icon .icon {
			right: auto;
			left: 0;
			top: 0
	}

	.h4.has-icon .icon img,.h5.has-icon .icon img,h4.has-icon .icon img,h5.has-icon .icon img {
			height: 40px
	}

	.h4.human-text,.h5.human-text,h4.human-text,h5.human-text {
			font-size: 1.5rem
	}

	.content-nav-list li:last-of-type {
			margin-bottom: 0
	}

	.table-responsive {
			margin-left: 0;
			margin-right: 0;
			width: 100%;
			overflow-x: auto;
			padding-bottom: 10px
	}

	.table-responsive::-webkit-scrollbar {
			height: 1.3rem
	}

	.table-responsive::-webkit-scrollbar-track {
			border-radius: 0;
			border: .1rem solid #adb5bd;
			box-shadow: none
	}

	.table-responsive::-webkit-scrollbar-thumb {
			background-color: #666;
			border-radius: 0;
			box-shadow: none
	}

	ul.list-square li {
			flex: 0 0 33.333%;
			max-width: 33.333%
	}

	.section__image {
			margin-top: -32px;
			padding: 0 10px
	}

	.policy-action-link .link-text {
			font-size: 1.4rem
	}

	.breadcrumb ul {
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 14px;
			padding-bottom: 10px
	}

	.breadcrumb li a {
			margin-right: 1.7em;
			font-size: 1.2rem;
			margin-bottom: 6px
	}

	.breadcrumb li a::after {
			right: -1.1em;
			width: .6em;
			height: .6em
	}

	.breadcrumb li .breadcrumb_last {
			font-size: 1.2rem;
			margin-bottom: 6px;
			padding-left: 1.35em
	}

	.breadcrumb li .breadcrumb_last::before {
			top: 0;
			width: .6em;
			height: .6em;
			left: .15em
	}

	.header-breadcrumb {
			display: none
	}

	.footer-main-navigation-container .footer-primary>.menu-item {
			margin-bottom: 5rem;
			flex: 0 0 50%;
			max-width: 50%
	}

	.footer-bottom-navigation-container {
			padding: 2rem 0
	}

	.footer-bottom-navigation-container .footer-secondary .menu-item {
			display: inline-block;
			line-height: 2.4
	}

	.site-info .site-logo {
			flex: 0 0 230px;
			max-width: 230px;
			width: 230px;
			height: 32px
	}

	.site-info .site-logo a>.company-name {
			padding-left: 100px;
			font-size: 1.6rem
	}

	.site-info .site-logo a>.company-name {
			padding-left: 100px;
			font-size: 1.6rem
	}

	#loader .load-txt {
			width: 60%
	}

	#loader .load-name {
			width: 60%
	}

	#loader .load-logo .logo-img {
			max-width: 146px;
			width: 100%
	}

	.page-mv {
			height: 300px
	}

	.page-mv img.object-fit-img {
			height: 300px
	}

	.page-mv .mv-title h2 {
			font-size: 3rem
	}

	.anchor-target {
			margin-top: 6rem;
			padding-top: 6rem
	}

	.business .content-inner-l>section.public-link-content,.business .content-inner>section.public-link-content {
			margin-bottom: 8rem
	}

	.business-aside-content {
			margin-top: 10rem
	}

	.business-aside-content .business-aside-inner {
			padding: 4rem 2rem
	}

	.business-aside-content h4 {
			text-align: left
	}

	.business-aside-content .row>div.read {
			margin-bottom: 4rem
	}

	.business-aside-content .row>div.logo {
			max-width: 24rem;
			margin-left: auto;
			margin-right: auto;
			padding: 0
	}

	.business-detail-content .row>div.col-md-5 {
			margin-top: 4.8rem
	}

	.business-detail-content .sub-container.logo ul {
			display: block;
			margin: 0
	}

	.business-detail-content .sub-container.logo ul li {
			padding: 0;
			max-width: 21rem;
			margin-left: auto;
			margin-right: auto
	}

	.business-detail-content .sub-container.logo ul li:not(:last-child) {
			margin-bottom: 1rem
	}

	.business-detail-content .table-responsive>div {
			padding: 0
	}

	.business-detail-content .table-responsive .graph-content {
			min-width: 72.8rem
	}

	.business h3.public-prodcut-desc {
			margin-bottom: 4rem
	}

	.business p.lead {
			text-align: left;
			margin-bottom: 40px
	}

	.product-topics-list.all .image-container {
			flex: 0 0 24rem;
			max-width: 24rem
	}

	.product-topics-list.all .info-container {
			flex: 0 0 calc(100% - 24rem);
			flex-basis: calc(100% - 24rem);
			max-width: calc(100% - 24rem)
	}

	.product-topics-list.all .topics-info {
			margin-bottom: 16px
	}

	.public-product-content .col-md-7 {
			margin-bottom: 5rem
	}

	.public-product-content .business-image-list {
			margin-top: 4rem
	}

	.public-product-content .business-image-list li {
			margin-bottom: 3rem
	}

	.business-aside-bnr-content>ul {
			margin: 0 -1.5rem
	}

	.business-aside-bnr-content>ul li {
			padding: 0 1.5rem
	}

	.business-aside-bnr-content>ul li:not(:last-child) {
			margin-bottom: 6rem
	}

	.business-aside-bnr-content .bnr-overlay .link-container a {
			font-size: 2.2rem
	}

	.accessories-list li .data-content dl dt {
			flex: 0 0 8rem;
			max-width: 8rem
	}

	.accessories-list li .data-content dl dd {
			flex: 0 0 calc(100% - 8rem);
			flex-basis: calc(100% - 8rem);
			max-width: calc(100% - 8rem)
	}

	.functional-image-container .image-inner.inner-l {
			margin-bottom: 6rem
	}

	.business-functional-deodorize .suminoe-filter-main .img--box {
			margin-bottom: 16px
	}

	.company .company-table .addres th,.company .company-table td {
			border: none
	}

	.company .company-table .addres th dl,.company .company-table td dl {
			margin-bottom: 1.6rem
	}

	.company .company-table th.name-description {
			border-top: 1px solid #ced4da;
			display: block;
			width: 100%
	}

	.company .company-table .business,.company .company-table .country {
			display: inline-block;
			border: none
	}

	.company .company-table .business>ul {
			padding-right: .8em;
			border-right: 1px solid #ced4da
	}

	.company .company-table .info {
			display: block;
			width: 100%;
			border-top: none;
			padding-top: .25em
	}

	.introduction-header {
			height: auto
	}

	.introduction-header .img-wrapper {
			position: relative;
			margin-bottom: 40px
	}

	.introduction-header .ttl-wrapper h2 {
			flex: 0 0 100%;
			max-width: 100%
	}

	.company-philosophy .corporate-motto.sec05 {
			margin-bottom: 5rem;
			padding-top: 9rem;
			padding-bottom: 0
	}

	.company-philosophy .corporate-motto.sec05 h3 {
			display: none;
			margin-bottom: 4.5rem;
			font-size: 2.4rem;
			letter-spacing: normal
	}

	.english .company-philosophy .corporate-motto.sec05 h3 {
			display: block
	}

	.company-philosophy .corporate-motto.sec05 h3 span {
			font-size: 2.4rem;
			letter-spacing: normal
	}

	.company-philosophy .corporate-motto.sec05 .sec05-text_sp {
			display: block;
			width: 100%;
			margin-bottom: 4.5rem
	}

	.company-philosophy .corporate-motto.sec05 p {
			font-size: 1.4rem
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list {
			flex-direction: column
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list::after {
			max-width: 646px;
			width: 80vw;
			height: 956px;
			top: 140px;
			right: -50px;
			left: 0;
			margin: 0 auto;
			background: url(../img/company/philosophy/sec_05_arrow_sp.png) no-repeat center top;
			background-size: contain
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li {
			font-size: 2rem
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li:first-of-type {
			width: 100%
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li:nth-of-type(2) {
			width: 100%
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list,.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list {
			display: flex;
			margin: 0 20px
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dt,.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dt {
			font-size: 2rem;
			text-align: inherit;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd,.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dd {
			margin-top: 0;
			margin-left: 10px
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd {
			margin-top: 0
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission {
			flex-direction: column
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div {
			margin: 0 auto
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div:not(:last-of-type) {
			margin: 0 auto 30px
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div:first-of-type {
			top: auto;
			width: 50%
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div:nth-of-type(2) {
			top: auto;
			width: 85%
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-mission-list dd .image-mission>div:nth-of-type(3) {
			top: auto;
			width: 85%
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dd {
			margin-top: 0;
			margin-left: 5px
	}

	.company-philosophy .corporate-motto.sec05 .image-process-wrapper ul.image-process-list li dl.image-vision-list dd .image-vision .bgvision {
			display: none
	}

	.company-group .lead>.border-decorations {
			margin: 0
	}

	.company-group .lead>.border-decorations::after,.company-group .lead>.border-decorations::before {
			width: 100%;
			margin: 1.5em auto
	}

	.company-group .company-table .address {
			display: block
	}

	.csr .health-promotion-img {
			margin: 30px auto 20px
	}

	.csr .employee-initiative-details h6 span {
			margin-left: 35px
	}

	.csr.main {
			padding-bottom: 10px
	}

	.csr .notice-section {
			padding-left: 2.4rem;
			padding-right: 2.4rem
	}

	.csr .content-header .csr-message {
			font-size: 2.4rem
	}

	.csr .index-business,.csr .index-message {
			margin: 0 -20px 4rem;
			width: calc(100% + 40px)
	}

	.csr .index-business figure,.csr .index-message figure {
			flex: 0 0 100%;
			max-width: 100%;
			padding: 20px;
			height: 400px
	}

	.csr .index-business dl.link-index,.csr .index-message dl.link-index {
			flex: 0 0 100%;
			max-width: 100%;
			padding: 0 2rem 2.6rem
	}

	.csr .index-business dl.link-index,.csr .index-message dl.link-index {
			padding: 0 1.5rem 2.4rem
	}

	.csr-business dl.image-list {
			padding-bottom: 0
	}

	.csr-business dl.image-list dd figcaption {
			margin-bottom: 2rem
	}

	.structure figure.officer {
			margin-top: -1.6rem
	}

	.structure figure.officer figcaption.officer-info {
			display: flex!important;
			flex-wrap: wrap
	}

	.structure figure.officer figcaption.officer-info ul.officer-list {
			flex: 0 0 auto;
			width: auto;
			max-width: 100%
	}

	.compliance .notice-section .point-list .graph li {
			flex: 0 0 240px;
			max-width: 240px;
			padding: 0 20px
	}

	.csr-prevent-project .project03 .notice-section {
			margin-bottom: 3.2rem
	}

	.csr-esg-social-employee .promote-plan li.point1>dl>dd {
			font-size: 1.5rem
	}

	.csr-esg-social-employee .promote-plan li.point2>dl>dd dd,.csr-esg-social-employee .promote-plan li.point2>dl>dd dt {
			font-size: 1.5rem
	}

	.csr-esg-social-employee .interview>dl.person .image {
			flex: 0 0 100px;
			max-width: 100px
	}

	.csr-esg-social-employee .interview>dl.person .info {
			flex: 0 0 calc(100% - 100px);
			flex-basis: calc(100% - 100px);
			max-width: calc(100% - 100px);
			padding-left: 1.5rem
	}

	.csr-social-employee .promote-plan li.point1>dl>dd {
			font-size: 1.5rem
	}

	.csr-social-employee .promote-plan li.point2>dl>dd dd,.csr-social-employee .promote-plan li.point2>dl>dd dt {
			font-size: 1.5rem
	}

	.csr-social-employee .interview>dl.person .image {
			flex: 0 0 100px;
			max-width: 100px
	}

	.csr-social-employee .interview>dl.person .info {
			flex: 0 0 calc(100% - 100px);
			flex-basis: calc(100% - 100px);
			max-width: calc(100% - 100px);
			padding-left: 1.5rem
	}

	.csr .acquisition-status colgroup.label col.office {
			width: 10em
	}

	.csr .acquisition-status colgroup.ca {
			width: 7.25em
	}

	.csr .acquisition-status colgroup.limit,.csr .acquisition-status colgroup.register {
			width: 5.25em
	}

	.csr-social-risk .barcode {
			padding-top: 2rem
	}

	.csr-social-risk .barcode .subpage-img {
			margin-left: -10px
	}

	.csr-env-objective .eco-challenge .range-image>li.d-industry-car {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr-env-objective .eco-challenge .range-image>li.d-interior {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr-env-objective .eco-challenge .range-image>li.d-functional {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr-env-objective .eco-challenge .range-image>li.d-technology {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr-env-objective .eco-challenge .target-results table {
			max-width: 615px;
			border-collapse: separate;
			border-spacing: 0
	}

	.csr-env-objective .eco-challenge .target-results table td,.csr-env-objective .eco-challenge .target-results table th {
			border-left: none;
			border-top: none
	}

	.csr-env-objective .eco-challenge .target-results table td.no,.csr-env-objective .eco-challenge .target-results table th.no {
			border-left: 1px solid #ced4da
	}

	.csr-env-objective .eco-challenge .target-results table td.item2 {
			border-right-width: 2px
	}

	.csr-env-objective .eco-challenge .target-results table th.item1 {
			border-right-width: 2px
	}

	.csr-env-objective .eco-challenge .target-results table td.item1[colspan] {
			border-right-width: 2px
	}

	.csr-env-objective .eco-challenge .target-results thead th {
			border-top: 1px solid #ced4da
	}

	.csr-env-objective .eco-challenge .target-results td.no,.csr-env-objective .eco-challenge .target-results th.no {
			position: -webkit-sticky;
			position: sticky;
			left: 0
	}

	.csr-env-objective .eco-challenge .target-results td.item1,.csr-env-objective .eco-challenge .target-results th.item1 {
			position: -webkit-sticky;
			position: sticky;
			left: 27px
	}

	.csr-env-objective .eco-challenge .target-results td.item2,.csr-env-objective .eco-challenge .target-results th.item2 {
			position: -webkit-sticky;
			position: sticky;
			left: 86px
	}

	.csr-env-objective .eco-challenge .target-results colgroup .no {
			width: 27px
	}

	.csr-env-objective .eco-challenge .target-results colgroup .item1 {
			width: 73px
	}

	.csr-env-objective .eco-challenge .target-results colgroup .item2 {
			width: 122px
	}

	.csr-env-objective .eco-challenge .target-results colgroup .target {
			width: 6em
	}

	.csr-env-objective .eco-challenge .target-results colgroup .std {
			width: 5em
	}

	.csr-env-objective .input-output .wrapper-inner {
			margin: 0 15px 4rem 15px
	}

	.csr-env-objective .input-output h4 {
			font-size: 4rem;
			height: 3.5rem
	}

	.csr-env-objective .input-output h5 .ttl {
			font-size: 1.6rem
	}

	.csr-env-objective .input-output dl.graph dd {
			margin-right: -30px
	}

	.csr-env-objective .input-output article {
			padding: 20px 15px
	}

	.csr-env-objective .input-output .green-wrapper h4 {
			height: 7.1rem
	}

	.csr-env-objective .input-output .green-wrapper .read-text {
			padding: 20px 20px 0
	}

	.csr-feature .table thead th:nth-of-type(2) {
			width: 5.5em
	}

	.csr-feature-technology h3 {
			padding-top: 6.4rem
	}

	.csr-feature-technology h3.no-icon {
			padding-top: 3.2rem
	}

	.csr-feature-technology .technology-icon {
			top: 42px;
			right: auto;
			left: 0
	}

	.csr-feature-technology .technology-icon img {
			height: 40px
	}

	.csr-feature-technology .quality .subpage-img.wmax-400 {
			margin-top: -1.6rem
	}

	.csr-feature-training .em {
			right: 8px
	}

	.csr-feature-training .training-flow .col-12,.csr-feature-training .training-flow .col-md-6 {
			padding-left: 96px
	}

	.csr-feature-training .training-flow .flow-ttl::after {
			bottom: -1rem;
			width: 2rem;
			height: 2rem;
			left: 14px;
			transform: rotate(45deg);
			right: auto;
			margin: 0
	}

	.csr-feature-training .training-flow .flow-ttl .em {
			right: 8px
	}

	.csr-feature-training .training-flow section {
			padding: 3.2rem 0
	}

	.csr-feature-training .training-flow section::before {
			left: 24px;
			right: auto;
			margin: 0
	}

	.csr-feature-training .training-flow h4::before {
			width: calc(100% + 30px);
			left: -30px
	}

	.csr-feature-training .training-flow h4 .ttl-icon {
			font-size: 3.7rem;
			right: auto;
			left: -42px
	}

	.csr-feature-training .training-flow .flex-md-row-reverse h4::before {
			left: -30px
	}

	.csr-feature-training .training-flow .flex-md-row-reverse h4 .ttl-icon {
			left: -42px
	}

	.csr-report .edition .download-list>li>dl dt {
			flex: 0 0 100%;
			max-width: 100%;
			margin-bottom: 1.6rem
	}

	.csr-report .edition .download-list>li>dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			text-align: center;
			padding-left: 0;
			margin-bottom: .8rem
	}

	.csr-report .backnumber .back-5 {
			font-size: 1.3rem
	}

	.csr-blue {
			font-size: 1.6rem;
			padding: 5px 5px
	}

	.csr-policy h4 {
			font-size: 1.6rem
	}

	.csr-policy p {
			font-size: 1.4rem
	}

	.csr-policy-title {
			font-size: 1.6rem
	}

	.csr-policy-container {
			padding: 0 10px 15px
	}

	.csr-policy-container .csr-relation-title {
			font-size: 1.6rem
	}

	.csr-policy-container .csr-policy-wrap .csr-row-1 {
			flex-direction: column
	}

	.csr-policy-container .csr-policy-wrap .csr-row-1 .cell-left {
			width: 100%;
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			border-bottom: 1px solid #000
	}

	.csr-policy-container .csr-policy-wrap .csr-row-1 .cell-right-1 {
			width: 100%;
			border-right: 1px solid #000
	}

	.csr-policy-container .csr-policy-wrap .csr-row-2 {
			flex-direction: column
	}

	.csr-policy-container .csr-policy-wrap .csr-row-2 .cell-left {
			width: 100%;
			border-left: 1px solid #000;
			border-right: 1px solid #000
	}

	.csr-policy-container .csr-policy-wrap .csr-row-2 .cell-right-2 {
			width: 100%;
			flex-direction: column
	}

	.csr-policy-container .csr-policy-wrap .csr-row-2 .sub-cell {
			width: 100%;
			border-right: 1px solid #000
	}

	.symposium-img1 {
			width: 100%
	}

	.symposium-img2 {
			width: 100%
	}

	.symposium-wrap {
			flex-direction: column
	}

	.symposium-wrap .symposium-wrap-left {
			flex: 0 0 100%;
			max-width: 100%
	}

	.symposium-wrap .symposium-wrap-right {
			flex: 0 0 100%;
			max-width: 100%
	}

	.english .symposium-wrap .symposium-flex .symposium-left {
			width: 15%
	}

	.symposium-wrap .symposium-flex .symposium-right {
			width: 88%
	}

	.english .symposium-wrap .symposium-flex .symposium-right {
			width: 85%
	}

	.climate-wrap {
			flex-direction: column;
			padding: 20px 15px 0
	}

	.climate-wrap .climate-wrap-left {
			flex: 0 0 100%;
			max-width: 100%
	}

	.climate-wrap .climate-wrap-right {
			flex: 0 0 100%;
			max-width: 100%
	}

	.english h3.tcfd span {
			display: inline-block
	}

	.governance-report-link .governance-btn span {
			font-size: 1rem
	}

	.governance-report-link .governance-btn .icon-pdf {
			font-size: 1.3rem
	}

	.section-00 .human-policy-wrap {
			padding: 15px 15px 5px
	}

	.csr .social-com-img {
			width: 100%
	}

	.csr-attempt-contents {
			width: 50%
	}

	.csr__process__agenda__list {
			justify-content: center
	}

	.csr__process__agenda__list li {
			flex: 0 0 25%;
			max-width: 25%
	}

	.csr__process__goals {
			background: linear-gradient(to bottom,rgba(93,194,208,.2),#e9ecef)
	}

	.csr__process__goals_text {
			padding-bottom: 64px
	}

	.csr__process__goals_text::after,.csr__process__goals_text::before {
			right: 0;
			left: 0;
			margin: 0 auto
	}

	.csr__covid__section .thought-content dd.equalheight1 {
			min-height: auto
	}

	.csr__covid__section .thought-content dd.equalheight2 {
			min-height: auto
	}

	.csr__sc__products .section__image {
			margin-top: 0;
			margin-bottom: 24px
	}

	.csr__tech__field_wrapper {
			padding-left: 8px;
			padding-right: 8px
	}

	.csr__tech__field--item {
			padding-left: 8px;
			padding-right: 8px
	}

	.csr__tech__field--item figcaption {
			font-size: 1.3rem!important
	}

	.csr__tech__products li dd>span.main {
			font-size: 1.3rem
	}

	.csr__tech__products li dd>span.sub {
			font-size: 1.2rem
	}

	.csr-child .csr .thought-content dl dt figure {
			width: 100%
	}

	.csr-child .person.csr2021 figure {
			width: 100%
	}

	.csr-esg-social-employee .thoughts-box {
			margin-bottom: 4rem;
			padding: 1.6rem
	}

	.csr-esg-social-employee dt figure {
			width: 100%
	}

	.csr-social-employee .thoughts-box {
			margin-bottom: 4rem;
			padding: 1.6rem
	}

	.csr-social-employee dt figure {
			width: 100%
	}

	.csr-social-action .promote-plan li.point1>dl>dd {
			font-size: 1.5rem
	}

	.csr-social-action .promote-plan li.point2>dl>dd dd,.csr-social-action .promote-plan li.point2>dl>dd dt {
			font-size: 1.5rem
	}

	.sustainability-container .sustainability-container-esg .std span:first-of-type {
			display: block;
			width: 75%
	}

	.sustainability-container .sustainability-container-esg .table {
			width: 200%
	}

	.csr-esg-governance-message dl dt {
			order: 1;
			width: 100%;
			margin-bottom: 5%
	}

	.csr-esg-governance-message dl dd {
			display: contents;
			width: 100%
	}

	.csr-esg-governance-message dl dd h3 {
			order: 0
	}

	.csr-esg-governance-message dl dd .description-box {
			order: 2
	}

	.csr-governance-message dl dt {
			order: 1;
			width: 100%;
			margin-bottom: 5%
	}

	.csr-governance-message dl dd {
			display: contents;
			width: 100%
	}

	.csr-governance-message dl dd h3 {
			order: 0
	}

	.csr-governance-message dl dd .description-box {
			order: 2
	}

	.development-story p.declare {
			font-size: 2.1rem;
			text-align: left
	}

	.development-story p.declare br {
			display: none
	}

	.development-t10 section.section--02 .interior--01,.development-technology-t10 section.section--02 .interior--01 {
			margin-bottom: 16px
	}

	.development-t10 section.section--02 .interior--02,.development-technology-t10 section.section--02 .interior--02 {
			margin-bottom: 16px
	}

	.company-history~.footer-aria {
			margin-bottom: 5rem
	}

	.history-mv-images {
			height: 30rem
	}

	.history-mv-inner {
			height: 30rem
	}

	.history-mv .history-mv-title {
			max-width: 30rem
	}

	.history-intro {
			padding: 6rem 0 7rem
	}

	.history-intro-inner {
			margin-bottom: 4rem
	}

	.history-intro-inner h3 {
			font-size: 2rem;
			margin-bottom: 4rem
	}

	.history-link-nav {
			max-width: 38rem;
			margin-left: auto;
			margin-right: auto
	}

	.history-link-nav ul {
			display: block;
			margin: 0
	}

	.history-link-nav ul li {
			padding: 0
	}

	.history-link-nav ul li:not(:last-child) {
			margin-bottom: 2rem
	}

	.history-link-nav .btn span.text-section {
			display: inline
	}

	.history-sec-title .history-title-inner h4 {
			flex: 0 0 100%;
			max-width: 100%
	}

	.history-sec-title .history-title-inner h4>span.text-section {
			font-size: 3.8rem
	}

	.history-sec-title .history-title-inner h4>span.text-ttl {
			font-size: 2.6rem
	}

	.history-content {
			max-width: 50rem;
			margin-left: auto;
			margin-right: auto;
			padding: 8rem 0
	}

	.history-read.text .history-read-inner {
			padding: 3rem 3rem 2rem 3rem
	}

	.history-read.table dl dd,.history-read.table dl dt {
			flex: 0 0 100%;
			max-width: 100%
	}

	.history-read.history-map img.object-fit-img {
			margin-bottom: 2.6rem
	}

	.history-outline {
			height: 30rem;
			padding: 0 36px
	}

	.history-outline p {
			font-size: 2.4rem
	}

	.history-outline p span {
			display: inline-block;
			text-align: left
	}

	h5.history-article-title {
			font-size: 2.8rem;
			margin-bottom: 2.4rem;
			display: flex!important;
			flex-wrap: wrap;
			align-items: center;
			padding-left: 4.8rem
	}

	h5.history-article-title.hidden-sm-down {
			display: none
	}

	h5.history-article-title .link-icon {
			margin-right: 1.4rem;
			left: 0
	}

	.history-aritcle-row {
			display: block
	}

	.history-year span.year-jp {
			font-size: 2rem
	}

	.history-year span.year-number {
			font-size: 8rem;
			margin-bottom: 1.6rem
	}

	.history-images {
			margin-bottom: 4rem
	}

	.history-article-forward .history-images-inner {
			padding-right: 0
	}

	.history-article-reverse .history-images-inner {
			padding-left: 0
	}

	.history-detail {
			display: none
	}

	.history-detail-inner {
			padding-top: 4rem
	}

	.home .news-list-wrapper .news-list dl.hidden-sm-down {
			display: none!important
	}

	.home .business-product {
			padding-bottom: 0
	}

	.home .business-product .slider-wrapper .swiper-slide .circle {
			left: 50%;
			transform: translate(-50%,-60%)
	}

	.home .business-product .slider-controller {
			position: relative;
			right: auto;
			width: calc(100% - 60px);
			margin: 0 auto;
			max-width: none;
			max-width: initial;
			transform: translateY(-25%)
	}

	.home .research-technology {
			background: url(../img/index/bg_research_sp.jpg) 0 0 no-repeat;
			background-size: cover
	}

	.home .research-technology {
			padding: 8rem 0 2rem
	}

	.home .research-technology ul.row li {
			margin-bottom: 5rem
	}

	.home .company-information span[class^=icon-] {
			width: 10rem;
			height: 10rem
	}

	.home .company-information span[class^=icon-]::before {
			font-size: 5rem
	}

	.group .swiper-button-next,.group .swiper-button-prev {
			display: none
	}

	.home .banner ul.bnr-s li {
			flex: 0 0 45%;
			max-width: 45%;
			margin: .5em
	}

	.ir .table {
			font-size: 1.3rem;
			width: calc(100% - 2px)
	}

	.ir .table-type1 {
			border-spacing: 10px 0
	}

	.ir .table-type3 td .small,.ir .table-type3 th .small {
			font-size: 1rem
	}

	.ir .table-type3 tbody th {
			position: -webkit-sticky!important;
			position: sticky!important;
			left: -1px;
			background: #fff;
			z-index: 1
	}

	.ir .table-type3.table-responsive-vertical {
			display: block;
			width: 100%;
			max-width: none;
			max-width: initial;
			min-width: 0;
			min-width: initial
	}

	.ir .table-type3.table-responsive-vertical tbody,.ir .table-type3.table-responsive-vertical thead,.ir .table-type3.table-responsive-vertical tr {
			display: block;
			font-size: 0
	}

	.ir .table-type3.table-responsive-vertical td,.ir .table-type3.table-responsive-vertical th {
			display: inline-block;
			font-size: 1.4rem
	}

	.ir .table-type3.table-responsive-vertical th.caption {
			display: block;
			width: 100%;
			padding: 1em 0 1.1em 1.1em;
			font-size: 1.6rem;
			border: none!important
	}

	.ir .table-type3.table-responsive-vertical thead td {
			width: 100%;
			border: none!important
	}

	.ir .table-type3.table-responsive-vertical tbody td {
			width: 33.33%
	}

	.ir .table-type3.table-responsive-vertical tbody td:nth-of-type(1) {
			border-right: 1px solid #fff
	}

	.ir .table-type3.table-responsive-vertical tbody td:nth-of-type(2) {
			border-left: 1px solid #fff;
			border-right: 1px solid #fff
	}

	.ir .table-type3.table-responsive-vertical tbody td:nth-of-type(3) {
			border-left: 1px solid #fff
	}

	.ir .table-type3.table-responsive-vertical tbody td:nth-of-type(2n-1) {
			background: #f0f0f0;
			border-top: none
	}

	.ir .table-type3.table-responsive-vertical tbody td:nth-of-type(2n) {
			background: #f7f7f7;
			border-top: none
	}

	.ir .cont-responsive {
			width: 100%;
			padding-bottom: 10px;
			overflow-x: auto
	}

	.ir .cont-responsive>img {
			max-width: none;
			max-width: initial;
			width: auto;
			height: 280px
	}

	.ir-calendar .table td {
			padding: 1em
	}

	.ir-stock-information h4 {
			margin-bottom: 1.6rem
	}

	.ir-stock-information h5 {
			font-size: 1.6rem
	}

	.ir-stock-information .major-stockholder .note {
			padding-left: 2.4rem
	}

	.ir-highlight .table colgroup.peroid {
			width: 5.25em
	}

	.ir-highlight .table colgroup.yoy {
			width: 5.75em
	}

	.ir-policy-strategy .linking-object .table colgroup.label,.ir-strategy .linking-object .table colgroup.label {
			width: 9.5em
	}

	.ir-policy-strategy .linking-object .table colgroup.fiscal,.ir-strategy .linking-object .table colgroup.fiscal {
			width: 7.5em
	}

	.ir-policy-strategy .linking-object .table colgroup.fiscal col,.ir-strategy .linking-object .table colgroup.fiscal col {
			width: 7em
	}

	.ir-policy-strategy .graph.sgw4,.ir-strategy .graph.sgw4 {
			width: 750px
	}

	.en-ir-strategy .strengths:not(:last-of-type),.ir-policy-strategy .strengths:not(:last-of-type) {
			margin-bottom: 2.5rem
	}

	.en-ir-strategy .interior-box,.ir-policy-strategy .interior-box {
			margin: 50px -15px!important
	}

	.en-ir-strategy .interior-box .col-md-6.col-12:nth-of-type(1),.ir-policy-strategy .interior-box .col-md-6.col-12:nth-of-type(1) {
			order: 0
	}

	.en-ir-strategy .interior-box .col-md-6.col-12:nth-of-type(2),.ir-policy-strategy .interior-box .col-md-6.col-12:nth-of-type(2) {
			order: 2
	}

	.en-ir-strategy .interior-box .col-md-6.col-12:nth-of-type(3),.ir-policy-strategy .interior-box .col-md-6.col-12:nth-of-type(3) {
			order: 1;
			margin-bottom: 2.5rem
	}

	.en-ir-strategy .interior-box .col-md-6.col-12:nth-of-type(4),.ir-policy-strategy .interior-box .col-md-6.col-12:nth-of-type(4) {
			order: 4
	}

	.en-ir-strategy .interior-box .col-md-6.col-12:not(:last-of-type),.ir-policy-strategy .interior-box .col-md-6.col-12:not(:last-of-type) {
			margin-bottom: 30px
	}

	.en-ir-strategy .material-box-inner,.ir-policy-strategy .material-box-inner {
			width: 100%
	}

	.en-ir-strategy .material-box-inner:not(:last-of-type),.ir-policy-strategy .material-box-inner:not(:last-of-type) {
			margin-bottom: 30px
	}

	.en-ir-strategy .development-box .col-12.strengths .border-wrapper,.ir-policy-strategy .development-box .col-12.strengths .border-wrapper {
			width: 100%
	}

	.en-ir-strategy .development-box .col-md-6.col-12:last-of-type,.ir-policy-strategy .development-box .col-md-6.col-12:last-of-type {
			margin-bottom: 2.5rem
	}

	.en-ir-strategy .de-box dl,.ir-policy-strategy .de-box dl {
			font-size: 1.1rem
	}

	.en-ir-strategy .t-right,.ir-policy-strategy .t-right {
			text-align: left
	}

	.en-ir-strategy .co2-box,.ir-policy-strategy .co2-box {
			flex-wrap: wrap;
			max-width: 100%
	}

	.en-ir-strategy .co2-box dt,.ir-policy-strategy .co2-box dt {
			width: 100%;
			padding-left: 0
	}

	.en-ir-strategy .co2-box dd,.ir-policy-strategy .co2-box dd {
			width: 100%;
			margin-bottom: 30px
	}

	.en-ir-strategy .social-box ol>li:nth-of-type(2),.ir-policy-strategy .social-box ol>li:nth-of-type(2) {
			margin-top: 4rem
	}

	.en-ir-strategy .nara-box,.ir-policy-strategy .nara-box {
			flex-wrap: wrap
	}

	.en-ir-strategy .nara-box dt,.ir-policy-strategy .nara-box dt {
			width: 100%;
			padding-left: 0
	}

	.en-ir-strategy .nara-box dd,.ir-policy-strategy .nara-box dd {
			width: 100%;
			margin-bottom: 30px
	}

	.en-ir-strategy .assignment-box,.ir-policy-strategy .assignment-box {
			flex-wrap: wrap;
			margin: 30px 0 0
	}

	.en-ir-strategy .assignment-box dt,.ir-policy-strategy .assignment-box dt {
			width: 100%;
			padding-left: 0
	}

	.en-ir-strategy .assignment-box dd,.ir-policy-strategy .assignment-box dd {
			width: 100%;
			margin-bottom: 30px
	}

	.en-ir-strategy .strengthen-box,.ir-policy-strategy .strengthen-box {
			margin-bottom: 20px
	}

	.en-ir-strategy .strengthen-box .list-circle li,.ir-policy-strategy .strengthen-box .list-circle li {
			width: 50%
	}

	.en-ir-strategy .strengthen-box .newtxt,.ir-policy-strategy .strengthen-box .newtxt {
			font-size: 1.6rem
	}

	.en-ir-strategy .capitalcost-box,.ir-policy-strategy .capitalcost-box {
			margin-top: 20px
	}

	.en-ir-strategy .capitalcost-box .list-circle li,.ir-policy-strategy .capitalcost-box .list-circle li {
			width: 100%
	}

	.en-ir-strategy .meeting-box,.ir-policy-strategy .meeting-box {
			flex-wrap: wrap;
			max-width: 90%
	}

	.en-ir-strategy .meeting-box dt,.ir-policy-strategy .meeting-box dt {
			width: 100%;
			margin-bottom: 30px
	}

	.en-ir-strategy .meeting-box dd,.ir-policy-strategy .meeting-box dd {
			width: 100%
	}

	.en-ir-strategy .ttl-sgw,.ir-policy-strategy .ttl-sgw {
			flex-wrap: wrap
	}

	.en-ir-strategy .ttl-sgw dt,.ir-policy-strategy .ttl-sgw dt {
			max-width: 100%
	}

	.en-ir-strategy .ttl-sgw dd,.ir-policy-strategy .ttl-sgw dd {
			max-width: 100%;
			font-size: 2.4rem;
			margin-bottom: 30px
	}

	.en-ir-strategy .ttl-sgw00,.ir-policy-strategy .ttl-sgw00 {
			font-size: 2.7rem
	}

	.en-ir-strategy .ttl-sgw-upper,.ir-policy-strategy .ttl-sgw-upper {
			margin-top: 2em;
			margin-bottom: .3em;
			font-size: 1.6rem
	}

	.en-ir-strategy .ttl-sgw-upper span,.ir-policy-strategy .ttl-sgw-upper span {
			padding: .3em .3em .4em
	}

	.en-ir-strategy #sgw01 p.ttltxt,.ir-policy-strategy #sgw01 p.ttltxt {
			font-size: 1.6rem
	}

	.en-ir-strategy #sgw02_02 .ttl-sgw01 span,.ir-policy-strategy #sgw02_02 .ttl-sgw01 span {
			font-size: 1.4rem
	}

	.en-ir-strategy #sgw02_02 .table.table-type3,.ir-policy-strategy #sgw02_02 .table.table-type3 {
			width: 100%
	}

	.en-ir-strategy #sgw03 .ttl-sgw03-under,.ir-policy-strategy #sgw03 .ttl-sgw03-under {
			font-size: 1.8rem
	}

	.en-ir-strategy #sgw03 .planbox.row,.ir-policy-strategy #sgw03 .planbox.row {
			grid-gap: 30px 0;
			gap: 30px 0
	}

	.en-ir-strategy #sgw03 .planbox.row.reverce,.ir-policy-strategy #sgw03 .planbox.row.reverce {
			flex-direction: column-reverse
	}

	.en-ir-strategy #sgw03 .planbox .strengths .row,.ir-policy-strategy #sgw03 .planbox .strengths .row {
			grid-gap: 30px 0;
			gap: 30px 0
	}

	.en-ir-strategy #sgw03 .planbox+.planbox,.ir-policy-strategy #sgw03 .planbox+.planbox {
			margin-top: 40px
	}

	.en-ir-strategy #sgw03 .plan-content:nth-of-type(2) .imgonly,.ir-policy-strategy #sgw03 .plan-content:nth-of-type(2) .imgonly {
			margin-top: 0
	}

	.en-ir-strategy #sgw03 .plan-content:nth-of-type(3) .imgonly,.ir-policy-strategy #sgw03 .plan-content:nth-of-type(3) .imgonly {
			margin-top: 0
	}

	.en-ir-strategy #sgw03 .plan-content:nth-of-type(4) .imgonly,.ir-policy-strategy #sgw03 .plan-content:nth-of-type(4) .imgonly {
			margin-top: 0
	}

	.en-ir-strategy #sgw03 .costattempt-box .arrowtxt,.ir-policy-strategy #sgw03 .costattempt-box .arrowtxt {
			margin-bottom: 60px
	}

	.en-ir-strategy #sgw03 .costattempt-box .arrowtxt::after,.ir-policy-strategy #sgw03 .costattempt-box .arrowtxt::after {
			left: 50%;
			transform: translate(-50%,-20%);
			border-width: 2.64952em 2.375em;
			border-top-color: currentColor;
			border-bottom: 0
	}

	.en-ir-strategy #sgw03 .costattempt-box .setbox p,.ir-policy-strategy #sgw03 .costattempt-box .setbox p {
			padding: .1em .5em
	}

	.en-ir-strategy #sgw03 .costattempt-box .setbox .right,.ir-policy-strategy #sgw03 .costattempt-box .setbox .right {
			width: 43%
	}

	.en-ir-strategy #sgw03 .costattempt-box .setbox .right .txt,.ir-policy-strategy #sgw03 .costattempt-box .setbox .right .txt {
			width: 80%
	}

	.en-ir-strategy #sgw03 .costattempt-box .setbox .left .txt p,.ir-policy-strategy #sgw03 .costattempt-box .setbox .left .txt p {
			padding: .1em 0 .1em .5em
	}

	.en-ir-strategy .materiality-container .materiality-container-esg .std span:first-of-type,.ir-policy-strategy .materiality-container .materiality-container-esg .std span:first-of-type {
			display: block;
			width: 75%
	}

	.en-ir-strategy .materiality-container .materiality-container-esg .table,.ir-policy-strategy .materiality-container .materiality-container-esg .table {
			width: 200%
	}

	.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th span,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th span {
			font-size: 3rem
	}

	.en-ir-strategy .materiality-container .materiality-container-esg .table tbody th span.p,.ir-policy-strategy .materiality-container .materiality-container-esg .table tbody th span.p {
			font-size: 1.6rem
	}

	.en-ir-strategy .co2-box {
			max-width: 100%
	}

	.en-ir-strategy #sgw03 .costattempt-box .setbox .right {
			width: 43%
	}

	.en-ir-strategy #sgw03 .costattempt-box .setbox .right .txt {
			width: 80%
	}

	.ir-investor-glance .lead {
			text-align: left
	}

	.ir-investor-glance .glance-main {
			background: url(../img/ir/bg_suminoe_sp.jpg) 0 0 no-repeat;
			background-size: cover
	}

	.ir-investor-glance .glance-main h2>small {
			font-size: 1.8rem
	}

	.ir-investor-glance .glance-main h2>small>.icon-idea {
			font-size: 2.5rem
	}

	.ir-investor-glance .glance-numeral dd>.value {
			font-size: 8rem
	}

	.ir-investor-glance .glance-numeral dd>.value>.unit.unit-indent {
			margin-top: 1.6em
	}

	.ir-investor-glance .glance-history {
			background: url(../img/ir/bg_history_sp.jpg) 0 0 no-repeat;
			background-size: cover
	}

	.ir-investor-glance .glance-history .row>dl {
			margin-bottom: 3.2rem
	}

	.ir-investor-glance .glance-strategy .link-btn-group {
			padding-top: 72px
	}

	.ir-investor-glance .glance-sdgs .box {
			padding: 0 2rem 2rem
	}

	.ir-investor-glance .glance-sdgs .box .row {
			margin-top: -24px
	}

	.ir-investor-glance .glance-sdgs .box .row>.col-12 {
			padding-bottom: 24px
	}

	.ir-investor-glance .glance-sdgs .box>h4 {
			font-size: 2.1rem
	}

	.ir-investor-glance .glance-sdgs .img {
			width: auto;
			margin-bottom: 8rem
	}

	.ir-investor-glance .glance-traditional {
			background: url(../img/ir/bg_traditional_sp.jpg) 0 0 no-repeat;
			background-size: cover
	}

	.ir-investor-glance .glance-stockholder .note {
			padding-left: 2em
	}

	.ir-activities-message.c-head {
			font-size: 2.1rem;
			margin-left: -5px;
			margin-right: -5px
	}

	.ir-activities-message.c-head>span .s {
			font-size: .761904762em
	}

	.ir-investor-benefit section .benefit-list li {
			width: 100%
	}

	.ir-investor-benefit section .benefit-list li:not(:last-of-type) {
			margin-bottom: 2rem
	}

	.news .nav-ttl,.release .nav-ttl {
			margin-bottom: 1rem
	}

	.news .archive-nav,.release .archive-nav {
			margin-bottom: 5rem
	}

	.news .archive-nav li,.release .archive-nav li {
			display: inline-block;
			padding: 0 1em;
			border-left: 1px solid #ccc
	}

	.news .archive-nav li:last-of-type,.release .archive-nav li:last-of-type {
			border-right: 1px solid #ccc
	}

	.news .archive-nav li::before,.release .archive-nav li::before {
			display: none
	}

	.news-detail .news-header .date {
			margin-bottom: 0
	}

	.english .site-info .site-logo {
			flex: 0 0 270px;
			max-width: 270px
	}

	.english .site-info .site-logo a>.company-name {
			font-size: 1.4rem
	}

	.english.is-scrolled .site-info .site-logo a>.company-name,.english.nav-opend .site-info .site-logo a>.company-name {
			font-size: 1.4rem
	}

	.english .footer-main-navigation-container .footer-primary>.menu-item {
			flex: 0 0 50%;
			max-width: 50%
	}

	.english ul.list-square {
			margin: 0 -15px
	}

	.english .ul-table {
			margin-top: 32px;
			font-size: 1.3rem
	}

	.english .company-outline .company-overview .overview-table dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			margin-bottom: 1.6rem
	}

	.english .history-outline {
			padding: 0
	}

	.english .history-outline p span {
			text-align: center
	}

	.english .business-aside-bnr-content .bnr-overlay .link-container a {
			font-size: 1.6rem
	}

	.english .csr.csr-report .edition .download-list>li>dl dt {
			margin-bottom: 0
	}

	.english .csr.csr-report .edition .download-list>li>dl dd a {
			margin-top: 1.6rem
	}
}

@media screen and (max-width: 575px) {
	body {
			margin:0
	}

	a:hover {
			color: inherit;
			text-decoration: none
	}

	.content-inner {
			padding: 0 15px
	}

	.content-inner-l {
			padding: 0 15px
	}

	.content-inner-s {
			padding: 0
	}

	.hidden-xs-down {
			display: none!important
	}

	p.img-d-top {
			font-size: 1.2rem
	}

	p.img-d {
			font-size: 1.1rem
	}

	p.img-d-l {
			font-size: 1.2rem
	}

	.sm-pl-8 {
			padding-left: 8px
	}

	.sm-pr-8 {
			padding-right: 8px
	}

	.content>article {
			padding-top: 64px;
			padding-bottom: 80px
	}

	.h4.border,.h5.border,h4.border,h5.border {
			font-size: 1.8rem;
			padding-bottom: 3.2rem;
			margin-bottom: 28px
	}

	.link-btn-group .link-btn {
			margin-left: 0;
			margin-right: 0
	}

	ul.list-square li {
			flex: 0 0 50%;
			max-width: 50%
	}

	.content-arrow::after {
			top: auto;
			top: initial;
			bottom: -35px;
			right: auto;
			right: initial;
			left: 50%;
			border-color: transparent #dc000c #dc000c transparent;
			transform: rotate(45deg) translateX(-50%)
	}

	.site-footer-top {
			padding-top: 0;
			border-top: solid 1px #adb5bd;
			border-bottom: solid 1px #adb5bd
	}

	.footer-main-navigation-container .footer-primary {
			margin: 0 -1.5rem
	}

	.footer-main-navigation-container .footer-primary>.menu-item {
			margin-bottom: 0;
			padding: 0
	}

	.footer-main-navigation-container .footer-primary>.menu-item:nth-child(odd) a {
			border-right: solid .1rem #adb5bd
	}

	.footer-main-navigation-container .footer-primary>.menu-item:nth-last-child(n+3) a {
			border-bottom: solid .1rem #adb5bd
	}

	.footer-main-navigation-container .footer-primary>.menu-item>a {
			border: none;
			margin-bottom: 0;
			font-size: 1.3rem;
			font-weight: 400;
			padding: 1.2rem 1.5rem
	}

	.footer-main-navigation-container .footer-primary>.menu-item>a:after {
			top: calc(50% - .1rem);
			right: 1.5rem
	}

	.footer-main-navigation-container .footer-primary>.menu-item .sub-menu {
			display: none
	}

	.site-info {
			padding: 0 1.5rem
	}

	.site-nav-main .global-navigation>.menu-item.sp-only>a {
			font-size: 1.3rem
	}

	.site-nav-main .global-navigation>.menu-item.sp-only>a::before {
			left: 1.6rem;
			top: 2.3rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item>a {
			flex: 0 0 calc(100% - 60px);
			flex-basis: calc(100% - 60px);
			max-width: calc(100% - 60px)
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item>a::before {
			left: 1.6rem;
			top: 2.3rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item a {
			font-size: 1.3rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item {
			flex: 0 0 100%;
			max-width: 100%;
			padding: 0 1.5rem 0 3rem
	}

	.site-nav-main .global-navigation>.menu-item>.sub-menu>.menu-item .sub-menu .menu-item:nth-child(2n+1):nth-last-of-type(2) a {
			border-bottom: solid 1px #555
	}

	.sub-menu .plus {
			flex: 0 0 60px;
			max-width: 60px
	}

	.mv-slide .mv-text {
			font-size: 3.4rem
	}

	.mv-slide .mv-text>span {
			font-size: 1.4rem
	}

	.hero-slide {
			height: 100vh
	}

	.hero-slide .hero-images .swiper-slide {
			height: 100vh
	}

	.hero-slide .hero-images .swiper-slide img {
			width: 100%;
			height: 100%
	}

	.hero-slide .hero-images .swiper-slide .slide-img {
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
	}

	.hero-slide .hero-text-wrapper .hero-text {
			max-width: 60%
	}

	.hero-slide .hero-text-wrapper .group-btn {
			right: 5%;
			margin-right: 0
	}

	.hero-slide .hero-text-wrapper .group-btn a .image-group-btn {
			max-width: 213px;
			margin-right: 0
	}

	.hero-slide .hero-text-wrapper .group-btn a .image-group-btn img {
			width: 100%;
			height: 100%
	}

	.hero-slide .bar-scroll {
			display: none
	}

	.pagination-row li.next a,.pagination-row li.prev a {
			width: 2.3rem
	}

	.pagination-row li.next {
			margin-left: .3rem
	}

	.pagination-row li.next a:after {
			right: .9rem
	}

	.pagination-row li.next.next-back {
			margin-left: .1rem
	}

	.pagination-row li.next.next-back a:after {
			right: .5rem
	}

	.pagination-row li.next.next-back a:before {
			right: 1.3rem
	}

	.pagination-row li.prev {
			margin-right: .3rem
	}

	.pagination-row li.prev a:after {
			right: .7rem
	}

	.pagination-row li.prev.prev-front {
			margin-right: .1rem
	}

	.pagination-row li.prev.prev-front a:after {
			right: .2rem
	}

	.pagination-row li.prev.prev-front a:before {
			right: .9rem
	}

	.business-aside-content {
			margin-top: 8rem
	}

	.business-aside-content h4 {
			padding: 0
	}

	.business-aside-content .row>div.logo {
			max-width: 16rem;
			margin-left: auto;
			margin-right: auto
	}

	.business-detail-content .table-responsive .graph-content {
			min-width: 60rem
	}

	.business-detail-content .image-list-container ul li.col-sm-6:not(:last-child) {
			margin-bottom: 4rem
	}

	.business-detail-sub-content .image-list-container ul li.col-sm-6:not(:last-child) {
			margin-bottom: 4rem
	}

	.business h3.public-prodcut-desc {
			font-size: 2.1rem
	}

	.product-topics-list.all .image-container {
			flex: 0 0 100%;
			max-width: 100%;
			margin-bottom: 1rem
	}

	.product-topics-list.all .info-container {
			flex: 0 0 100%;
			max-width: 100%;
			padding-left: 0
	}

	.product-topics-header h4 {
			font-size: 2.1rem
	}

	.business-topics-detail .topics-read {
			font-size: 1.5rem
	}

	.public-product-content .business-image-list li {
			margin-bottom: 2rem
	}

	.business-aside-bnr-content .bnr-overlay .link-container a:after {
			width: 13px;
			height: 13px
	}

	.business-desc-container h3 {
			font-size: 2.1rem
	}

	.business-bnr-container .image-container .bnr-text h3 {
			padding: 0 2rem;
			font-size: 2.2rem
	}

	.accessories-list li:not(:last-child) {
			margin-bottom: 6rem
	}

	.accessories-list li .data-content dl:not(:last-of-type) {
			margin-bottom: .4rem
	}

	.business-contact-container .business-contact-inner {
			padding: 4rem 16px
	}

	.functional-product-image-list li:not(:last-child) {
			margin-bottom: 4rem
	}

	.tispa-bnr .functional-bnr-inner:nth-of-type(1) {
			padding-bottom: 4rem
	}

	.business-functional-deodorize .suminoe-filter-main>.read {
			margin-bottom: 0!important
	}

	.business-functional-deodorize .suminoe-filter .business-aside-inner.inner-s {
			padding-left: 20px;
			padding-right: 20px
	}

	.business-functional-deodorize .suminoe-filter .business-aside-inner .link-btn-group {
			margin-bottom: 32px
	}

	.company .lead {
			font-size: 2.1rem
	}

	.introduction-header .img-wrapper {
			height: 240px
	}

	.introduction-header .img-wrapper .object-fit-img {
			height: 240px
	}

	.introduction-header .ttl-wrapper h2 {
			font-size: 3rem
	}

	.company-outline .company-overview .overview-table td,.company-outline .company-overview .overview-table th {
			display: block;
			width: 100%;
			padding: 1em 1.25em;
			border: none
	}

	.company-outline .company-overview .overview-table th {
			border-top: 1px solid #ced4da;
			border-right: none
	}

	.company-outline .origin-logo .content-inner {
			padding-bottom: 32px
	}

	.company-outline .origin-logo .d-flex {
			margin: 0 -8px
	}

	.company-philosophy .inner {
			padding-right: 0;
			padding-left: 0
	}

	.company-philosophy .kv-slide {
			height: calc(100vh - 120px)
	}

	.company-philosophy .kv-slide .kv-images .swiper-slide {
			height: calc(100vh - 120px)
	}

	.company-philosophy .kv-slide .kv-images .swiper-slide img {
			width: 100%;
			height: 100%
	}

	.company-philosophy .kv-slide .kv-images .swiper-slide .slide-img {
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
	}

	.company-philosophy .kv-slide .kv-text-wrapper .image-logo {
			max-width: 136px
	}

	.company-philosophy .kv-slide .kv-text-wrapper .kv-text {
			max-width: 136px;
			margin: 28px auto 0
	}

	.english .company-philosophy .kv-slide .kv-text-wrapper .kv-text {
			max-width: 220px
	}

	.company-philosophy .philosophy-text {
			display: none;
			font-size: 6vw
	}

	.english .company-philosophy .philosophy-text {
			display: block
	}

	.company-philosophy .philosophy-text_sp {
			display: block;
			width: 90%;
			height: auto;
			margin: 0 auto
	}

	.company-philosophy .content-inner {
			padding-right: 0;
			padding-left: 0
	}

	.company-philosophy .corporate-motto,.company-philosophy .corporate-object {
			padding: 6em 0
	}

	.company-philosophy .corporate-motto h3,.company-philosophy .corporate-object h3 {
			font-size: 1.7rem
	}

	.company-philosophy .corporate-motto h4,.company-philosophy .corporate-object h4 {
			font-size: 1.3rem;
			display: none
	}

	.english .company-philosophy .corporate-motto h4,.english .company-philosophy .corporate-object h4 {
			display: block
	}

	.company-philosophy .corporate-motto .cap-text_sp,.company-philosophy .corporate-object .cap-text_sp {
			display: block;
			margin: 0 auto;
			width: 100%;
			margin-bottom: 2.5em
	}

	.company-philosophy .corporate-object.sec01 {
			margin-top: 5rem;
			background: url(../img/company/philosophy/sec_01_sp.jpg) no-repeat center top;
			background-size: cover
	}

	.company-philosophy .corporate-object.sec01::before {
			background: url(../img/company/philosophy/line01_sp.png) no-repeat left top;
			background-size: cover
	}

	.company-philosophy .corporate-motto {
			padding: 7em 0 6em
	}

	.company-philosophy .corporate-motto.sec02 {
			background: url(../img/company/philosophy/sec_02_sp.jpg) no-repeat center top;
			background-size: cover
	}

	.company-philosophy .corporate-motto.sec03 {
			background: url(../img/company/philosophy/sec_03_sp.jpg) no-repeat center top;
			background-size: cover
	}

	.company-philosophy .corporate-motto.sec04 {
			padding-right: 1rem;
			padding-left: 1rem;
			background: url(../img/company/philosophy/sec_04_sp.jpg) no-repeat center top;
			background-size: cover
	}

	.company-philosophy .corporate-motto.sec04 dl {
			padding: 0
	}

	.company-philosophy .corporate-motto.sec04 dl:not(:last-of-type) {
			border-bottom: solid .08rem #000
	}

	.company-philosophy .corporate-motto.sec04 dl dt {
			padding: 3rem 0 1.5rem;
			font-size: 2rem
	}

	.company-philosophy .corporate-motto.sec04 dl dd {
			display: none;
			padding: 0 0 3rem;
			font-size: 1.7rem
	}

	.english .company-philosophy .corporate-motto.sec04 dl dd {
			display: block;
			margin: 0 auto;
			width: 85%;
			text-align: left
	}

	.company-philosophy .corporate-motto.sec04 dl dd span {
			display: block
	}

	.english .company-philosophy .corporate-motto.sec04 dl dd span {
			display: inline
	}

	.company-philosophy .corporate-motto.sec04 .sec04-text_sp {
			display: block;
			width: 100%;
			height: auto;
			padding: 0 0 3rem
	}

	.company-philosophy .philosophy-text {
			font-size: 5vw;
			letter-spacing: 0
	}

	.english .company-philosophy .philosophy-text {
			width: 85%;
			margin: 0 auto;
			line-height: 1.45;
			text-align: left
	}

	.english .company-philosophy .philosophy-text span {
			display: inline
	}

	.company-philosophy .corporate-other {
			padding: 7rem 1rem 6.8rem
	}

	.company-philosophy .corporate-other h3 {
			margin-bottom: 2rem;
			font-size: 2rem
	}

	.company-philosophy .corporate-other h4 {
			font-size: 2.4rem
	}

	.company-philosophy .corporate-other h5 {
			margin-top: 4.5rem;
			margin-bottom: 3rem;
			font-size: 2rem
	}

	.company-philosophy .corporate-other p {
			font-size: 1.4rem;
			line-height: 2
	}

	.company-philosophy .corporate-other p+p {
			margin-top: 0
	}

	.company-philosophy .corporate-other.logo::before {
			background: url(../img/company/philosophy/line02_sp.png) no-repeat left top;
			background-size: cover
	}

	.company-philosophy .corporate-other.logo h4 {
			margin-bottom: 3.3rem
	}

	.company-philosophy .corporate-other.logo .image-container {
			width: 80vw;
			padding: 4.4rem 0
	}

	.company-philosophy .corporate-other.logo .image-container .image-logo {
			max-width: 162px
	}

	.company-philosophy .corporate-other.color {
			padding-bottom: 0
	}

	.company-philosophy .corporate-other.color h4 {
			margin-bottom: 6rem
	}

	.company-philosophy .corporate-other.color span {
			margin-bottom: 3rem;
			font-size: 2.2rem
	}

	.company-philosophy .corporate-other.color .image-container {
			margin-top: 4rem
	}

	.company-philosophy .corporate-other.color .image-container .image-color {
			max-width: 95%
	}

	.company-group .lead {
			text-align: left
	}

	.contact h3 {
			font-size: 1.5rem
	}

	.contact h4 {
			font-size: 1.5rem;
			margin-bottom: 1.2rem
	}

	.contact .tel img {
			width: 90%
	}

	.contact .contact-box>[class^=col-]:first-of-type {
			margin-bottom: 4rem
	}

	.home .covid19-wrapper p {
			max-width: 100%
	}

	.home .covid19-wrapper p a {
			padding: 2rem 1em
	}

	.home .covid19-wrapper p a br {
			display: block
	}

	.covid19 h2 {
			font-size: 1.8rem
	}

	.csr .content-link-banner a.banner-report {
			margin-bottom: 24px
	}

	.csr h4.topics .main {
			font-size: 2rem
	}

	.csr h4>span.sm-block,.csr h5>span.sm-block {
			display: block
	}

	.csr h5 .txt_small {
			font-size: 1.4rem
	}

	.csr .h6,.csr h6 {
			padding-left: 2.5em
	}

	.csr .h6::before,.csr h6::before {
			width: 1.4em
	}

	.csr section:not(:nth-last-of-type(1)) {
			margin-bottom: 2.4rem
	}

	.csr .small-text,.csr small {
			font-size: 1.1rem
	}

	.csr .figure .subpage-img[class^=col-md],.csr figure .subpage-img[class^=col-md] {
			margin-bottom: 0
	}

	.csr figcaption {
			font-size: 1.1rem
	}

	.csr figcaption.l-caption {
			font-size: 1.2rem
	}

	.csr figcaption.h-caption {
			font-size: 1.2rem
	}

	.csr figcaption.h6-caption {
			padding-left: 2.5em
	}

	.csr figcaption.h6-caption::before {
			width: 1.4em
	}

	.csr .point-list>li>dl>dt {
			font-size: 1.5rem
	}

	.csr .notice-section dl.person dt.img {
			margin-bottom: .8rem
	}

	.csr .index-business,.csr .index-message {
			margin: 0 -15px 3.2rem;
			width: calc(100% + 30px)
	}

	.csr .index-business figure,.csr .index-message figure {
			padding: 15px;
			height: 260px
	}

	.csr .index-business dl.link-index>dt,.csr .index-message dl.link-index>dt {
			font-size: 1.8rem;
			margin-bottom: .6rem
	}

	.csr-business dl.image-list dt {
			flex: 0 0 100%;
			max-width: 100%;
			padding-right: 0
	}

	.csr-business dl.image-list dd {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr-business .business-public dl.image-list {
			margin-bottom: 1.6rem
	}

	.chap01 .sdgs-ttl .main-ttl {
			font-size: 2.1rem
	}

	.chap01 .sdgs-list {
			margin: 0 -5px 16px
	}

	.chap01 .sdgs-list li {
			flex: 0 0 20%;
			max-width: 20%;
			padding: 0 5px;
			max-width: 80px
	}

	.chap01 .sdgs-content-06 .link-btn-group {
			margin-bottom: 40px
	}

	.chap01 .sdgs-content-06 .link-btn-group .link-btn {
			margin-left: auto;
			margin-right: auto
	}

	.governance .content-header .page-index-catch>span {
			font-size: 2rem
	}

	.governance .content-header .page-index-catch>span.s {
			font-size: 1.8rem
	}

	.governance .content-header .color {
			font-size: 1.6rem
	}

	.governance .content-header .read-text {
			text-align: left
	}

	.governance .content-header .read-text>span {
			display: inline
	}

	.structure figure.officer figcaption.officer-info {
			justify-content: space-between;
			flex-direction: row-reverse
	}

	.compliance .section-02 .col-sm-2 {
			flex: 0 0 36%;
			max-width: 36%
	}

	.compliance .section-02 .col-sm-4 {
			flex: 0 0 64%;
			max-width: 64%
	}

	.compliance .notice-section .point-list .graph {
			justify-content: center
	}

	.compliance .notice-section .point-list .graph li {
			margin-bottom: 24px
	}

	.csr-activities-philosophy .step-list>li.col-l {
			padding-right: 8px
	}

	.csr-activities-philosophy .step-list>li.col-r {
			padding-left: 8px
	}

	.csr-activities-philosophy .step-list dl {
			padding: 15px 8px
	}

	.csr-activities-philosophy .step-list dt {
			padding: 1px 0 6px 24px;
			height: 48px;
			margin-left: -20px
	}

	.csr-activities-philosophy .step-list dt::after,.csr-activities-philosophy .step-list dt::before {
			border-width: 24px 0 24px 20px
	}

	.csr-activities-philosophy .step-list dt::after {
			right: -20px
	}

	.csr-activities-philosophy .step-list dt>span {
			font-size: 13px
	}

	.csr-activities-philosophy .step-list dt>span .num {
			font-size: 1.3em
	}

	.csr-activities-philosophy .sdgs-list li.col-l {
			padding-right: 8px
	}

	.csr-activities-philosophy .sdgs-list li.col-r {
			padding-left: 8px
	}

	.csr-activities-philosophy .sdgs-list dl {
			justify-content: center
	}

	.csr-activities-philosophy .sdgs-list dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			padding-top: 4px;
			padding-left: 0
	}

	.csr-activities-philosophy .agenda-policy .esg {
			width: 3em
	}

	.csr-activities-philosophy .agenda-policy .agenda {
			width: 5em
	}

	.csr-activities-philosophy .agenda-policy .stakeholder {
			width: 5.25em
	}

	.csr-activities-philosophy .agenda-policy .sdgs {
			width: 64px
	}

	.csr-activities-philosophy .agenda-policy thead th {
			font-size: 13px
	}

	.csr-activities-philosophy .agenda-policy tbody {
			font-size: 12px
	}

	.csr-activities-philosophy .agenda-policy tbody .agenda p .no {
			flex: 0 0 1em;
			max-width: 1em
	}

	.csr-activities-philosophy .agenda-policy tbody .agenda p .label {
			flex: 0 0 calc(100% - 1.5em);
			flex-basis: calc(100% - 1.5em);
			max-width: calc(100% - 1.5em)
	}

	.csr-activities-philosophy .agenda-policy tbody .sdgs ul li {
			flex: 0 0 64px;
			max-width: 64px
	}

	.csr .thought-content dl {
			padding: 1.6rem
	}

	.csr .thought-content dt .info {
			padding-left: 1.6rem
	}

	.csr .interior-design .subpage-img {
			margin-bottom: .8rem
	}

	.csr .main-img {
			margin-top: -.8rem
	}

	.csr-esg-social-employee .table-caption {
			margin-top: -12px
	}

	.csr-esg-social-employee .table.training-results-01 .name {
			width: 3em
	}

	.csr-esg-social-employee .interview>dl.person .info .ttl {
			font-size: 20px
	}

	.csr-social-employee .table-caption {
			margin-top: -12px
	}

	.csr-social-employee .table.training-results-01 .name {
			width: 3em
	}

	.csr-social-employee .interview>dl.person .info .ttl {
			font-size: 20px
	}

	.csr-social-risk .better .label {
			transform: scale(.85)
	}

	.csr-env-objective .eco-challenge .range-image>li.d-industry-car {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr-env-objective .eco-challenge .range-image>li.d-interior {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr-env-objective .eco-challenge .range-image>li.d-functional {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr-env-objective .eco-challenge .range-image>li.d-technology {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr-env-objective .eco-challenge .target-results thead th {
			font-size: 13px
	}

	.csr-env-objective .eco-challenge .target-results tbody {
			font-size: 12px
	}

	.csr-env-objective .eco-challenge .target-results colgroup .item1 {
			width: 59px
	}

	.csr-env-objective .eco-challenge .target-results colgroup .item2 {
			width: 100px
	}

	.csr-env-objective .eco-challenge .target-results colgroup .t-2017 {
			width: 5.25em
	}

	.csr-env-objective .eco-challenge .target-results colgroup .p-2017 {
			width: 5.25em
	}

	.csr-env-objective .activities .point-list figure.subpage-img {
			margin-left: -2.4rem
	}

	.csr-feature-technology h3 .main-ttl {
			font-size: 2.4rem
	}

	.csr-feature-technology .film-feature .col-sm-6 dd {
			padding-left: 0
	}

	.csr-feature-technology .film-feature .col-sm-6 dd .h6-caption {
			text-align: center
	}

	.csr-feature-training .voice .new-employee {
			justify-content: center
	}

	.csr-feature-training .voice .person {
			padding-left: 15px;
			padding-right: 15px
	}

	.csr-feature-training .voice .voice-text {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr-report .backnumber .notice-alert {
			margin-left: 0;
			margin-right: 0;
			padding: 1.2rem 1.4rem 0 1.4rem
	}

	.csr__process__agenda {
			padding: 25px 20px
	}

	.csr__process__agenda__list li {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.csr__process__input {
			padding: 15px 15px 2px
	}

	.csr__process__input--ttl {
			font-size: 2rem
	}

	.csr__process__input__list--ttl {
			font-size: 1.6rem
	}

	.csr__process__input__list--text {
			text-align: left
	}

	.csr__process__value {
			padding: 10px 15px 2px
	}

	.csr__process__value__business {
			margin: 0 -5px
	}

	.csr__process__value__business--link {
			padding: 0 5px
	}

	.csr__process__value__business--link a {
			font-size: 1.4rem;
			padding-right: 10px
	}

	.csr__process__value__business--link a::after {
			right: 10px
	}

	.csr__process__value__flow {
			margin: 0 -5px
	}

	.csr__process__value__flow_01 {
			padding: 0 5px
	}

	.csr__process__value__flow_02 {
			padding: 0 5px
	}

	.csr__process__value__flow_02__list {
			padding: 12px 5px 8px
	}

	.csr__process__value__flow_02__list--item {
			flex: 0 0 100%;
			max-width: 100%;
			margin-bottom: 6px
	}

	.csr__process__value__flow_03 {
			padding: 0 5px
	}

	.csr__process__value__flow_04 {
			padding: 4px 5px 0
	}

	.csr__process__value__lists--item {
			flex: 0 0 100%;
			max-width: 100%
	}

	.csr__process__output {
			padding: 40px 15px 1px
	}

	.csr__process__output--ttl {
			font-size: 2rem
	}

	.csr__process__output__list--ttl {
			font-size: 1.6rem
	}

	.csr__process__output__list--text {
			text-align: left
	}

	.csr__process__goals {
			padding: 40px 15px 1px
	}

	.csr__covid .c-head.chapter-01 {
			padding-top: 80px;
			padding-left: 0;
			padding-right: 0
	}

	.csr__covid .c-head.chapter-02 {
			padding-top: 80px;
			padding-left: 0;
			padding-right: 0
	}

	.csr__covid .c-head .chapter {
			top: 0;
			left: 50%;
			transform: translateX(-50%)
	}

	.csr__covid__section .thought-content dt .info .ttl {
			font-size: 1.7rem
	}

	.csr__tech.content-header h4 {
			font-size: 1.6rem
	}

	.csr__tech__business {
			padding: 18px 5px 2px
	}

	.csr__tech__business__lists--item {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr__tech__business__lists dl dt {
			flex: 0 0 4rem;
			max-width: 4rem;
			font-size: 3.2rem;
			padding: 4px
	}

	.csr__tech__business__lists dl dd {
			flex: 0 0 calc(100% - 4rem);
			flex-basis: calc(100% - 4rem);
			max-width: calc(100% - 4rem)
	}

	.csr__tech__products li {
			flex: 0 0 50%;
			max-width: 50%
	}

	.csr__tech__section .table .label {
			width: 7em
	}

	.csr__tech__ex {
			padding: 15px
	}

	.csr__tech__new {
			padding: 15px
	}

	.csr__business h6.std {
			font-size: 1.6rem
	}

	.csr-esg-social-employee dt {
			background: 0 0
	}

	.csr-social-employee dt {
			background: 0 0
	}

	.sustainability-container .sdgs-list li.col-l {
			padding-right: 8px
	}

	.sustainability-container .sdgs-list li.col-r {
			padding-left: 8px
	}

	.sustainability-container .sdgs-list dl {
			justify-content: center
	}

	.sustainability-container .sdgs-list dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			padding-top: 4px;
			padding-left: 0
	}

	.development .t10-table {
			min-width: 380px
	}

	.development .t10-table>colgroup:nth-of-type(2) {
			min-width: 10rem
	}

	.development .t10-table>colgroup:nth-of-type(3) {
			min-width: 10rem
	}

	.development .t10-table>colgroup:nth-of-type(1) {
			min-width: 9rem
	}

	.development-technology .page-notice {
			left: 15px;
			font-size: 1.4rem;
			top: 2rem
	}

	.home .ecopro-wrapper p {
			max-width: 100%
	}

	.home .ecopro-wrapper p a {
			padding: 2rem 1em
	}

	.home .ecopro-wrapper p a br {
			display: none
	}

	.ecopro .page-mv .mv-title h2 {
			font-size: 2.2rem
	}

	.ecopro .page-mv .mv-title h2 span {
			display: inline
	}

	.ecopro .content-nav-list {
			max-width: 100%;
			margin-top: 30px
	}

	.ecopro .awards-box figure {
			width: 70%;
			margin: 0 auto 20px
	}

	.ecopro .awards-box-system {
			align-items: flex-start
	}

	.ecopro .ecos-box {
			flex-wrap: wrap
	}

	.ecopro .ecos-box dt {
			order: 0;
			width: 100%;
			text-align: center;
			padding: 0 15%;
			margin-bottom: 20px
	}

	.ecopro .ecos-box dd {
			order: 1;
			width: 100%
	}

	#ecopro01 .mark-box .mark-box-l {
			padding-right: 0
	}

	#ecopro01 .mark-box .mark-box-l dl {
			margin-bottom: 30px;
			padding-right: 0
	}

	#ecopro01 .mark-box .mark-box-l dl dt figure {
			width: 100%;
			max-width: 200px
	}

	#ecopro01 .mark-box .mark-box-l dl dd {
			width: 100%;
			padding-right: 0
	}

	#ecopro01 .mark-box .mark-box-r {
			font-size: 1.2rem
	}

	#ecopro01 .certification-box figure {
			width: 70%;
			margin: 0 auto 20px
	}

	#ecopro02 .row.neo-box .neo-img:nth-of-type(1) {
			width: 80%;
			margin-left: 0
	}

	#ecopro02 .row.neo-box .neo-img:nth-of-type(2) {
			width: 100%;
			margin: 0 auto
	}

	#ecopro02 .row.neo-box .neo-img:nth-of-type(3) {
			width: 50%;
			margin: 0 auto
	}

	#ecopro02 .row.neo-box+div {
			width: 100%;
			margin: 0 auto;
			padding: 0
	}

	.awards-wrapper .awards-btn h3 {
			font-size: 1.4rem
	}

	.awards-wrapper .awards-btn h3 .barwrap {
			width: 30px;
			height: 30px
	}

	.awards-wrapper .awards-btn h3 .barwrap span.bar::after,.awards-wrapper .awards-btn h3 .barwrap span.bar::before {
			width: 1.6rem;
			left: 6px;
			right: 0
	}

	.awards-wrapper .awards-content {
			margin: 3rem 0 6rem
	}

	.english.ecopro .page-mv .mv-title h2 {
			width: 100%;
			font-size: 2.4rem
	}

	.english.ecopro .content-nav-list {
			max-width: 100%
	}

	.history-pagenation ul li a {
			font-size: 1.4rem
	}

	.history-mv .history-mv-title {
			max-width: 28rem
	}

	.history-intro-inner h3 {
			text-align: left;
			margin-bottom: 3.4rem
	}

	.history-sec-title .history-title-images {
			height: 30rem
	}

	.history-sec-title .history-title-inner {
			height: 30rem
	}

	.history-sec-title .history-title-inner h4 {
			padding: 0 2.2rem
	}

	.history-sec-title .history-title-inner h4.active:before {
			width: calc(100% - 4.8rem)
	}

	.history-sec-title .history-title-inner h4>span.text-section {
			font-size: 3.6rem
	}

	.history-sec-title .history-title-inner h4>span.text-ttl {
			font-size: 2rem
	}

	.history-read.text .history-read-inner {
			padding: 2rem 2rem 1rem 2rem
	}

	.history-read.table .history-read-inner {
			padding: 3rem 2.4rem
	}

	.history-read.history-map img.object-fit-img {
			margin-bottom: 2rem
	}

	.history-outline p {
			font-size: 2rem
	}

	h5.history-article-title {
			font-size: 2rem;
			margin-bottom: 2rem;
			padding-left: 2.8rem
	}

	.history-year span.year-jp {
			font-size: 1.8rem
	}

	.history-year span.year-number {
			font-size: 6rem
	}

	.history-detail-inner {
			padding-top: 3rem
	}

	.home .news-list-wrapper {
			padding-top: 6rem
	}

	.home .news-list-wrapper .index-message {
			padding: 20px
	}

	.home .business-product .slider-controller li {
			padding: 1.3em 3em 1.3em 2.5em
	}

	.home .company-information ul.row li.box>a dl dt {
			font-size: 1.4rem
	}

	.home .company-information ul.row li.box>a dl dd {
			font-size: 1.2rem
	}

	.home .recruiting .recruit-img {
			height: 300px
	}

	.home .recruiting .object-fit-img {
			height: 300px
	}

	.home .recruiting .recruit-content {
			height: 300px
	}

	.home .recruiting h2.section-ttl {
			font-size: 2.4rem
	}

	.home .banner {
			padding: 8rem 0 6rem
	}

	.index-title {
			font-size: 3rem
	}

	.index-title .ttl-text-en>span {
			font-size: 1.8rem
	}

	.ir .table-type1 colgroup.name {
			width: 13em
	}

	.ir .table-type1 td,.ir .table-type1 th {
			padding-left: 0!important;
			padding-right: 0!important
	}

	.ir .table-type3 th.caption {
			font-size: 1.5rem
	}

	.ir .bnr-link-benefit p {
			max-width: 100%
	}

	.ir .bnr-link-benefit p a {
			padding: 2rem 1em
	}

	.ir .bnr-link-benefit p a br {
			display: block
	}

	.ir-stock-information .contact-info {
			padding-left: 16px;
			padding-right: 16px
	}

	.ir-stock-information .contact-info>dl>dd table th {
			padding-right: 16px
	}

	.ir-highlight figure.graph figcaption {
			top: 2.4rem;
			font-size: 1.2rem
	}

	.ir-highlight .graph-wrapper .sales .graph {
			margin-top: -10%
	}

	.ir-highlight .segment-business-results .table colgroup.label {
			width: 10em
	}

	.ir-highlight .aria-business-results .table colgroup.label {
			width: 5em
	}

	.ir-highlight .management-indicator .table colgroup.label {
			width: 11em
	}

	.ir-policy-strategy .linking-object .table colgroup.fiscal,.ir-strategy .linking-object .table colgroup.fiscal {
			width: 5.25em
	}

	.ir-policy-strategy .linking-object .table colgroup.fiscal>col,.ir-strategy .linking-object .table colgroup.fiscal>col {
			width: 5.25em
	}

	.ir-policy-strategy .segment-object .table colgroup.label,.ir-strategy .segment-object .table colgroup.label {
			width: 6em
	}

	.ir-policy-strategy .segment-object .table colgroup.fiscal,.ir-strategy .segment-object .table colgroup.fiscal {
			width: 5em
	}

	.ir-policy-strategy .segment-object .table colgroup.fiscal>col,.ir-strategy .segment-object .table colgroup.fiscal>col {
			width: 5em
	}

	.en-ir-strategy .materiality-container .sdgs-list li.col-l,.ir-policy-strategy .materiality-container .sdgs-list li.col-l {
			padding-right: 8px
	}

	.en-ir-strategy .materiality-container .sdgs-list li.col-r,.ir-policy-strategy .materiality-container .sdgs-list li.col-r {
			padding-left: 8px
	}

	.en-ir-strategy .materiality-container .sdgs-list dl,.ir-policy-strategy .materiality-container .sdgs-list dl {
			justify-content: center
	}

	.en-ir-strategy .materiality-container .sdgs-list dl dd,.ir-policy-strategy .materiality-container .sdgs-list dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			padding-top: 4px;
			padding-left: 0
	}

	.ir-investor-glance h3 {
			font-size: 2.8rem
	}

	.ir-investor-glance h3::before {
			left: 0
	}

	.ir-investor-glance h3::after {
			right: 0
	}

	.ir-investor-glance h3>span.main-ttl {
			padding: .25em 1em
	}

	.ir-investor-glance h3>span[class^=icon-] {
			margin-top: 1rem
	}

	.ir-investor-glance .glance-main nav {
			padding: 0 10px 0 5px
	}

	.ir-investor-glance .glance-main nav>ul {
			margin-left: -13px;
			margin-right: -13px
	}

	.ir-investor-glance .glance-main nav>ul>li {
			flex: 0 0 50%;
			max-width: 50%;
			padding: 10px 13px
	}

	.ir-investor-glance .glance-numeral dt {
			font-size: 1.8rem
	}

	.ir-investor-glance .glance-numeral dd {
			padding-bottom: 2rem
	}

	.ir-investor-glance .glance-numeral dd>.value {
			font-size: 6rem
	}

	.ir-investor-glance .glance-numeral dd>.value>.unit {
			font-size: 1.8rem
	}

	.ir-investor-glance .glance-sdgs .box>h4 {
			padding: 0 .75em
	}

	.ir-activities-tech>li {
			flex: 0 0 100%;
			max-width: 100%;
			padding: 10px 5px 32px
	}

	.ir-activities-tech>li:last-child {
			padding-bottom: 10px
	}

	.ir-activities-tech>li dt {
			height: auto;
			margin-bottom: 12px
	}

	.news-list dl .news-head .category {
			flex: 0 0 17.625rem;
			max-width: 17.625rem
	}

	.news-list dl dt {
			flex: 0 0 100%;
			max-width: 100%
	}

	.button-group.news-button>a {
			padding: 16px
	}

	.privacypolicy section {
			margin-bottom: 2.4rem;
			padding-top: 2.4rem
	}

	.career .group-link>a {
			padding-top: 1em;
			padding-bottom: 1em
	}

	.career .group-link>a.company-link {
			flex: 0 0 calc(100% - 8em);
			flex-basis: calc(100% - 8em);
			max-width: calc(100% - 8em);
			padding-left: 1.25em;
			padding-right: 1.25em
	}

	.career .group-link>a.recruit-link {
			flex: 0 0 8em;
			max-width: 8em
	}

	.sitemap .content-link>li>ul>li>ul {
			margin-bottom: 0
	}

	.sitepolicy section {
			margin-bottom: 2.4rem;
			padding-top: 2.4rem
	}

	.english .footer-main-navigation-container .footer-primary>.menu-item {
			flex: 0 0 100%;
			max-width: 100%
	}

	.english .footer-main-navigation-container .footer-primary>.menu-item:first-child a {
			border: none!important
	}

	.english .footer-main-navigation-container .footer-primary>.menu-item:not(:first-child) a {
			border-width: 1px 0 0 0!important;
			border-color: #adb5bd;
			border-style: solid
	}

	.english ul.list-square li {
			flex: 0 0 100%;
			max-width: 100%
	}

	.english .ul-table {
			width: 35.75em
	}

	.english .ul-table .value li.th {
			position: -webkit-sticky;
			position: sticky;
			left: 0
	}

	.english .development .page-notice {
			left: 14px;
			font-size: 1.4rem;
			top: 2rem
	}

	.english .csr .sign-wrapper .sign .post {
			flex: 0 0 100%;
			max-width: 100%;
			text-align: right;
			padding-bottom: 12px
	}

	.english .csr .sign-wrapper .sign .post>span {
			display: block
	}

	.english .csr .index-message figure.ceo-image {
			height: 360px
	}
}

@media screen and (max-width: 320px) {
	body {
			margin:0
	}

	.page-mv {
			height: 240px
	}

	.page-mv img.object-fit-img {
			height: 240px
	}

	.page-mv .mv-title {
			padding: 0 15px
	}

	.page-mv .mv-title h2 {
			font-size: 2.4rem
	}

	.business-bnr-container .image-container .bnr-text h3 {
			font-size: 2.1rem
	}

	.company .lead {
			font-size: 1.9rem
	}

	.introduction-header .img-wrapper {
			height: 200px
	}

	.introduction-header .img-wrapper .object-fit-img {
			height: 200px
	}

	.introduction-header .ttl-wrapper h2 {
			font-size: 2.8rem
	}

	.csr .notice-section {
			padding-left: 1.6rem;
			padding-right: 1.6rem
	}

	.csr .thought-content dt {
			margin-bottom: .8rem
	}

	.csr-env-objective .eco-challenge .target-results colgroup .item2 {
			width: 100px
	}

	.csr-env-objective .input-output h4 {
			font-size: 3.7rem;
			height: 3.2rem
	}

	.csr-env-objective .input-output h5 .ttl {
			font-size: 1.5rem
	}

	.csr-env-objective .input-output dl.graph dt {
			font-size: 1.3rem
	}

	.csr-env-objective .input-output .green-wrapper h4 {
			height: 6.6rem
	}

	.csr-feature-technology .electrode .point-list dt {
			font-size: 1.2rem
	}

	.csr-esg-social-employee dt {
			margin-bottom: .8rem
	}

	.csr-social-employee dt {
			margin-bottom: .8rem
	}

	.history-mv .history-mv-title {
			max-width: 24rem
	}

	.history-intro {
			padding: 5rem 0
	}

	.history-intro-inner h3 {
			font-size: 1.8rem
	}

	.history-link-nav .btn:before {
			right: 1.2rem
	}

	.history-link-nav .btn {
			padding-left: 1.2rem
	}

	.history-sec-title .history-title-inner h4>span.text-section {
			font-size: 3rem
	}

	.history-sec-title .history-title-inner h4>span.text-ttl {
			font-size: 1.8rem
	}

	.history-outline {
			padding: 0 2.4rem;
			height: 24rem
	}

	.history-outline p {
			font-size: 1.8rem
	}
}

@media (min-width: 576px) {
	.page-history .container,.page-history .container-sm {
			max-width:540px
	}

	.col-sm {
			flex-basis: 0;
			flex-grow: 1;
			max-width: 100%
	}

	.page-history .row-cols-sm-1>* {
			flex: 0 0 100%;
			max-width: 100%
	}

	.page-history .row-cols-sm-2>* {
			flex: 0 0 50%;
			max-width: 50%
	}

	.page-history .row-cols-sm-3>* {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.page-history .row-cols-sm-4>* {
			flex: 0 0 25%;
			max-width: 25%
	}

	.page-history .row-cols-sm-5>* {
			flex: 0 0 20%;
			max-width: 20%
	}

	.page-history .row-cols-sm-6>* {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.col-sm-auto {
			flex: 0 0 auto;
			width: auto;
			max-width: 100%
	}

	.col-sm-1 {
			flex: 0 0 8.33333%;
			max-width: 8.33333%
	}

	.col-sm-2 {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.col-sm-3 {
			flex: 0 0 25%;
			max-width: 25%
	}

	.col-sm-4 {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.col-sm-5 {
			flex: 0 0 41.66667%;
			max-width: 41.66667%
	}

	.col-sm-6 {
			flex: 0 0 50%;
			max-width: 50%
	}

	.col-sm-7 {
			flex: 0 0 58.33333%;
			max-width: 58.33333%
	}

	.col-sm-8 {
			flex: 0 0 66.66667%;
			max-width: 66.66667%
	}

	.col-sm-9 {
			flex: 0 0 75%;
			max-width: 75%
	}

	.col-sm-10 {
			flex: 0 0 83.33333%;
			max-width: 83.33333%
	}

	.col-sm-11 {
			flex: 0 0 91.66667%;
			max-width: 91.66667%
	}

	.col-sm-12 {
			flex: 0 0 100%;
			max-width: 100%
	}

	.order-sm-first {
			order: -1
	}

	.order-sm-last {
			order: 13
	}

	.order-sm-0 {
			order: 0
	}

	.order-sm-1 {
			order: 1
	}

	.order-sm-2 {
			order: 2
	}

	.order-sm-3 {
			order: 3
	}

	.order-sm-4 {
			order: 4
	}

	.order-sm-5 {
			order: 5
	}

	.order-sm-6 {
			order: 6
	}

	.order-sm-7 {
			order: 7
	}

	.order-sm-8 {
			order: 8
	}

	.order-sm-9 {
			order: 9
	}

	.order-sm-10 {
			order: 10
	}

	.order-sm-11 {
			order: 11
	}

	.order-sm-12 {
			order: 12
	}

	.offset-sm-0 {
			margin-left: 0
	}

	.offset-sm-1 {
			margin-left: 8.33333%
	}

	.offset-sm-2 {
			margin-left: 16.66667%
	}

	.offset-sm-3 {
			margin-left: 25%
	}

	.offset-sm-4 {
			margin-left: 33.33333%
	}

	.offset-sm-5 {
			margin-left: 41.66667%
	}

	.offset-sm-6 {
			margin-left: 50%
	}

	.offset-sm-7 {
			margin-left: 58.33333%
	}

	.offset-sm-8 {
			margin-left: 66.66667%
	}

	.offset-sm-9 {
			margin-left: 75%
	}

	.offset-sm-10 {
			margin-left: 83.33333%
	}

	.offset-sm-11 {
			margin-left: 91.66667%
	}

	.d-sm-none {
			display: none!important
	}

	.d-sm-inline {
			display: inline!important
	}

	.d-sm-inline-block {
			display: inline-block!important
	}

	.d-sm-block {
			display: block!important
	}

	.d-sm-table {
			display: table!important
	}

	.d-sm-table-row {
			display: table-row!important
	}

	.d-sm-table-cell {
			display: table-cell!important
	}

	.d-sm-flex {
			display: flex!important
	}

	.d-sm-inline-flex {
			display: inline-flex!important
	}

	.flex-sm-row {
			flex-direction: row!important
	}

	.flex-sm-column {
			flex-direction: column!important
	}

	.flex-sm-row-reverse {
			flex-direction: row-reverse!important
	}

	.flex-sm-column-reverse {
			flex-direction: column-reverse!important
	}

	.flex-sm-wrap {
			flex-wrap: wrap!important
	}

	.flex-sm-nowrap {
			flex-wrap: nowrap!important
	}

	.flex-sm-wrap-reverse {
			flex-wrap: wrap-reverse!important
	}

	.flex-sm-fill {
			flex: 1 1 auto!important
	}

	.flex-sm-grow-0 {
			flex-grow: 0!important
	}

	.flex-sm-grow-1 {
			flex-grow: 1!important
	}

	.flex-sm-shrink-0 {
			flex-shrink: 0!important
	}

	.flex-sm-shrink-1 {
			flex-shrink: 1!important
	}

	.page-history .justify-content-sm-start {
			justify-content: flex-start!important
	}

	.page-history .justify-content-sm-end {
			justify-content: flex-end!important
	}

	.page-history .justify-content-sm-center {
			justify-content: center!important
	}

	.page-history .justify-content-sm-between {
			justify-content: space-between!important
	}

	.page-history .justify-content-sm-around {
			justify-content: space-around!important
	}

	.page-history .align-items-sm-start {
			align-items: flex-start!important
	}

	.page-history .align-items-sm-end {
			align-items: flex-end!important
	}

	.page-history .align-items-sm-center {
			align-items: center!important
	}

	.page-history .align-items-sm-baseline {
			align-items: baseline!important
	}

	.page-history .align-items-sm-stretch {
			align-items: stretch!important
	}

	.page-history .align-content-sm-start {
			align-content: flex-start!important
	}

	.page-history .align-content-sm-end {
			align-content: flex-end!important
	}

	.page-history .align-content-sm-center {
			align-content: center!important
	}

	.page-history .align-content-sm-between {
			align-content: space-between!important
	}

	.page-history .align-content-sm-around {
			align-content: space-around!important
	}

	.page-history .align-content-sm-stretch {
			align-content: stretch!important
	}

	.page-history .align-self-sm-auto {
			align-self: auto!important
	}

	.page-history .align-self-sm-start {
			align-self: flex-start!important
	}

	.page-history .align-self-sm-end {
			align-self: flex-end!important
	}

	.page-history .align-self-sm-center {
			align-self: center!important
	}

	.page-history .align-self-sm-baseline {
			align-self: baseline!important
	}

	.page-history .align-self-sm-stretch {
			align-self: stretch!important
	}
}

@media (min-width: 768px) {
	.page-history .container,.page-history .container-md,.page-history .container-sm {
			max-width:720px
	}

	.page-history .col-md {
			flex-basis: 0;
			flex-grow: 1;
			max-width: 100%
	}

	.page-history .row-cols-md-1>* {
			flex: 0 0 100%;
			max-width: 100%
	}

	.page-history .row-cols-md-2>* {
			flex: 0 0 50%;
			max-width: 50%
	}

	.page-history .row-cols-md-3>* {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.page-history .row-cols-md-4>* {
			flex: 0 0 25%;
			max-width: 25%
	}

	.page-history .row-cols-md-5>* {
			flex: 0 0 20%;
			max-width: 20%
	}

	.page-history .row-cols-md-6>* {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.page-history .col-md-auto {
			flex: 0 0 auto;
			width: auto;
			max-width: 100%
	}

	.page-history .col-md-1 {
			flex: 0 0 8.33333%;
			max-width: 8.33333%
	}

	.page-history .col-md-2 {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.page-history .col-md-3 {
			flex: 0 0 25%;
			max-width: 25%
	}

	.page-history .col-md-4 {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.page-history .col-md-5 {
			flex: 0 0 41.66667%;
			max-width: 41.66667%
	}

	.page-history .col-md-6 {
			flex: 0 0 50%;
			max-width: 50%
	}

	.page-history .col-md-7 {
			flex: 0 0 58.33333%;
			max-width: 58.33333%
	}

	.page-history .col-md-8 {
			flex: 0 0 66.66667%;
			max-width: 66.66667%
	}

	.page-history .col-md-9 {
			flex: 0 0 75%;
			max-width: 75%
	}

	.page-history .col-md-10 {
			flex: 0 0 83.33333%;
			max-width: 83.33333%
	}

	.page-history .col-md-11 {
			flex: 0 0 91.66667%;
			max-width: 91.66667%
	}

	.page-history .col-md-12 {
			flex: 0 0 100%;
			max-width: 100%
	}

	.page-history .order-md-first {
			order: -1
	}

	.page-history .order-md-last {
			order: 13
	}

	.page-history .order-md-0 {
			order: 0
	}

	.page-history .order-md-1 {
			order: 1
	}

	.page-history .order-md-2 {
			order: 2
	}

	.page-history .order-md-3 {
			order: 3
	}

	.page-history .order-md-4 {
			order: 4
	}

	.page-history .order-md-5 {
			order: 5
	}

	.page-history .order-md-6 {
			order: 6
	}

	.page-history .order-md-7 {
			order: 7
	}

	.page-history .order-md-8 {
			order: 8
	}

	.page-history .order-md-9 {
			order: 9
	}

	.page-history .order-md-10 {
			order: 10
	}

	.page-history .order-md-11 {
			order: 11
	}

	.page-history .order-md-12 {
			order: 12
	}

	.page-history .offset-md-0 {
			margin-left: 0
	}

	.page-history .offset-md-1 {
			margin-left: 8.33333%
	}

	.page-history .offset-md-2 {
			margin-left: 16.66667%
	}

	.page-history .offset-md-3 {
			margin-left: 25%
	}

	.page-history .offset-md-4 {
			margin-left: 33.33333%
	}

	.page-history .offset-md-5 {
			margin-left: 41.66667%
	}

	.page-history .offset-md-6 {
			margin-left: 50%
	}

	.page-history .offset-md-7 {
			margin-left: 58.33333%
	}

	.page-history .offset-md-8 {
			margin-left: 66.66667%
	}

	.page-history .offset-md-9 {
			margin-left: 75%
	}

	.page-history .offset-md-10 {
			margin-left: 83.33333%
	}

	.page-history .offset-md-11 {
			margin-left: 91.66667%
	}

	.page-history .d-md-none {
			display: none!important
	}

	.page-history .d-md-inline {
			display: inline!important
	}

	.page-history .d-md-inline-block {
			display: inline-block!important
	}

	.page-history .d-md-block {
			display: block!important
	}

	.page-history .d-md-table {
			display: table!important
	}

	.page-history .d-md-table-row {
			display: table-row!important
	}

	.page-history .d-md-table-cell {
			display: table-cell!important
	}

	.page-history .d-md-flex {
			display: flex!important
	}

	.page-history .d-md-inline-flex {
			display: inline-flex!important
	}

	.flex-md-row {
			flex-direction: row!important
	}

	.flex-md-column {
			flex-direction: column!important
	}

	.flex-md-row-reverse {
			flex-direction: row-reverse!important
	}

	.flex-md-column-reverse {
			flex-direction: column-reverse!important
	}

	.flex-md-wrap {
			flex-wrap: wrap!important
	}

	.flex-md-nowrap {
			flex-wrap: nowrap!important
	}

	.flex-md-wrap-reverse {
			flex-wrap: wrap-reverse!important
	}

	.flex-md-fill {
			flex: 1 1 auto!important
	}

	.flex-md-grow-0 {
			flex-grow: 0!important
	}

	.flex-md-grow-1 {
			flex-grow: 1!important
	}

	.flex-md-shrink-0 {
			flex-shrink: 0!important
	}

	.flex-md-shrink-1 {
			flex-shrink: 1!important
	}

	.page-history .justify-content-md-start {
			justify-content: flex-start!important
	}

	.page-history .justify-content-md-end {
			justify-content: flex-end!important
	}

	.page-history .justify-content-md-center {
			justify-content: center!important
	}

	.page-history .justify-content-md-between {
			justify-content: space-between!important
	}

	.page-history .justify-content-md-around {
			justify-content: space-around!important
	}

	.page-history .align-items-md-start {
			align-items: flex-start!important
	}

	.page-history .align-items-md-end {
			align-items: flex-end!important
	}

	.page-history .align-items-md-center {
			align-items: center!important
	}

	.page-history .align-items-md-baseline {
			align-items: baseline!important
	}

	.page-history .align-items-md-stretch {
			align-items: stretch!important
	}

	.page-history .align-content-md-start {
			align-content: flex-start!important
	}

	.page-history .align-content-md-end {
			align-content: flex-end!important
	}

	.page-history .align-content-md-center {
			align-content: center!important
	}

	.page-history .align-content-md-between {
			align-content: space-between!important
	}

	.page-history .align-content-md-around {
			align-content: space-around!important
	}

	.page-history .align-content-md-stretch {
			align-content: stretch!important
	}

	.page-history .align-self-md-auto {
			align-self: auto!important
	}

	.page-history .align-self-md-start {
			align-self: flex-start!important
	}

	.page-history .align-self-md-end {
			align-self: flex-end!important
	}

	.page-history .align-self-md-center {
			align-self: center!important
	}

	.page-history .align-self-md-baseline {
			align-self: baseline!important
	}

	.page-history .align-self-md-stretch {
			align-self: stretch!important
	}
}

@media (min-width: 992px) {
	.page-history .container,.page-history .container-lg,.page-history .container-md,.page-history .container-sm {
			max-width:960px
	}

	.col-lg {
			flex-basis: 0;
			flex-grow: 1;
			max-width: 100%
	}

	.page-history .row-cols-lg-1>* {
			flex: 0 0 100%;
			max-width: 100%
	}

	.page-history .row-cols-lg-2>* {
			flex: 0 0 50%;
			max-width: 50%
	}

	.page-history .row-cols-lg-3>* {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.page-history .row-cols-lg-4>* {
			flex: 0 0 25%;
			max-width: 25%
	}

	.page-history .row-cols-lg-5>* {
			flex: 0 0 20%;
			max-width: 20%
	}

	.page-history .row-cols-lg-6>* {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.col-lg-auto {
			flex: 0 0 auto;
			width: auto;
			max-width: 100%
	}

	.col-lg-1 {
			flex: 0 0 8.33333%;
			max-width: 8.33333%
	}

	.col-lg-2 {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.col-lg-3 {
			flex: 0 0 25%;
			max-width: 25%
	}

	.col-lg-4 {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.col-lg-5 {
			flex: 0 0 41.66667%;
			max-width: 41.66667%
	}

	.col-lg-6 {
			flex: 0 0 50%;
			max-width: 50%
	}

	.col-lg-7 {
			flex: 0 0 58.33333%;
			max-width: 58.33333%
	}

	.col-lg-8 {
			flex: 0 0 66.66667%;
			max-width: 66.66667%
	}

	.col-lg-9 {
			flex: 0 0 75%;
			max-width: 75%
	}

	.col-lg-10 {
			flex: 0 0 83.33333%;
			max-width: 83.33333%
	}

	.col-lg-11 {
			flex: 0 0 91.66667%;
			max-width: 91.66667%
	}

	.col-lg-12 {
			flex: 0 0 100%;
			max-width: 100%
	}

	.order-lg-first {
			order: -1
	}

	.order-lg-last {
			order: 13
	}

	.order-lg-0 {
			order: 0
	}

	.order-lg-1 {
			order: 1
	}

	.order-lg-2 {
			order: 2
	}

	.order-lg-3 {
			order: 3
	}

	.order-lg-4 {
			order: 4
	}

	.order-lg-5 {
			order: 5
	}

	.order-lg-6 {
			order: 6
	}

	.order-lg-7 {
			order: 7
	}

	.order-lg-8 {
			order: 8
	}

	.order-lg-9 {
			order: 9
	}

	.order-lg-10 {
			order: 10
	}

	.order-lg-11 {
			order: 11
	}

	.order-lg-12 {
			order: 12
	}

	.offset-lg-0 {
			margin-left: 0
	}

	.offset-lg-1 {
			margin-left: 8.33333%
	}

	.offset-lg-2 {
			margin-left: 16.66667%
	}

	.offset-lg-3 {
			margin-left: 25%
	}

	.offset-lg-4 {
			margin-left: 33.33333%
	}

	.offset-lg-5 {
			margin-left: 41.66667%
	}

	.offset-lg-6 {
			margin-left: 50%
	}

	.offset-lg-7 {
			margin-left: 58.33333%
	}

	.offset-lg-8 {
			margin-left: 66.66667%
	}

	.offset-lg-9 {
			margin-left: 75%
	}

	.offset-lg-10 {
			margin-left: 83.33333%
	}

	.offset-lg-11 {
			margin-left: 91.66667%
	}

	.d-lg-none {
			display: none!important
	}

	.d-lg-inline {
			display: inline!important
	}

	.d-lg-inline-block {
			display: inline-block!important
	}

	.d-lg-block {
			display: block!important
	}

	.d-lg-table {
			display: table!important
	}

	.d-lg-table-row {
			display: table-row!important
	}

	.d-lg-table-cell {
			display: table-cell!important
	}

	.d-lg-flex {
			display: flex!important
	}

	.d-lg-inline-flex {
			display: inline-flex!important
	}

	.flex-lg-row {
			flex-direction: row!important
	}

	.flex-lg-column {
			flex-direction: column!important
	}

	.flex-lg-row-reverse {
			flex-direction: row-reverse!important
	}

	.flex-lg-column-reverse {
			flex-direction: column-reverse!important
	}

	.flex-lg-wrap {
			flex-wrap: wrap!important
	}

	.flex-lg-nowrap {
			flex-wrap: nowrap!important
	}

	.flex-lg-wrap-reverse {
			flex-wrap: wrap-reverse!important
	}

	.flex-lg-fill {
			flex: 1 1 auto!important
	}

	.flex-lg-grow-0 {
			flex-grow: 0!important
	}

	.flex-lg-grow-1 {
			flex-grow: 1!important
	}

	.flex-lg-shrink-0 {
			flex-shrink: 0!important
	}

	.flex-lg-shrink-1 {
			flex-shrink: 1!important
	}

	.page-history .justify-content-lg-start {
			justify-content: flex-start!important
	}

	.page-history .justify-content-lg-end {
			justify-content: flex-end!important
	}

	.page-history .justify-content-lg-center {
			justify-content: center!important
	}

	.page-history .justify-content-lg-between {
			justify-content: space-between!important
	}

	.page-history .justify-content-lg-around {
			justify-content: space-around!important
	}

	.page-history .align-items-lg-start {
			align-items: flex-start!important
	}

	.page-history .align-items-lg-end {
			align-items: flex-end!important
	}

	.page-history .align-items-lg-center {
			align-items: center!important
	}

	.page-history .align-items-lg-baseline {
			align-items: baseline!important
	}

	.page-history .align-items-lg-stretch {
			align-items: stretch!important
	}

	.page-history .align-content-lg-start {
			align-content: flex-start!important
	}

	.page-history .align-content-lg-end {
			align-content: flex-end!important
	}

	.page-history .align-content-lg-center {
			align-content: center!important
	}

	.page-history .align-content-lg-between {
			align-content: space-between!important
	}

	.page-history .align-content-lg-around {
			align-content: space-around!important
	}

	.page-history .align-content-lg-stretch {
			align-content: stretch!important
	}

	.page-history .align-self-lg-auto {
			align-self: auto!important
	}

	.page-history .align-self-lg-start {
			align-self: flex-start!important
	}

	.page-history .align-self-lg-end {
			align-self: flex-end!important
	}

	.page-history .align-self-lg-center {
			align-self: center!important
	}

	.page-history .align-self-lg-baseline {
			align-self: baseline!important
	}

	.page-history .align-self-lg-stretch {
			align-self: stretch!important
	}
}

@media (min-width: 1200px) {
	.page-history .container,.page-history .container-lg,.page-history .container-md,.page-history .container-sm,.page-history .container-xl {
			max-width:1140px
	}

	.col-xl {
			flex-basis: 0;
			flex-grow: 1;
			max-width: 100%
	}

	.page-history .row-cols-xl-1>* {
			flex: 0 0 100%;
			max-width: 100%
	}

	.page-history .row-cols-xl-2>* {
			flex: 0 0 50%;
			max-width: 50%
	}

	.page-history .row-cols-xl-3>* {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.page-history .row-cols-xl-4>* {
			flex: 0 0 25%;
			max-width: 25%
	}

	.page-history .row-cols-xl-5>* {
			flex: 0 0 20%;
			max-width: 20%
	}

	.page-history .row-cols-xl-6>* {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.col-xl-auto {
			flex: 0 0 auto;
			width: auto;
			max-width: 100%
	}

	.col-xl-1 {
			flex: 0 0 8.33333%;
			max-width: 8.33333%
	}

	.col-xl-2 {
			flex: 0 0 16.66667%;
			max-width: 16.66667%
	}

	.col-xl-3 {
			flex: 0 0 25%;
			max-width: 25%
	}

	.col-xl-4 {
			flex: 0 0 33.33333%;
			max-width: 33.33333%
	}

	.col-xl-5 {
			flex: 0 0 41.66667%;
			max-width: 41.66667%
	}

	.col-xl-6 {
			flex: 0 0 50%;
			max-width: 50%
	}

	.col-xl-7 {
			flex: 0 0 58.33333%;
			max-width: 58.33333%
	}

	.col-xl-8 {
			flex: 0 0 66.66667%;
			max-width: 66.66667%
	}

	.col-xl-9 {
			flex: 0 0 75%;
			max-width: 75%
	}

	.col-xl-10 {
			flex: 0 0 83.33333%;
			max-width: 83.33333%
	}

	.col-xl-11 {
			flex: 0 0 91.66667%;
			max-width: 91.66667%
	}

	.col-xl-12 {
			flex: 0 0 100%;
			max-width: 100%
	}

	.order-xl-first {
			order: -1
	}

	.order-xl-last {
			order: 13
	}

	.order-xl-0 {
			order: 0
	}

	.order-xl-1 {
			order: 1
	}

	.order-xl-2 {
			order: 2
	}

	.order-xl-3 {
			order: 3
	}

	.order-xl-4 {
			order: 4
	}

	.order-xl-5 {
			order: 5
	}

	.order-xl-6 {
			order: 6
	}

	.order-xl-7 {
			order: 7
	}

	.order-xl-8 {
			order: 8
	}

	.order-xl-9 {
			order: 9
	}

	.order-xl-10 {
			order: 10
	}

	.order-xl-11 {
			order: 11
	}

	.order-xl-12 {
			order: 12
	}

	.offset-xl-0 {
			margin-left: 0
	}

	.offset-xl-1 {
			margin-left: 8.33333%
	}

	.offset-xl-2 {
			margin-left: 16.66667%
	}

	.offset-xl-3 {
			margin-left: 25%
	}

	.offset-xl-4 {
			margin-left: 33.33333%
	}

	.offset-xl-5 {
			margin-left: 41.66667%
	}

	.offset-xl-6 {
			margin-left: 50%
	}

	.offset-xl-7 {
			margin-left: 58.33333%
	}

	.offset-xl-8 {
			margin-left: 66.66667%
	}

	.offset-xl-9 {
			margin-left: 75%
	}

	.offset-xl-10 {
			margin-left: 83.33333%
	}

	.offset-xl-11 {
			margin-left: 91.66667%
	}

	.d-xl-none {
			display: none!important
	}

	.d-xl-inline {
			display: inline!important
	}

	.d-xl-inline-block {
			display: inline-block!important
	}

	.d-xl-block {
			display: block!important
	}

	.d-xl-table {
			display: table!important
	}

	.d-xl-table-row {
			display: table-row!important
	}

	.d-xl-table-cell {
			display: table-cell!important
	}

	.d-xl-flex {
			display: flex!important
	}

	.d-xl-inline-flex {
			display: inline-flex!important
	}

	.flex-xl-row {
			flex-direction: row!important
	}

	.flex-xl-column {
			flex-direction: column!important
	}

	.flex-xl-row-reverse {
			flex-direction: row-reverse!important
	}

	.flex-xl-column-reverse {
			flex-direction: column-reverse!important
	}

	.flex-xl-wrap {
			flex-wrap: wrap!important
	}

	.flex-xl-nowrap {
			flex-wrap: nowrap!important
	}

	.flex-xl-wrap-reverse {
			flex-wrap: wrap-reverse!important
	}

	.flex-xl-fill {
			flex: 1 1 auto!important
	}

	.flex-xl-grow-0 {
			flex-grow: 0!important
	}

	.flex-xl-grow-1 {
			flex-grow: 1!important
	}

	.flex-xl-shrink-0 {
			flex-shrink: 0!important
	}

	.flex-xl-shrink-1 {
			flex-shrink: 1!important
	}

	.page-history .justify-content-xl-start {
			justify-content: flex-start!important
	}

	.page-history .justify-content-xl-end {
			justify-content: flex-end!important
	}

	.page-history .justify-content-xl-center {
			justify-content: center!important
	}

	.page-history .justify-content-xl-between {
			justify-content: space-between!important
	}

	.page-history .justify-content-xl-around {
			justify-content: space-around!important
	}

	.page-history .align-items-xl-start {
			align-items: flex-start!important
	}

	.page-history .align-items-xl-end {
			align-items: flex-end!important
	}

	.page-history .align-items-xl-center {
			align-items: center!important
	}

	.page-history .align-items-xl-baseline {
			align-items: baseline!important
	}

	.page-history .align-items-xl-stretch {
			align-items: stretch!important
	}

	.page-history .align-content-xl-start {
			align-content: flex-start!important
	}

	.page-history .align-content-xl-end {
			align-content: flex-end!important
	}

	.page-history .align-content-xl-center {
			align-content: center!important
	}

	.page-history .align-content-xl-between {
			align-content: space-between!important
	}

	.page-history .align-content-xl-around {
			align-content: space-around!important
	}

	.page-history .align-content-xl-stretch {
			align-content: stretch!important
	}

	.page-history .align-self-xl-auto {
			align-self: auto!important
	}

	.page-history .align-self-xl-start {
			align-self: flex-start!important
	}

	.page-history .align-self-xl-end {
			align-self: flex-end!important
	}

	.page-history .align-self-xl-center {
			align-self: center!important
	}

	.page-history .align-self-xl-baseline {
			align-self: baseline!important
	}

	.page-history .align-self-xl-stretch {
			align-self: stretch!important
	}
}

@media print {
	.d-print-none {
			display: none!important
	}

	.d-print-inline {
			display: inline!important
	}

	.d-print-inline-block {
			display: inline-block!important
	}

	.d-print-block {
			display: block!important
	}

	.d-print-table {
			display: table!important
	}

	.d-print-table-row {
			display: table-row!important
	}

	.d-print-table-cell {
			display: table-cell!important
	}

	.d-print-flex {
			display: flex!important
	}

	.d-print-inline-flex {
			display: inline-flex!important
	}
}

@media (max-width: 575.98px) {
	.table-responsive-sm {
			display:block;
			width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch
	}

	.table-responsive-sm>.table-bordered {
			border: 0
	}
}

@media (max-width: 767.98px) {
	.table-responsive-md {
			display:block;
			width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch
	}

	.table-responsive-md>.table-bordered {
			border: 0
	}
}

@media (max-width: 991.98px) {
	.table-responsive-lg {
			display:block;
			width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch
	}

	.table-responsive-lg>.table-bordered {
			border: 0
	}
}

@media (max-width: 1199.98px) {
	.table-responsive-xl {
			display:block;
			width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch
	}

	.table-responsive-xl>.table-bordered {
			border: 0
	}
}

@media (hover: hover) {
	.site-nav-main .global-navigation>.menu-item>a:hover:after {
			width:calc(100% - 30px)
	}
}

@media screen and (min-width: 768px) and (max-width:991px) {
	.ir-investor-glance .glance-history .row>dl>dt {
			font-size:1.675rem
	}

	.ir-investor-glance .glance-history dd>dl dt {
			flex: 0 0 100%;
			max-width: 100%
	}

	.ir-investor-glance .glance-history dd>dl dd {
			flex: 0 0 100%;
			max-width: 100%;
			padding-left: 8px
	}
}

@media only screen and (min-width: 1400px) {
	.modaal-video-container {
			padding-bottom:0;
			height: 731px
	}
}

@media only screen and (max-width: 1140px) {
	.modaal-image .modaal-inner-wrapper {
			padding-left:25px;
			padding-right: 25px
	}

	.modaal-gallery-control {
			top: auto;
			bottom: 20px;
			transform: none;
			background: rgba(0,0,0,.7)
	}

	.modaal-gallery-control:after,.modaal-gallery-control:before {
			background: #fff
	}

	.modaal-gallery-next {
			left: auto;
			right: 20px
	}

	.modaal-gallery-prev {
			left: 20px;
			right: auto
	}
}

@media screen and (max-width: 900px) {
	.modaal-instagram iframe {
			width:500px!important
	}
}

@media screen and (max-height: 1100px) {
	.modaal-instagram iframe {
			width:700px!important
	}
}

@media screen and (max-height: 1000px) {
	.modaal-inner-wrapper {
			padding-top:60px;
			padding-bottom: 60px
	}

	.modaal-instagram iframe {
			width: 600px!important
	}
}

@media screen and (max-height: 900px) {
	.modaal-instagram iframe {
			width:500px!important
	}

	.modaal-video-container {
			max-width: 900px;
			max-height: 510px
	}
}

@media only screen and (max-width: 600px) {
	.modaal-instagram iframe {
			width:280px!important
	}
}

@media only screen and (max-height: 820px) {
	.modaal-gallery-label {
			display:none
	}
}

@media screen and (max-width: 615px) {
	.news .category-nav,.release .category-nav {
			max-width:340px
	}

	.news .category-nav li:nth-of-type(4),.release .category-nav li:nth-of-type(4) {
			border-right: 1px solid #ccc
	}

	.news .group-nav,.release .group-nav {
			max-width: 340px
	}

	.news .group-nav li:nth-of-type(4),.news .group-nav li:nth-of-type(7),.release .group-nav li:nth-of-type(4),.release .group-nav li:nth-of-type(7) {
			border-right: 1px solid #ccc
	}
}