@charset "UTF-8";
html {
	margin-top: 0 !important;
}
@media screen and (max-width: 782px) {
	html {
		margin-top: 0 !important;
	}
}
@media screen and (min-width: 768px) {
	.section-inner {
		padding: 0 calc(50% - 600px);
	}
}
.page-title {
	padding: 12px 8px 8px;
	font-size: 41px;
	font-weight: 700;
	text-align: center;
}
@media screen and (max-width: 1200px) {
	.page-title-wrap {
		margin-top: 60px;
	}
}
.page-title--en {
	display: none;
	font-family: Oswald, sans-serif;
	font-size: 26px;
}
.page-title span {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.15;
}
.page-title-wrap {
	position: relative;
	display: flex;
	align-items: center;
	height: 340px;
	color: #fff;
	background-color: #f3f3f3;
}
.page-title-wrap.third {
	height: 180px;
}
.page-title-wrap.third .page-title {
	padding-top: 0;
	font-size: 36px;
}
.page-title-wrap.third .page-title--en {
	display: none;
}
.english-page .page-title-wrap.third.en_dl {
	height: 270px;
}
.english-page .breadcrumb.en_dl {
	flex-wrap: wrap;
	width: 530px;
}
@media screen and (max-width: 782px) {
	.english-page .page-title-wrap.third.en_dl {
		height: 300px;
	}
	.english-page .breadcrumb.en_dl {
		width: 90%;
	}
}
.un_inquiry .page-title-wrap.third {
	height: 200px;
}
.un_inquiry .breadcrumb.jp_dl {
	flex-wrap: wrap;
	width: 540px;
}
@media screen and (max-width: 782px) {
	.un_inquiry .page-title-wrap.third {
		height: 250px;
	}
	.un_inquiry .breadcrumb.jp_dl {
		width: 90%;
	}
}
.un_lp .un_youtube {
	margin: 36px auto 15px;
}
.un_lp .un_textLink,
.un_chemicalsProduct .un_textLink {
	text-decoration: underline;
}
.un_lp .un_textLink:hover,
.un_chemicalsProduct .un_textLink:hover {
	text-decoration: none;
}
.un_lp .un_col1 {
	justify-content: center;
}
.un_lp .un_col1 .bl_lowerLink_list_item {
	width: 49%;
	max-width: none;
}
.un_lp .un_lpForForm {
	display: block;
	padding: 20px;
	border: solid #b41414 1px;
	border-radius: 10px;
}
.english-page.un_lp .breadcrumb {
	flex-wrap: wrap;
	width: 540px;
}
.un_lp .bl_txt a,
.un_chemicalsProduct .bl_txt a {
	text-decoration: underline;
}
.un_lp .bl_txt a:hover,
.un_chemicalsProduct .bl_txt a:hover {
	font-weight: bold;
	color: #b41414;
	text-decoration: none;
}
.un_chemicalsProduct .un_textLink {
	margin-bottom: 0;
	font-size: 18px;
}
@media screen and (max-width: 782px) {
	.un_lp .un_youtube {
		width: 100%;
	}
	.un_lp .un_youtube iframe {
		width: 100%;
	}
	.un_lp .un_col1 .bl_lowerLink_list_item {
		width: 100%;
		max-width: none;
	}
	.un_lp .bl_lowerLink_list.bl_lowerLink_list--col2 .bl_lowerLink_list_item {
		width: 100%;
	}
	.english-page.un_lp .breadcrumb {
		width: 90%;
	}
}
.un_inquiry .page-title-wrap.third {
	height: 200px;
}
.un_inquiry .breadcrumb.jp_dl {
	flex-wrap: wrap;
	width: 540px;
}
@media screen and (max-width: 782px) {
	.un_inquiry .page-title-wrap.third {
		height: 250px;
	}
	.un_inquiry .breadcrumb.jp_dl {
		width: 90%;
	}
}
.english-page .page-title-wrap.third.en_dl {
	height: 270px;
}
.english-page .breadcrumb.en_dl{
	width: 530px;
	flex-wrap: wrap;
}
@media screen and (max-width: 782px){
	.english-page .page-title-wrap.third.en_dl {
		height: 300px;
	}
	.english-page .breadcrumb.en_dl{
		width: 90%;
	}
}
.un_inquiry .page-title-wrap.third {
	height: 200px;
}
.un_inquiry .breadcrumb.jp_dl{
	width: 540px;
	flex-wrap: wrap;
}
@media screen and (max-width: 782px){
	.un_inquiry .page-title-wrap.third {
		height: 250px;
	}
	.un_inquiry .breadcrumb.jp_dl{
		width: 90%;
	}
}
.page-title__block {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgb(20 40 60 / 0.6);
	transition: 0.3s;
}
@media screen and (min-width: 1200px) {
	.page-title__block {
		width: 540px;
		background-color: rgb(20 40 60 / 0.6);
		transition: 0.3s;
	}
}
.page-title__inner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
@media screen and (max-width: 1200px) {
	.page-title__inner {
		padding: 10px;
		transition: 0.3s;
	}
}
@media screen and (max-width: 750px) {
	.ly_main {
		padding: 0;
	}
}
.ly_main .page-title-wrap {
	margin-top: 140px;
	margin-bottom: 180px;
}
@media screen and (max-width: 1200px) {
	.ly_main .page-title-wrap {
		margin-top: 100px;
		margin-bottom: 120px;
	}
}
@media screen and (max-width: 750px) {
	.ly_main .page-title-wrap {
		margin-top: 60px;
		margin-bottom: 80px;
	}
	.ly_main .page-title__block {
		width: 100%;
	}
}
.breadcrumb {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 10;
	display: flex;
	font-size: 14px;
}
.breadcrumb__list {
	margin-left: 8px;
}
.breadcrumb__list::after {
	padding-left: 4px;
	content: ">";
}
.breadcrumb__list:first-child {
	margin-left: 0;
}
.breadcrumb__list:last-child::after {
	display: none;
}
.breadcrumb__link {
	color: #fff;
	text-decoration: none;
}
.page-description {
	padding: 85px 24px;
	font-size: 20px;
	line-height: 1.89;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.page-description {
		text-align: left;
		padding: 85px 24px;
	}
}
/*
 * ページの背景画像の指定
 * .page-title-wrap.bg-xxxxを指定する
 */
.page-title-wrap.bg-third {
	background-color: #c8dcec;
	background-image: none;
}
.img {
	width: 100%;
	max-width: 900px;
	margin: 50px auto 30px;
}

@media screen and (max-width: 1200px) {
	.pict {
		margin: 20px auto;
	}
}
.table {
	width: 100%;
	max-width: 900px;
	margin: auto;
	border-top: 1px solid #e8e8e8;
}
.table th {
	padding: 12px 24px 12px 0;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px solid #e8e8e8;
	word-spacing: 0.08em;
}
.table td {
	padding: 12px;
	border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 1200px) {
	.table {
		width: calc(100% - 30px);
		max-width: none;
		margin: 0 15px;
	}
}
*,
*::before,
*::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
:where([hidden]:not([hidden="until-found"])) {
	display: none !important;
}
:where(html) {
	text-size-adjust: none;
	color-scheme: dark light;
}
@supports not (min-block-size: 100dvb) {
	:where(html) {
		block-size: 100%;
	}
}
@media (prefers-reduced-motion: no-preference) {
	:where(html:focus-within) {
		scroll-behavior: smooth;
	}
}
:where(body) {
	block-size: 100%;
	block-size: 100dvb;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
:where(input, button, textarea, select) {
	font: inherit;
	color: inherit;
}
:where(textarea) {
	resize: vertical;
	resize: block;
}
:where(button, label, select, summary, [role="button"], [role="option"]) {
	cursor: pointer;
}
:where(:disabled) {
	cursor: not-allowed;
}
:where(label:has(> input:disabled), label:has(+ input:disabled)) {
	cursor: not-allowed;
}
:where(button) {
	border-style: solid;
}
:where(a) {
	text-underline-offset: 0.2ex;
}
:where(ul, ol) {
	list-style: none;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
	display: block;
}
:where(img, picture, svg) {
	max-inline-size: 100%;
	block-size: auto;
}
:where(p, h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word;
}
:where(h1, h2, h3) {
	line-height: calc(1em + 0.5rem);
}
:where(hr) {
	block-size: 0;
	overflow: visible;
	color: inherit;
	border: none;
	border-block-start: 1px solid;
}
:where(:focus-visible) {
	outline: 2px solid var(--focus-color, Highlight);
	outline-offset: 2px;
}
:where(
		.visually-hidden:not(
				:focus,
				:active,
				:focus-within,
				.not-visually-hidden
			)
	) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	color: #141e28;
	background-color: #fff;
}
main {
	position: relative;
	margin-top: 140px;
}
@media screen and (max-width: 1200px) {
	main {
		margin-top: 100px;
	}
}
@media screen and (max-width: 768px) {
	main {
		margin-top: 60px;
	}
}
.breadcrumbs {
	position: relative;
	z-index: 30;
	padding: 15px;
	font-size: 12px;
}
@media screen and (min-width: 768px) {
	.breadcrumbs ol {
		display: flex;
		padding: 0 calc(50% - 500px);
	}
}
.breadcrumbs li {
	padding: 3px 0;
}
.breadcrumbs a {
	display: block;
	color: #333;
	text-decoration: none;
}
.breadcrumbs a::after {
	padding-left: 8px;
	margin-right: 12px;
	content: " >";
}
.breadcrumbs a:hover {
	color: #0153b9;
	transition: ease all 0.3s;
}
.breadcrumbs .current {
	font-weight: 600;
	color: #0153b9;
}
noscript {
	display: none;
}
.js-fade {
	visibility: hidden;
	opacity: 0;
	transition: opacity 1s, visibility 1s, transform 1s;
	transform: translateY(50px);
}
.inview {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
.button-group {
	display: flex;
	flex-direction: column;
}
@media screen and (min-width: 768px) {
	.button-group {
		flex-direction: row;
		justify-content: center;
	}
	.button-group li {
		width: 100%;
		max-width: 480px;
		margin: 0 20px;
	}
}
.button-group li + li {
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	.button-group li + li {
		margin-top: 0;
	}
}
.screen {
	display: none;
	width: 100vw;
	height: 100vh;
	background-color: rgb(0 0 0 / 0.42);
}
.screen.active {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
}
.sub-title {
	margin-bottom: 30px;
	font-size: 18px;
}
@media screen and (min-width: 768px) {
	.sub-title {
		font-size: 22px;
	}
}
.text-link {
	color: #0153b9;
	text-decoration: underline;
}
.text-link:hover {
	text-decoration: none;
}
.ico {
	display: inline;
	width: 18px;
	height: auto;
	vertical-align: top;
}
/*
 * COMPANY
 */
.img-container {
	width: 100%;
	max-width: 900px;
	margin: 50px auto 30px;
}
.table {
	width: 100%;
	max-width: 900px;
	margin: auto;
	border-top: 1px solid #e8e8e8;
}
.table th {
	padding: 12px 24px 12px 0;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px solid #e8e8e8;
	word-spacing: 0.08em;
}
.table td {
	padding: 12px;
	border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 1200px) {
	.table {
		width: calc(100% - 30px);
		max-width: none;
		margin: 0 15px;
	}
}
.mobile {
	display: block;
}
@media screen and (min-width: 768px) {
	.mobile {
		display: none;
	}
}
.desktop {
	display: none;
}
@media screen and (min-width: 768px) {
	.desktop {
		display: block;
	}
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-80 {
	margin-bottom: 80px;
}
.my-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.py-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.py-60 {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}
.pb-60 {
	padding-bottom: 60px !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
	text-align: center !important;
}
.bl_txt.bl_colTxt p {
	text-indent: 1em;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 60px;
	background-color: #fff;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 0.2);
}
@media screen and (min-width: 768px) {
	.header {
		height: 100px;
	}
}
@media screen and (min-width: 1200px) {
	.header {
		height: 140px;
	}
}
.header__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 0 15px;
}
@media screen and (min-width: 768px) {
	.header__inner {
		height: 100%;
	}
}
@media screen and (min-width: 1200px) {
	.header__inner {
		height: 80px;
	}
}
.header__logo {
	position: relative;
	z-index: 100;
	width: 294px;
	height: 45px;
}
.header__logo.en {
	position: relative;
	z-index: 100;
	width: 330px;
	height: 45px;
}
.header__logo svg {
	width: 100%;
	height: auto;
}
.header__logo.en svg {
	width: 90%;
	height: auto;
}
.header__logo.active svg path {
	fill: #fff;
}
@media screen and (max-width: 767px) {
	.header__logo {
		width: 180px;
		height: auto;
	}
}
.global-nav {
	display: flex;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px calc(50% - 550px);
	letter-spacing: 0.14em;
}
@media screen and (max-width: 1199px) {
	.global-nav {
		padding: 20px 0;
	}
}
.global-nav__list {
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}
.global-nav__link {
	position: relative;
	padding-bottom: 6px;
	font-size: 16px;
	color: inherit;
	text-decoration: none;
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #fff;
	outline: none;
	transition: 0.3s;
}
@media screen and (min-width: 1350px) {
	.global-nav__link {
		font-size: 16px;
	}
}
@media screen and (max-width: 1199px) {
	.global-nav__link > span::before {
		position: absolute;
		top: calc(50% - 1px);
		right: 15px;
		width: 15px;
		height: 2px;
		content: "";
		background-color: #fff;
	}
}
@media screen and (max-width: 1199px) {
	.global-nav__link {
		width: 100%;
		text-align: left;
	}
	.global-nav__link::before {
		position: absolute;
		top: calc(50% - 12px);
		right: 10px;
		display: block;
		width: 25px;
		height: 25px;
		content: "";
		background-color: #b41414;
		border-radius: 50%;
	}
	.global-nav__link::after {
		position: absolute;
		top: 19px;
		right: 15px;
		width: 15px;
		height: 2px;
		content: "";
		background-color: #fff;
		transition: 0.3s;
		transform: rotate(90deg);
	}
}
.global-nav__link.active {
	position: relative;
}
.global-nav__link.active > span::before {
	display: none;
}
.global-nav__link.active::after {
	transition: 0.3s;
	transform: rotate(0deg);
}
@media screen and (min-width: 1200px) {
	.global-nav__link.active.js-under-nav::after {
		position: absolute;
		bottom: -21px;
		left: calc(50% - 14px);
		display: block;
		width: 25px;
		height: calc(tan(60deg) * 16px / 2);
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
		content: "";
		background-color: #818181;
	}
}
.global-nav__link:hover {
	border-bottom: 3px solid #b41414;
	transition: 0.3s;
}
.global-nav.active {
	top: 0;
	left: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
}
@media screen and (min-width: 768px) {
	.global-nav.active {
		padding-top: 100px;
	}
}
.global-nav.active::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	content: "";
	background-color: rgb(30 40 50 / 0.9);
}
.global-nav.active .global-nav__list {
	grid-column: 1 / 4;
	order: 4;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #3a3a3a;
}
.global-nav.active .global-nav__list.order-1 {
	order: 3;
	border-top: 1px solid #3a3a3a;
}
.global-nav.active .global-nav__list.order-6,
.global-nav.active .global-nav__list.order-7 {
	border-bottom: none;
}
@media screen and (max-width: 1200px) {
	.global-nav.active .global-nav__list.order-6 .global-nav__link::before,
	.global-nav.active .global-nav__list.order-6 .global-nav__link::after,
	.global-nav.active .global-nav__list.order-6 .global-nav__link span::before,
	.global-nav.active .global-nav__list.order-7 .global-nav__link::before,
	.global-nav.active .global-nav__list.order-7 .global-nav__link::after,
	.global-nav.active
		.global-nav__list.order-7
		.global-nav__link
		span::before {
		display: none;
	}
}
.global-nav.active .global-nav__list.order-8 {
	grid-column: 1 / 2;
	order: 1;
	padding: 8px 16px;
	border-top: none;
	border-bottom: none;
}
.global-nav.active .global-nav__list.order-9 {
	grid-column: 1 / 4;
	padding: 8px 16px;
	border-top: none;
	border-bottom: none;
}
@media screen and (max-width: 1200px) {
	.global-nav.active .global-nav__list.order-9 {
		padding: 0;
	}
	.global-nav.active .global-nav__list.order-9 .global-nav__link::before,
	.global-nav.active .global-nav__list.order-9 .global-nav__link::after,
	.global-nav.active
		.global-nav__list.order-9
		.global-nav__link
		span::before {
		display: none;
	}
}
.global-nav.active .global-nav__link {
	display: block;
	padding: 10px 20px;
	color: #fff;
	border-top: none;
	border-bottom: none;
}
@media screen and (max-width: 1200px) {
	.global-nav {
		display: none;
	}
}
.menu-bar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
	display: block;
	width: 60px;
	height: 60px;
	padding: 19px;
	cursor: pointer;
	background-color: #b41414;
	transition: 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar {
		width: 100px;
		height: 100px;
		transition: 0.3s;
	}
}
.menu-bar span {
	position: absolute;
	top: 19px;
	left: calc(50% - 2px);
	display: block;
	width: 2px;
	height: 2px;
	background-color: #fff;
	border-radius: 50%;
	transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span {
		top: 32px;
		left: calc(50% - 4px);
		width: 4px;
		height: 4px;
	}
}
.menu-bar span:nth-child(1)::before {
	position: absolute;
	top: 0;
	left: 8px;
	display: block;
	width: 2px;
	height: 2px;
	content: "";
	background-color: #fff;
	border-radius: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(1)::before {
		left: 16px;
		width: 4px;
		height: 4px;
	}
}
.menu-bar span:nth-child(1)::after {
	position: absolute;
	top: 0;
	right: 8px;
	display: block;
	width: 2px;
	height: 2px;
	content: "";
	background-color: #fff;
	border-radius: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(1)::after {
		right: 16px;
		width: 4px;
		height: 4px;
	}
}
.menu-bar span:nth-child(2) {
	top: 29px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(2) {
		top: 48px;
	}
}
.menu-bar span:nth-child(2)::before {
	position: absolute;
	top: 0;
	left: 8px;
	display: block;
	width: 2px;
	height: 2px;
	content: "";
	background-color: #fff;
	border-radius: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(2)::before {
		left: 16px;
		width: 4px;
		height: 4px;
	}
}
.menu-bar span:nth-child(2)::after {
	position: absolute;
	top: 0;
	right: 8px;
	display: block;
	width: 2px;
	height: 2px;
	content: "";
	background-color: #fff;
	border-radius: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(2)::after {
		right: 16px;
		width: 4px;
		height: 4px;
	}
}
.menu-bar span:nth-child(3) {
	top: 39px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(3) {
		top: 64px;
	}
}
.menu-bar span:nth-child(3)::before {
	position: absolute;
	top: 0;
	left: 8px;
	display: block;
	width: 2px;
	height: 2px;
	content: "";
	background-color: #fff;
	border-radius: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(3)::before {
		left: 16px;
		width: 4px;
		height: 4px;
	}
}
.menu-bar span:nth-child(3)::after {
	position: absolute;
	top: 0;
	right: 8px;
	display: block;
	width: 2px;
	height: 2px;
	content: "";
	background-color: #fff;
	border-radius: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar span:nth-child(3)::after {
		right: 16px;
		width: 4px;
		height: 4px;
	}
}
.menu-bar.active span:nth-child(1) {
	top: 21px;
	transform: translateY(9px) rotate(45deg);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar.active span:nth-child(1) {
		top: 39px;
	}
}
.menu-bar.active span:nth-child(2) {
	opacity: 0;
}
.menu-bar.active span:nth-child(3) {
	transform: translateY(-9px) rotate(-45deg);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.menu-bar.active span:nth-child(3) {
		top: 57px;
	}
}
@media screen and (min-width: 1201px) {
	.menu-bar {
		display: none;
	}
}
.navGroup {
	position: absolute;
	top: 149px;
	left: 50%;
	display: none;
	align-items: center;
	width: 100%;
	max-width: 90%;
	background-color: rgb(113 113 113 / 0.9);
	transition: 0.3s;
	transform: translateX(-50%);
}
@media screen and (max-width: 1200px) {
	.navGroup {
		max-width: none;
	}
}
@media screen and (max-width: 1200px) {
	.navGroup {
		position: static;
		transform: none;
	}
}
@media screen and (min-width: 2200px) {
	.navGroup {
		width: 80%;
		max-width: none;
		margin: 0 3%;
		transition: 0.3s;
	}
}
.navGroup__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
.navGroup__inner:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.navGroup__inner::before {
	position: absolute;
	right: 18px;
	bottom: 23px;
	display: block;
	width: 15px;
	height: 1px;
	content: "";
	background-color: #fff;
}
.navGroup__inner::after {
	position: absolute;
	right: 18px;
	bottom: 26px;
	display: block;
	width: 6px;
	height: 1px;
	content: "";
	background-color: #fff;
	transform: rotate(45deg);
}
.navGroup.ir {
	align-items: flex-start;
}
.navGroup.ir.active {
	display: flex;
}
.navGroup.ir.active .navGroup__lists {
	padding: 30px;
}
.navGroup__headding {
	position: relative;
	max-width: 100%;
	padding: 20px 0;
	overflow: hidden;
	font-size: 20px;
	color: #fff;
	word-wrap: break-word;
	overflow-wrap: break-word;
	border-bottom: 2px solid #eee;
}
@media screen and (max-width: 1200px) {
	.navGroup__headding {
		color: #1e2832;
	}
	.navGroup__headding {
		white-space: normal;
	}
}
.navGroup__headding::before {
	position: absolute;
	top: 38px;
	right: 0;
	display: block;
	width: 15px;
	height: 1px;
	content: "";
	background-color: #fff;
}
.navGroup__headding::after {
	position: absolute;
	top: 35px;
	right: 0;
	display: block;
	width: 6px;
	height: 1px;
	content: "";
	background-color: #fff;
	transform: rotate(45deg);
}
.col4 .navGroup__headding::before,
.col4 .navGroup__headding::after {
	display: none;
}
.navGroup__sub li {
	font-size: 13px;
	border-bottom: 1px solid #eee;
}
.navGroup__sub a {
	position: relative;
	display: block;
	padding: 10px 12px;
	color: #fff;
	transition: 0.3s;
}
@media screen and (max-width: 1200px) {
	.navGroup__sub a {
		color: #1e2832;
	}
}
.navGroup__sub a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.navGroup__sub a::after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	font-family: Oswald, sans-serif;
	font-size: 14px;
	color: #fff;
	content: ">";
	transform: translateY(-50%);
}
.navGroup .col4 .navGroup__list {
	padding-bottom: 20px;
	border-bottom: none;
}
.navGroup .col4 .navGroup__list::before,
.navGroup .col4 .navGroup__list::after {
	display: none;
}
.navGroup .col4 .navGroup__list.c1 {
	grid-row: 1;
	grid-column: 1;
}
.navGroup .col4 .navGroup__list.c2 {
	grid-row: 1;
	grid-column: 2;
}
.navGroup .col4 .navGroup__list.c3 {
	grid-row: 1;
	grid-column: 3;
}
.navGroup .col4 .navGroup__list.c4 {
	position: relative;
	top: -70px;
	grid-row: 2;
	grid-column: 1;
	margin-bottom: -70px;
}
@media screen and (max-width: 1200px) {
	.navGroup .col4 .navGroup__list.c4 {
		position: static;
		margin-bottom: 0;
	}
}
.navGroup.active {
	display: flex;
}
.navGroup__header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 270px;
	height: 172px;
	overflow: hidden;
	background-size: 270px 172px;
}
.is-en .navGroup__header {
	min-width: 270px;
	margin-bottom: auto;
}
.is-en .navGroup__name {
	font-size: 24px;
}
.is-en .navGroup__name.sustainability {
	font-size: 24px;
}
.order-1 .navGroup__header {
	background-color: rgb(0 0 0 / 0.5);
	background-size: cover;
}
.order-2 .navGroup__header {
	background-color: rgb(0 0 0 / 0.5);
	background-size: cover;
}
.order-3 .navGroup__header {
	background-color: rgb(0 0 0 / 0.5);
	background-size: cover;
}
.order-4 .navGroup__header {
	background-color: rgb(0 0 0 / 0.5);
	background-size: cover;
}
.order-5 .navGroup__header {
	background-color: rgb(0 0 0 / 0.5);
	background-size: cover;
}
.navGroup__header-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
}
.navGroup__header::before {
	position: absolute;
	right: 6px;
	bottom: 6px;
	display: block;
	width: 40px;
	height: 40px;
	content: "";
	background-color: #b41414;
	border-radius: 50%;
}
@media screen and (max-width: 1200px) {
	.navGroup__header {
		display: none;
	}
}
.navGroup__name {
	font-size: 31px;
	line-height: 1.25;
	color: #fff;
	text-align: center;
}
.navGroup__name.sustainability {
	font-size: 21px;
	line-height: 1.6;
}
.navGroup__name--en {
	font-family: Oswald, sans-serif;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.04em;
}
.navGroup__lists {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0 29px;
	width: 100%;
	padding: 30px;
}
.navGroup__lists.col4 {
	grid-template-columns: repeat(3, 1fr);
}
.navGroup__lists.en2col {
	grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1200px) {
	.navGroup__lists {
		display: block;
		padding: 12px;
		text-align: left;
		background-color: #f4f8fa;
	}
}
.navGroup__list {
	position: relative;
	border-bottom: 2px solid #fff;
	/* padding: 4px 0 4px 26px; */
}
@media screen and (max-width: 1200px) {
	.navGroup__list {
		padding-left: 24px;
		border-bottom: none;
	}
	.navGroup__list::before,
	.navGroup__list::after {
		right: auto;
		background-color: #333;
	}
	.navGroup__list::before {
		top: 22px;
		left: 0;
	}
	.navGroup__list::after {
		top: 20px;
		left: 8px;
	}
}
.navGroup__link {
	display: block;
	padding: 16px 0;
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 1200px) {
	.navGroup__link {
		padding: 10px 0;
		color: #333;
	}
}
.lang {
	display: none;
	font-family: Roboto, sans-serif;
}
@media screen and (min-width: 1200px) {
	.lang {
		display: flex;
	}
}
.lang--jp,
.lang--en {
	color: #b41414;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #b41414;
	transition: 0.3s;
}
.lang--jp:hover,
.lang--en:hover {
	background-color: #f6dede;
	transition: 0.3s;
}
.lang--jp.active,
.lang--en.active {
	color: #fff;
	background-color: #b41414;
}
.lang--jp {
	padding: 5px 14px 5px 18px;
	border-radius: 16px 0 0 16px;
}
.lang--en {
	padding: 5px 18px 5px 14px;
	border-radius: 0 16px 16px 0;
}
.button.button--contact {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 16px 18px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	background-color: #b41414;
	border-radius: 36px;
}
.button.button--contact:link {
	color: #fff;
}
.button.button--contact:hover {
	color: #fff;
	background-color: #c24646;
	transition: ease all 0.5s;
}
.footer {
	position: relative;
	padding: 25px 0 0;
	margin: 50px 0 0;
	background-color: #fff;
	border-top: 1px solid #eaeef2;
}
.footer__inner {
	padding: 0 calc(50% - 600px);
}
@media screen and (max-width: 767px) {
	.footer__inner {
		padding: 0 25px;
	}
}
.footer__logo {
	padding-bottom: 25px;
	text-align: center;
	border-bottom: 1px solid #eaeef2;
}
.footer__logo svg {
	width: 294px;
	/* height: 45px; */
	height: auto; /* 202505修正 */
	margin: 0 auto;
}
.footer-nav {
	padding: 30px 0;
}
.footer-nav__ttl {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
.footer-nav__ttl a:hover {
	color: #b41414;
}
li.footer-nav__list {
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 16px;
}
li.footer-nav__list a:hover {
	font-weight: bold;
	color: #b41414;
}
ul.footer-nav__lists {
	padding-left: 10px;
	border-color: #eee;
	border-left: solid 1px;
}
.footer-nav__link {
	color: #000;
	text-decoration: none;
}
.footer-sub {
	color: #fff;
	background-color: #b41414;
}
.footer-sub__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 calc(50% - 600px);
}
small.footer__copyrights {
	font-size: 14px;
}
li.footer-sub__list {
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.footer-sub__inner {
		flex-direction: column;
		padding: 20px;
	}
}
.footer-sub__lists {
	display: flex;
	gap: 20px;
	padding: 16px 0;
}
.footer-sub__link {
	color: #fff;
	text-decoration: none;
}
.grid {
	display: grid;
	transition: 0.3s;
}
@media screen and (max-width: 1220px) {
	.grid {
		padding: 20px;
		transition: 0.3s;
	}
}
.grid__img {
	overflow: hidden;
	border-radius: 6px;
}
.grid.reverse {
	flex-direction: row-reverse;
}
.grid.gap-10 {
	grid-gap: 10px;
}
.grid.gap-15 {
	grid-gap: 15px;
}
.grid.gap-20 {
	grid-gap: 20px;
}
.grid.gap-25 {
	grid-gap: 25px;
}
.grid.gap-30 {
	grid-gap: 30px;
}
.grid.gap-35 {
	grid-gap: 35px;
}
.grid.gap-40 {
	grid-gap: 40px;
}
.grid.gap-45 {
	grid-gap: 45px;
}
.grid.gap-50 {
	grid-gap: 50px;
}
@media screen and (min-width: 768px) {
	.grid-col2 {
		grid-template-columns: 1fr 1fr;
	}
	.grid-col3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-col4 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.grid-col5 {
		grid-template-columns: 1fr 1fr 1fr 1.3fr 1.15fr;
	}
	.grid-col6 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}
.col-title {
	margin-bottom: 30px;
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	.col-title {
		margin-top: 80px;
		margin-bottom: 60px;
		font-size: 20px;
	}
}
.col-sub-title {
	margin-bottom: 30px;
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	.col-sub-title {
		margin-bottom: 40px;
		font-size: 16px;
	}
}
.col-img img {
	width: 300px;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.col-img img {
		width: 380px;
	}
}
.lead-sentence {
	font-size: 16px;
	line-height: 2.8125;
}
.slick-dots {
	bottom: -35px;
}
.slick-dots li {
	width: auto;
	height: 2px;
}
.slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 2px;
	text-indent: -9999px;
	background-color: #ddd;
	border: none;
	border-radius: 10px;
	outline: none;
}
.slick-dots li.slick-active button {
	text-indent: -999px;
	background-color: #b41414;
}
.ttl--01 {
	background: #1e2832 url("/assets/images/home/ttl_service.jpg") no-repeat
		right center;
	background-size: cover;
}
.ttl--02 {
	background: #1e2832 url("/assets/images/home/ttl_research.jpg") no-repeat
		right center;
	background-size: cover;
}
.ttl--03 {
	background: #1e2832 url("/assets/images/home/ttl_sustainability.jpg")
		no-repeat right center;
	background-size: cover;
}
.ttl--04 {
	background: #1e2832 url("/assets/images/home/ttl_company.jpg") no-repeat
		right center;
	background-size: cover;
}
@media screen and (max-width: 768px) {
	.ttl--01 {
		background: #1e2832 url("/assets/images/home/ttl_service_sp.jpg")
			no-repeat right center;
		background-size: cover;
	}
	.ttl--02 {
		background: #1e2832 url("/assets/images/home/ttl_research_sp.jpg")
			no-repeat right center;
		background-size: cover;
	}
	.ttl--03 {
		background: #1e2832 url("/assets/images/home/ttl_sustainability_sp.jpg")
			no-repeat right center;
		background-size: cover;
	}
	.ttl--04 {
		background: #1e2832 url("/assets/images/home/ttl_company_sp.jpg")
			no-repeat right center;
		background-size: cover;
	}
}
.thumbnail-wapper {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 50%;
}
.thumbnail .slick-track {
	transform: unset !important;
}
.thumbnail-img {
	margin: 0 5px;
	background-color: rgb(0 0 0 / 0.8);
	transition: opacity 0.3s linear;
}
.thumbnail-img span {
	cursor: pointer;
	opacity: 0.3;
}
.thumbnail-img span:hover {
	opacity: 0.6;
}
.thumbnail .slick-current span {
	opacity: 1;
}
.slider {
	transition: 0.3s;
}
.slider img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1200px) {
	.slider {
		padding-top: 0;
		margin: 0 0 4vw;
		transition: 0.3s;
	}
}
.slider-container {
	position: relative;
}
.slider__text-block {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: 2vw 3vw;
	color: #fff;
	background-color: rgb(20 40 60 / 0.4);
}
@media screen and (max-width: 899px) {
	.slider__text-block {
		top: auto;
		right: 0;
		bottom: 0;
		width: 100%;
		height: fit-content;
		padding: 30px;
	}
}
.slider__button {
	width: 100%;
	max-width: 240px;
	margin-top: 50px;
}
@media screen and (max-width: 768px) {
	.slider__button {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
.slider .copy {
	font-size: 7vw;
	font-weight: 700;
	line-height: 1.3;
	text-shadow: #1e2832 0 0 5px;
	letter-spacing: 0.14em;
}
@media screen and (max-width: 768px) {
	.slider .copy {
		font-size: 15vw;
	}
}
.slider .sub-copy {
	font-size: 3vw;
	font-weight: 700;
	text-shadow: #1e2832 0 0 5px;
	letter-spacing: 0.14em;
}
@media screen and (max-width: 768px) {
	.slider .sub-copy {
		font-size: 5.5vw;
	}
}
.cover {
	position: relative;
	height: 100%;
	margin-bottom: 70px;
}
.cover .cr {
	position: absolute;
	top: 170px;
	left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Oswald, sans-serif;
	font-weight: 400;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}
.section-header {
	width: calc(100% - 40px);
	color: #fff;
	text-align: left;
}
.section-header__content {
	width: 33%;
	padding: 30px;
	background-color: rgb(30 40 50 / 0.5);
}
.section-header .button {
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	.section-header {
		width: 100%;
		padding-top: 240px;
	}
	.section-header__content {
		width: 100%;
	}
}
.title-onepoint {
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 16px;
}
.title-onepoint::before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	content: "";
	border-bottom: 4px solid #fff;
}
.title-onepoint::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 150px;
	height: 3px;
	content: "";
}
.title-onepoint--ja {
	margin: 0;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.25;
}
.lead-sentence {
	margin-bottom: 23px;
	font-size: 20px;
	line-height: 1.89;
}
.lead-sentence--center {
	text-align: center;
}
.lead-sentence--right {
	text-align: right;
}
.news {
	border-top: 1px solid #c2cad2;
}
.news-bg {
	background-color: #eaeef2;
}
@media screen and (min-width: 768px) {
	.news-bg__inner {
		padding: 0 calc(50% - 600px);
	}
}
.news-block {
	display: flex;
	justify-content: space-between;
	padding: 60px 0;
}
.news-block__header {
	width: 100%;
	max-width: 240px;
}
.news-block__body {
	width: 100%;
	padding-left: 50px;
}
.news-block__en {
	font-family: Oswald, sans-serif;
	font-size: 31px;
	line-height: 1;
}
.news-block__en::first-letter {
	color: #b41414;
}
.news-block__ttl {
	margin-top: 8px;
	margin-bottom: 40px;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.25;
}
@media screen and (max-width: 768px) {
	.news-block {
		flex-direction: column;
		width: 100%;
	}
	.news-block__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: none;
		padding: 0 20px;
	}
	.news-block__header .button {
		width: fit-content;
		height: fit-content;
	}
	.news-block__body {
		padding: 0 20px;
	}
}
.news__list {
	padding: 15px;
	border-bottom: 1px solid #c2cad2;
}
.news__link {
	display: flex;
	color: #141e28;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	.news__link {
		flex-wrap: wrap;
	}
}
.news__meta {
	font-size: 20px;
	white-space: nowrap;
}
.news__meta span {
	margin-right: 16px;
	font-family: Roboto, sans-serif;
}
.news__meta span.tag {
	display: inline-block;
	min-width: 150px;
	text-align: center;
}
.news__txt {
	font-size: 20px;
}
@media screen and (max-width: 768px) {
	.news__txt {
		margin-top: 1em;
	}
}
.tag {
	padding: 5px 25px;
	line-height: 1;
	color: #141e28;
	border: 1px solid #141e28;
	border-radius: 20px;
}
/*
 * ページの背景画像の指定
 * .page-title-wrap.bg-xxxxを指定する
 */
.page-title-wrap.bg-ir {
	background: url("https://picsum.photos/1600/340") no-repeat center
		center/cover;
}
.arrow-link__list {
	position: relative;
	padding: 4px 0 4px 26px;
}
.arrow-link__list::before {
	position: absolute;
	top: 17px;
	left: 0;
	display: block;
	width: 15px;
	height: 1px;
	content: "";
	background-color: #000;
}
.arrow-link__list::after {
	position: absolute;
	top: 14px;
	left: 8px;
	display: block;
	width: 6px;
	height: 1px;
	content: "";
	background-color: #000;
	transform: rotate(45deg);
}
.arrow-link__link {
	color: #000;
	text-decoration: none;
	transition: 0.3s;
}
.arrow-link__link:hover {
	color: #888;
	transition: 0.3s;
}
/*
 * ページの背景画像の指定
 * .page-title-wrap.bg-xxxxを指定する
 */
.page-title-wrap.bg-service {
	background: url("/assets/images/service/service_00.jpg") no-repeat center
		center/cover;
}
.page-title-wrap.bg-sustainability {
	background: url("/assets/images/sustainability/development_sustainability_00.jpg")
		no-repeat center center/cover;
}
.card__note {
	margin-bottom: 2em;
	line-height: 1.73;
	letter-spacing: 0.08em;
}
/*
 * ページの背景画像の指定
 * .page-title-wrap.bg-xxxxを指定する
 */
.page-title-wrap.bg-company {
	background: url("/assets/images/company/company_img00.jpg") no-repeat center
		center/cover;
}
/*
 * ページの背景画像の指定
 * .page-title-wrap.bg-xxxxを指定する
 */
.page-title-wrap.bg-development {
	background: url("/assets/images/development/development_00.jpg") no-repeat
		center center/cover;
}
.page-title-wrap.bg-news {
	background: url("/assets/images/news/news_00.jpg") no-repeat center
		center/cover;
}
.page-title-wrap.bg-recruit {
	background: url("/assets/images/recruit/recruit_00.jpg") no-repeat center
		center/cover;
}
.page-title-wrap.bg-inquiry {
	background: url("/assets/images/contact/contact_00.jpg") no-repeat center
		center/cover;
}
/*
 * ページの背景画像の指定
 * .page-title-wrap.bg-xxxxを指定する
 */
.page-title-wrap.bg-ir {
	background: url("/assets/images/ir/ir_00.jpg") no-repeat center center/cover;
}
.col > a {
	color: #141e28;
	text-decoration: none;
	transition: 0.3s;
}
.col > a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #eaeef2;
}
.card__block:hover .fake-button {
	color: #fff;
	background-color: #cc4848;
	transition: ease all 0.3s;
}
.card__block:hover .fake-button::before,
.card__block:hover .fake-button::after {
	right: 10px;
	transition: 0.3s;
}
.card__block:hover .fake-button.outline {
	color: #fff;
	background-color: #141e28;
	transition: ease all 0.3s;
}
.card__block:hover .fake-button.outline.arrow::before,
.card__block:hover .fake-button.outline.arrow::after {
	background-color: #fff;
}
.card__img {
	overflow: hidden;
}
.card__img img {
	transition: transform 1.8s cubic-bezier(0.2, 0.8, 0.7, 1);
	transform: scale(1, 1);
}
.card__ttl {
	font-size: 29px;
	text-align: center;
	letter-spacing: 0.1em;
}
.card__ttl::after {
	display: block;
	width: 60px;
	height: 2px;
	margin: 0 auto;
	margin-top: 20px;
	content: "";
	background-color: #b41414;
}
.card--fitline .card__ttl {
	display: inline-block;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
}
.card--fitline .card__ttl::after {
	width: 100%;
	height: 2px;
}
.card--fitline .card__ttl:hover .card__img.hover img {
	transition: transform 1.8s cubic-bezier(0.2, 0.8, 0.7, 1);
	transform: scale(1.1, 1.1);
}
.card__contents {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 25px;
}
.card__contents .card__txt {
	padding-bottom: 20px;
}
.card__contents .card__link {
	position: absolute;
	bottom: 20px;
	width: calc(100% - 40px);
}
.card__txt {
	margin: 2em 0;
	line-height: 1.76;
	text-align: center;
}
.card__link {
	margin-top: auto;
	margin-bottom: 0;
	text-align: center;
}
.card .card__img.hover img {
	transition: transform 1.8s cubic-bezier(0.2, 0.8, 0.7, 1);
	transform: scale(1.1, 1.1);
}
.fake-button {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 16px 23px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #b41414;
	border: none;
	border-radius: 36px;
	outline: none;
}
.fake-button--contact {
	max-width: 100%;
	color: #fff;
	white-space: nowrap;
}
.fake-button:hover {
	color: #fff;
	transition: ease all 0.5s;
}
.fake-button.gray {
	color: #fff;
	background-color: #818181;
}
.fake-button.gray:hover {
	color: #fff;
	background-color: #b41414;
}
.fake-button.arrow::before {
	position: absolute;
	top: calc(50% - 4px);
	right: 14px;
	width: 14px;
	height: 3px;
	content: "";
	background-color: #fff;
	border: 0;
	transition: 0.3s;
	transform: rotate(40deg);
}
.fake-button:hover.arrow::before {
	background-color: #fff;
}
.fake-button.arrow::after {
	position: absolute;
	top: calc(50% + 3px);
	right: 14px;
	width: 14px;
	height: 3px;
	content: "";
	background-color: #fff;
	border: 0;
	transition: 0.3s;
	transform: rotate(-40deg);
}
.fake-button:hover.arrow::after {
	background-color: #fff;
}
.fake-button.outline {
	color: #141e28;
	background-color: transparent;
	border: 1px solid #141e28;
	transition: ease all 0.3s;
}
.fake-button.outline.arrow::before,
.fake-button.outline.arrow::after {
	background-color: #141e28;
}
.fake-button.outline:hover {
	color: #fff;
	background-color: #141e28;
	transition: ease all 0.3s;
}
.fake-button.outline:hover.arrow::before,
.fake-button.outline:hover.arrow::after {
	background-color: #fff;
}
.button {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 16px 23px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #b41414;
	border-radius: 36px;
}
.button.is-full {
	max-width: 100%;
}
.button--contact {
	max-width: 100%;
	color: #fff;
	white-space: nowrap;
}
.button:hover {
	color: #fff;
	transition: ease all 0.5s;
}
.button.gray {
	color: #fff;
	background-color: #818181;
}
.button.gray:hover {
	color: #fff;
	background-color: #b41414;
}
.button.arrow::before {
	position: absolute;
	top: calc(50% - 4px);
	right: 14px;
	width: 14px;
	height: 3px;
	content: "";
	background-color: #fff;
	border: 0;
	transition: 0.3s;
	transform: rotate(40deg);
}
.button.arrow:hover::before {
	background-color: #fff;
}
.button.arrow::after {
	position: absolute;
	top: calc(50% + 3px);
	right: 14px;
	width: 14px;
	height: 3px;
	content: "";
	background-color: #fff;
	border: 0;
	transition: 0.3s;
	transform: rotate(-40deg);
}
.button.arrow:hover::after {
	background-color: #fff;
}
.button.arrow:hover::before,
.button.arrow:hover::after {
	right: 10px;
	transition: 0.3s;
}
.list-news {
	border-bottom: solid 1px #ccc;
}
.list-news li {
	width: 100%;
	padding: 16px 0;
	border-top: solid 1px #ccc;
}
.un_company_greetings_name_bold {
	font-size: 22px;
	font-weight: bold;
}
.un_company_greetings_name img {
	display: inline;
}
.inline {
	display: inline;
}
.list-company {
	display: flex;
}
.list-company .bl_lowerInfo {
	width: 100%;
}

.pict-wrap {
	display: flex;
	gap: 30px;
	justify-content: space-between;
	margin-left: 30px;
}
.pict-wrap.pict-wrap--profile,
.pict-wrap.pict-wrap--profile .pict {
	width: 250px;
}
.pict-wrap.pict-wrap--profile img {
	width: 100%;
	max-width: auto;
}
.pict-wrap.pict-wrap.full {
	width: 100%;
}
.pict-wrap.pict-wrap--history {
	width: 100%;
	margin-left: 0;
}
.pict-wrap > * {
	width: 100%;
}
.pict-wrap > .pict {
	width: auto;
	margin-left: auto;
}
@media screen and (max-width: 880px) {
	.list-company {
		flex-direction: column;
	}
	.pict-wrap {
		margin-left: 0;
	}
}
.gallery-company {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}
.gallery-company * {
	width: 46%;
	margin: 1% 0;
	vertical-align: top;
}
.un_company_global .bl_columnBlock .bl_colImg {
	padding-top: 5%;
	padding-bottom: 5%;
}

.bl_lowerLink_list.bl_lowerLink_list--col2 .bl_lowerLink_list_item {
	width: 49%;
	max-width: none;
	margin-right: 2%;
	margin-bottom: 0;
}
.bl_lowerLink_list.bl_lowerLink_list--col4 .bl_lowerLink_list_item {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 0;
}
.bl_lowerLink_list.bl_lowerLink_list--col4
	.bl_lowerLink_list_item
	.bl_lowerLink_list_link_img {
	padding-top: 100%;
}

.bl_lowerLink_list.bl_lowerLink_list--col2
	.bl_lowerLink_list_item:nth-child(2n) {
	margin-right: 0;
}
.bl_lowerLink_list.bl_lowerLink_list--col4
	.bl_lowerLink_list_item:nth-child(4n) {
	margin-right: 0;
}
.inline {
	display: inline;
}
.bl_lowerInfo_ttl.bl_lowerInfo_ttl--history {
	margin-bottom: 16px;
}
.certificate {
	padding: 0 0 0 30px;
}
.certificate img {
	max-width: 500px;
	margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
	.pict-wrap.pict-wrap--profile,
	.pict-wrap.pict-wrap--profile .pict {
		width: 100%;
	}
	.pict-wrap.pict-wrap--profile img {
		width: 60%;
		max-width: auto;
		margin: auto;
	}
	.bl_lowerLink_list.bl_lowerLink_list--col4 {
		display: flex;
		flex-wrap: wrap;
	}
	.bl_lowerLink_list.bl_lowerLink_list--col4 .bl_lowerLink_list_item {
		width: 44%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.bl_lowerLink_list.bl_lowerLink_list--col4
		.bl_lowerLink_list_item:nth-child(2n) {
		margin-right: 0;
	}
	.certificate {
		padding: 0;
	}
	.certificate img {
		max-width: 100%;
	}
}
.ir_mid_vison_bnr {
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 750px) {
	.ir_mid_vison_bnr {
		width: 100%;
	}
}
.bl_ttl_type4--lineless {
	margin-bottom: 20px;
	font-weight: bold;
}
.mb-20 {
	margin-bottom: 20px;
}
.core-technologies {
	margin-bottom: 140px;
}
.un_buildingMaterials_linkArea_ttl.is-none::after {
	display: none;
}
.bl_lowerLink_list_link_pageName.is-linkless::before {
	display: none;
}
body {
	font-size: 20px;
}
.flex {
	display: flex;
	margin: 16px 0;
}
.bl_lowerInfo_item {
	font-size: 20px;
}
.un_company_office_infoList_address {
	font-size: 20px;
}
.bnr-siam {
	width: 600px;
	margin: 100px 0 30px 19%;
}
.bnr-siam__link {
	margin: 10px 0;
	text-align: center;
}
@media screen and (max-width: 750px) {
	.bnr-siam {
		width: 100%;
		padding: 20px;
		margin: 0;
	}
}
.un_company_position_name {
	font-weight: bold;
}
.pause-button {
	position: relative;
	height: 20px;
}
.slick_toggle {
	position: absolute;
	bottom: 12px;
	left: calc(50% - 75px);
	/*  position: relative; */
	z-index: 90;
	width: 16px;
	font-size: 20px;
	color: #fff;
	vertical-align: baseline;
	cursor: pointer;
	background-color: transparent;
	border: none;
	outline: none;
}
.slick_toggle.paused {
	width: 13px;
	font-size: 0;
}
.un_slide_pause {
}
@media screen and (max-width: 1200px) {
	.header__nav {
		overflow-y: scroll;
	}
}
.sp-lang-menu {
	display: none;
	height: 84px;
}
@media screen and (max-width: 1200px) {
	.sp-lang-menu.active {
		display: flex;
		gap: 15px;
		padding: 15px;
	}
	.lang.lang--sp {
		display: flex;
		align-items: center;
	}
	.order-9 {
		display: none;
	}
	.scroll {
		display: none;
	}
	.scroll.active {
		display: block;
		height: calc(100vh - 144px);
		overflow-y: scroll;
	}
}