@charset "UTF-8";
main {
	min-height: 480px
}
.subpage {
	position: relative;
	overflow: hidden
}
.subpage .subheader-boxWrap {
	position: relative;
	height: 400px;
	background: 0 0
}
.subpage .subheader-box {
	height: 400px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	right: 0
}
.subpage .sub-header {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 3;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	padding: 0 20px
}
.subpage .sub-header.--contact {
	background: url(../../../img/webp/contact/sub_head@2x.webp) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.subpage .sub-header.--news {
	background: url(../../../img/webp/news/sub_head@2x.webp) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.subpage .sub-header.--company {
	background: url(../../../img/webp/company/sub_head@2x.webp) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.subpage .sub-header.--ourvalue {
	background: url(../../../img/webp/ourvalue/sub_head@2x.webp) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.subpage .sub-header.--sus {
	background: url(../../../img/webp/sus/sub_head@2x.webp) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.subpage .sub-header.sub-header-anim {
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(.57, .1, .04, .76) .1s;
	transition: -webkit-transform 1.2s cubic-bezier(.57, .1, .04, .76) .1s;
	transition: transform 1.2s cubic-bezier(.57, .1, .04, .76) .1s;
	transition: transform 1.2s cubic-bezier(.57, .1, .04, .76) .1s, -webkit-transform 1.2s cubic-bezier(.57, .1, .04, .76) .1s
}
.subpage .sub-header::after {
	content: "";
	width: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	aspect-ratio: 40/69;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
	clip-path: polygon(0 0, 0 100%, 100% 100%)
}
.subpage .sub-header__head {
	z-index: 4;
	position: absolute;
	left: 12.5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.subpage .sub-header__ttl {
	font-weight: 700;
	font-size: clamp(1rem, 1.6666666667vw, 1.25rem);
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
	opacity: 0;
	-webkit-transition: opacity .8s cubic-bezier(.32, .13, .21, .99), -webkit-transform .8s cubic-bezier(.32, .13, .21, .99);
	transition: opacity .8s cubic-bezier(.32, .13, .21, .99), -webkit-transform .8s cubic-bezier(.32, .13, .21, .99);
	transition: opacity .8s cubic-bezier(.32, .13, .21, .99), transform .8s cubic-bezier(.32, .13, .21, .99);
	transition: opacity .8s cubic-bezier(.32, .13, .21, .99), transform .8s cubic-bezier(.32, .13, .21, .99), -webkit-transform .8s cubic-bezier(.32, .13, .21, .99);
	position: relative;
	color: #fff;
	padding-left: 20px;
	margin-top: 8px
}
.subpage .sub-header__ttl::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #f76600;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0
}
.subpage .sub-header__sub {
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size: clamp(2rem, 4.25vw, 3.1875rem);
	color: #fff;
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
	opacity: 0;
	-webkit-transition: opacity .8s cubic-bezier(.32, .13, .21, .99), -webkit-transform .8s cubic-bezier(.32, .13, .21, .99);
	transition: opacity .8s cubic-bezier(.32, .13, .21, .99), -webkit-transform .8s cubic-bezier(.32, .13, .21, .99);
	transition: opacity .8s cubic-bezier(.32, .13, .21, .99), transform .8s cubic-bezier(.32, .13, .21, .99);
	transition: opacity .8s cubic-bezier(.32, .13, .21, .99), transform .8s cubic-bezier(.32, .13, .21, .99), -webkit-transform .8s cubic-bezier(.32, .13, .21, .99);
	line-height: 1;
	display: block;
	position: relative
}
.subpage .sub-header__sub-anim {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}
.subpage .sub-header__ttl-anim {
	position: relative;
	display: block;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.subpage .p-mainLayout {
	padding: 60px 15px 80px
}
.subpage .p-mainLayout2 {
	padding: 100px 15px 120px
}
.subpage .p-mainLayout3 {
	padding: 80px 15px
}
.subpage .p-content-field {
	background: #fff;
	padding: 60px 80px
}
.subpage .p-company-head {
	height: clamp(60px, 5.3977272727vw, 95px);
	background: url(../../../img/svg/common/stripe_bk_bg.svg);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}
.subpage .p-company-head-ttl {
	font-size: clamp(22px, 1.7045454545vw, 1.875rem)
}
.subpage .p-greeting {
	position: relative
}
.subpage .p-greeting::after, .subpage .p-greeting::before {
	content: "";
	aspect-ratio: 40/69;
	position: absolute;
	background: #f6f6f4;
	z-index: -1
}
.subpage .p-greeting::before {
	width: 26.35416%;
	right: 0;
	top: 0;
	background: #f6f6f4;
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 100% 100%)
}
.subpage .p-greeting::after {
	width: 19.375%;
	left: 0;
	bottom: 0;
	background: #f6f6f4;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
	clip-path: polygon(0 0, 0 100%, 100% 100%)
}
.subpage .p-greeting-ttl {
	font-weight: 700;
	font-size: 1.625rem;
	letter-spacing: .01em;
	line-height: 50px;
	text-align: left;
	color: #f76600
}
.subpage .p-greeting-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: clamp(40px, 8.4375vw, 135px)
}
.subpage .p-greeting-column.--txt {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
.subpage .p-greeting-column.--img {
	margin-right: calc(50% - 50vw);
	width: 50vw;
	position: relative
}
.subpage .p-greeting-img {
	max-width: 640px;
	margin-right: auto
}
.subpage .p-greeting-img img {
	width: 100%
}
.subpage .p-greeting-name p {
	position: relative
}
.subpage .outline-table {
	width: 100%
}
.subpage .outline-table tr:first-child th {
	border-top: 1px solid #ccc
}
.subpage .outline-table tr:first-child td {
	border-top: 1px solid #ccc
}
.subpage .outline-table th {
	width: 300px;
	border-bottom: 1px solid #ccc;
	padding: 24px 20px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.6;
	font-weight: 400
}
.subpage .outline-table td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 30px 70px;
	vertical-align: middle;
	line-height: 1.6;
	font-weight: 400
}
.subpage .p-item-handled-head {
	background: #222020
}
.subpage .p-item-handled-head h3 {
	color: #fff;
	text-align: center;
	line-height: 72px;
	font-weight: 500;
	font-size: 1rem
}
.subpage .p-item-handled-field {
	background: #fffbf7;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 40px clamp(20px, 6.6666666667vw, 80px) 50px
}
.subpage .p-item-handled-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 16px 0
}
.subpage .p-item-handled-listItem {
	padding-left: 15px;
	position: relative
}
.subpage .p-item-handled-listItem::before {
	content: "";
	width: 7px;
	height: 7px;
	background: #f76600;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .7em
}
.subpage .p-history {
	position: relative
}
.subpage .p-history-tableWrap {
	position: relative;
	padding: 60px 0
}
.subpage .p-history-tableWrap::before {
	content: "";
	width: 100vw;
	height: 100%;
	position: absolute;
	right: 80%;
	top: 0;
	background: #f6f6f4;
	z-index: -1
}
.subpage .p-history-table {
	width: 100%
}
.subpage .p-history-table td, .subpage .p-history-table tr:first-child th {
	border-top: 1px solid #e1e1e1
}
.subpage .p-history-table td, .subpage .p-history-table th {
	vertical-align: middle;
	border-bottom: 1px solid #e1e1e1
}
.subpage .p-history-table th {
	width: 20%;
	font-family: Roboto, sans-serif;
	font-weight: 900;
	font-size: clamp(1.5rem, 4.25vw, 3.1875rem);
	letter-spacing: .05em;
	padding: 0 16px;
	color: #f76600
}
.subpage .p-history-table td {
	padding: 20px 30px 22px;
	width: 80%
}
.subpage .p-history-table dt {
	font-weight: 700
}
.subpage .p-history-table dd {
	margin-top: 8px
}
.subpage .p-initiatives {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: clamp(20px, 3.3333333333vw, 40px);
	text-align: center
}
.subpage .p-initiatives li a {
	display: block;
	padding: 5px;
	height: 100%;
	background: #222020;
	color: #fff;
	min-height: 72px;
	font-size: 1.25rem;
	font-weight: 700;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.subpage .p-initiatives li a.--active {
	font-size: 1.5rem;
	background: #f6f6f4;
	color: #000;
	position: relative
}
.subpage .p-initiatives li a.--active::before {
	content: "";
	width: 100%;
	height: 10px;
	background: #f76600;
	position: absolute;
	left: 0;
	top: 0
}
.subpage .p-ap-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: clamp(20px, 5vw, 60px)
}
.subpage .p-ap-content-column.--txt {
	width: 100%
}
.subpage .p-ap-content-column.--img {
	max-width: 400px
}
.subpage .p-ap-content-head {
	border-left: 2px solid #f76600;
	padding-left: 20px
}
.subpage .p-ap-content-ttl {
	font-weight: 700;
	font-size: clamp(1.125rem, 2vw, 1.5rem)
}
.subpage .p-ap-content-ttl ._goal {
	font-weight: 700;
	font-size: .9375rem;
	letter-spacing: .01em;
	text-align: left;
	color: #f76600;
	display: block
}
.subpage .p-ap-content-field {
	background: #fffbf7;
	padding: 20px 30px
}
.subpage .p-base-map {
	padding: 60px 0
}
.subpage .p-base-map-img {
	position: relative
}
.subpage .network-map-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	color: #fff;
	background: #222020;
	border: 1px solid #222020;
	line-height: 1.5;
	font-weight: 700;
	font-size: .9375rem;
	text-align: center;
	position: relative;
	max-width: 240px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.subpage .network-map-btn.--h65 {
	height: 65px
}
.subpage .network-map-btn::after {
	content: "";
	width: 10.33px;
	height: 10.23px;
	background: url(../../../img/svg/common/arrow_right.svg) no-repeat;
	background-size: contain;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg)
}
.subpage .p-base-listItem {
	position: absolute;
	width: 100%;
	max-width: 240px
}
.subpage .p-base-listItem.--1 {
	left: 15%;
	top: 24%
}
.subpage .p-base-listItem.--2 {
	left: 12%;
	top: 33%
}
.subpage .p-base-listItem.--3 {
	right: 5.7%;
	top: 57.5%
}
.subpage .p-base-listItem.--4 {
	right: 3.7%;
	top: 44.5%
}
.subpage .p-base-listItem.--5 {
	right: 25%;
	bottom: 0
}
.subpage .p-base-listItem.--6 {
	right: 23%;
	bottom: 8%
}
.subpage .p-base-listItem.--7 {
	left: 2%;
	bottom: 31%
}
.subpage .p-base-listItem.--8 {
	left: 0;
	bottom: 22%
}
.subpage .p-base-listItem.--9 {
	right: 0;
	top: 30%
}
.subpage .p-base-listItem.--10 {
	right: 11.5%;
	bottom: 21%
}
.subpage .p-base-listItem.--11 {
	left: 4.5%;
	bottom: 40%
}
.subpage .p-base-listItem.--12 {
	left: 8%;
	bottom: 49%
}
.subpage .p-base-listItem.--13 {
	left: 25%;
	top: 14%
}
.subpage .p-office-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: clamp(20px, 5vw, 60px)
}
.subpage .p-office-content-ttl__jp {
	display: block;
	font-weight: 700;
	font-size: 1.375rem;
	letter-spacing: .01em;
	color: #000
}
.subpage .p-office-content-ttl__en {
	display: block;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: .875rem;
	color: #f76600;
	text-transform: uppercase
}
.subpage .p-office-content-column.--txt {
	width: 100%
}
.subpage .p-office-content-column.--img {
	max-width: 360px
}
.subpage .p-office-content-field {
	background: #fff;
	padding: 20px 30px
}
.subpage .p-office-map {
	padding-right: 38px;
	position: relative;
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s)
}
.subpage .p-office-map::after, .subpage .p-office-map::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.subpage .p-office-map::before {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #f76600;
	right: 0;
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s)
}
.subpage .p-office-map::after {
	width: 10.89px;
	height: 15.07px;
	background: url(../../../img/svg/common/pin.svg) no-repeat;
	background-size: contain;
	right: 0;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	right: 8px
}
.subpage .p-office-map span {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	color: #000
}
.subpage .p-privacy-ttl {
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	padding-bottom: 13px;
	border-bottom: 1px solid #b3b3b3
}
.subpage .p-news-list {
	width: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.subpage .p-news-list__item {
	position: relative
}
.subpage .p-news-list__item a {
	display: block;
	position: relative
}
.subpage .p-news-list__item a::after {
	content: "";
	width: 0;
	height: 1px;
	background: var(--themecolor);
	position: absolute;
	bottom: -1px;
	left: 0;
	-webkit-transition: width .7s;
	transition: width .7s
}
.subpage .news__date {
	text-align: left
}
.subpage .news__date time {
	font-family: Roboto, sans-serif;
	font-size: .875rem;
	font-weight: 500
}
.subpage .news__text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 769px;
	font-weight: 700;
	font-size: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}
.subpage .news__btn a {
	margin-left: auto;
	margin-top: 50px
}
.subpage .p-news-content {
	padding: 36px 120px 36px 40px;
	position: relative;
	border-bottom: 1px solid #e1e1e1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 35px
}
.subpage .p-news-content::before {
	content: "";
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s);
	background-size: contain;
	width: clamp(28px, 4.5833333333vw, 55px);
	aspect-ratio: 1/1;
	border: 1px solid #222020;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 9px
}
.subpage .p-news-content::after {
	content: "";
	background: url(../../../img/svg/common/arrow_right.svg) no-repeat;
	background-size: contain;
	width: 20px;
	height: 19.8px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s);
	z-index: 3
}
.subpage .p-news-list__item:first-of-type .p-news-content {
	border-top: 1px solid #ededed
}
.subpage .p-single-date time {
	font-weight: 500;
	font-size: 1rem
}
.subpage .p-single-ttl {
	font-size: 1.5rem;
	font-weight: 700;
	padding-left: 20px;
	position: relative
}
.subpage .p-single-ttl::before {
	content: "";
	width: 2px;
	height: 30px;
	background: #f76600;
	position: absolute;
	left: 0;
	top: 8px
}
.subpage .p-single-content {
	line-height: 1.8;
	position: relative;
	padding: 32px 0 0;
	border-top: 1px solid #ccc
}
.subpage .p-sus-stainless {
	padding-left: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 24px
}
.subpage .p-sus-stainless-column.--img {
	max-width: 400px;
	-webkit-flex-basis: 35.714%;
	-ms-flex-preferred-size: 35.714%;
	flex-basis: 35.714%
}
.subpage .p-sus-stainless-column.--txt {
	width: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.subpage .p-sus-stainless-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 26px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -10px
}
.subpage .p-sus-stainless-txt {
	font-weight: 700;
	font-size: clamp(1.25rem, 2.3333333333vw, 1.75rem);
	margin-top: 28px
}
.subpage .orange-circle {
	max-width: 196px;
	width: 100%;
	aspect-ratio: 1;
	background: #f76600;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	border: 10px solid #faa162
}
.subpage .orange-circle span {
	font-size: clamp(1rem, 1.8333333333vw, 1.375rem);
	font-weight: 700;
	line-height: 1.45
}
.subpage .p-sdgs-ttl__jp {
	font-weight: 700;
	display: block;
	text-align: center;
	font-size: clamp(1.5rem, 3.25vw, 2.4375rem)
}
.subpage .p-sdgs-ttl__en {
	font-family: Roboto, sans-serif;
	font-weight: 900;
	font-size: 1.25rem;
	letter-spacing: .01em;
	text-align: center;
	color: #f76600;
	display: block
}
.subpage .p-sdgs-img {
	max-width: 960px;
	margin: 40px auto
}
.subpage .p-sdgs-txt-field {
	padding: 50px clamp(20px, 6.6666666667vw, 80px)
}
.subpage .p-sdgs-icon-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 8px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.subpage .p-sdgs-icon-list li {
	max-width: 94px
}
.subpage .p-sdgs-content {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.subpage .p-sdgs-content-column {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%
}
.subpage .p-sdgs-content-column.--img {
	padding-left: clamp(20px, 6.6666666667vw, 80px);
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.subpage .p-art-logo {
	max-width: 240px
}
.subpage .p-sdgs-art-field {
	background: #fff;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 40px 60px
}
.subpage .p-art-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.subpage .p-art-listItem {
	width: 100%
}
.subpage .p-art-list-imgWrap {
	background: #f6f6f4;
	padding: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.subpage .p-art-list-img {
	max-width: 180px;
	margin: auto
}
.subpage .p-art-list-img.--1 {
	max-width: 191px
}
.subpage .p-art-list-img.--2 {
	max-width: 180px
}
.subpage .p-art-look {
	padding-right: 38px;
	position: relative;
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s);
	display: inline-block;
	font-weight: 700
}
.subpage .p-art-look::after, .subpage .p-art-look::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.subpage .p-art-look::before {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #f76600;
	right: 0;
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s)
}
.subpage .p-art-look::after {
	width: 14px;
	height: 14px;
	background: url(../../../img/svg/common/icon_look.svg) no-repeat;
	background-size: contain;
	right: 0;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	right: 7px
}
.subpage .p-art-look span {
	font-weight: 700;
	color: #000
}
.subpage .p-ourvalue-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: clamp(20px, 5vw, 60px)
}
.subpage .p-ourvalue-content-column.--ttl {
	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%
}
.subpage .p-ourvalue-content-column.--txt {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.subpage .p-circle-field {
	position: relative
}
.subpage .p-circle-field-inner {
	position: absolute;
	left: 17.307%;
	top: 15.769%
}
.subpage .p-outvalue-label {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	letter-spacing: .01em;
	line-height: 1;
	display: inline-block;
	padding-right: 18px;
	position: relative
}
.subpage .p-outvalue-label ._num {
	font-size: clamp(2rem, 2.8409090909vw, 3.125rem);
	display: block;
	line-height: 1;
	margin-top: -.3em
}
.subpage .p-outvalue-label::before {
	content: "";
	width: 2px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 10px;
	-webkit-transform: rotate(30.15deg);
	transform: rotate(30.15deg)
}
.subpage .p-outvalue-eng {
	font-family: Roboto, sans-serif;
	font-weight: 900;
	font-size: clamp(1.25rem, 2.3333333333vw, 1.75rem);
	letter-spacing: .01em;
	color: #fff;
	line-height: 1.5
}
.subpage .p-ourvalue-ttl {
	font-weight: 700;
	font-size: clamp(1.5rem, 3.25vw, 2.4375rem);
	letter-spacing: .01em
}
.subpage .p-circle-field {
	width: 100%;
	max-width: 260px;
	aspect-ratio: 1/1;
	background: #f76600;
	border-radius: 50%;
	-webkit-box-shadow: -10px 10px 0 #e1e1e1;
	box-shadow: -10px 10px 0 #e1e1e1;
	color: #fff
}
.subpage .p-ourvalue-network {
	position: relative;
	margin-top: 40px
}
.subpage .p-ourvalue-network-map {
	max-width: 701px;
	margin-left: 9px
}
.subpage .p-ourvalue-network-content {
	position: absolute;
	right: 30px;
	bottom: 44px;
	display: inline-block;
	max-width: 320px;
	width: 100%
}
.subpage .p-ourvalue-network-head {
	height: 50px;
	background: #222020;
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.subpage .p-ourvalue-network-head span {
	font-family: Roboto, sans-serif;
	font-weight: 900;
	font-size: 1.75rem;
	letter-spacing: .01em;
	line-height: 1;
	text-align: center;
	color: #fff
}
.subpage .p-ourvalue-network-body {
	background: #fffbf7;
	padding: 25px
}
.subpage .p-ourvalue-network-list li {
	font-weight: 700;
	font-size: 1.125rem;
	position: relative;
	counter-increment: number 1;
	padding-left: 29px;
	text-align: left
}
.subpage .p-ourvalue-network-list li::after {
	content: counter(number, decimal);
	position: absolute;
	left: 0;
	top: .5em;
	font-family: Roboto, sans-serif;
	font-weight: 900;
	font-size: 1rem;
	letter-spacing: .01em;
	text-align: center;
	color: #fff;
	background: #222020;
	line-height: 21px;
	width: 21px;
	height: 21px;
	border-radius: 50%
}
.subpage .p-strength2-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: clamp(20px, 5vw, 60px)
}
.subpage .p-strength2-listItem {
	position: relative
}
.subpage .p-strength2-listItem.--img {
	-webkit-flex-basis: 55.7692%;
	-ms-flex-preferred-size: 55.7692%;
	flex-basis: 55.7692%
}
.subpage .p-strength2-listItem.--txt {
	max-width: 400px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.subpage .p-strength2-img {
	max-width: 580px;
	width: 100%
}
.subpage .p-strength2-ttl {
	font-weight: 700;
	font-size: clamp(1.5rem, 2.5vw, 1.875rem);
	letter-spacing: .01em
}
.subpage .p-strength2-btn a {
	margin-left: auto
}
.subpage .p-strength2-bep-list {
	margin-left: auto
}
.subpage .p-strength2-bep-list li {
	height: 60px;
	background: #222020;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: calc(100% - 35px);
	margin-left: auto;
	padding-right: 20px;
	cursor: pointer
}
.subpage .p-strength2-bep-list li::before {
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.subpage .p-strength2-bep-list li.--1::before {
	background: url(../../../img/svg/ourvalue/bep_icon1.svg) no-repeat;
	background-size: contain
}
.subpage .p-strength2-bep-list li.--2::before {
	background: url(../../../img/svg/ourvalue/bep_icon2.svg) no-repeat;
	background-size: contain
}
.subpage .p-strength2-bep-list li.--3::before {
	background: url(../../../img/svg/ourvalue/bep_icon3.svg) no-repeat;
	background-size: contain
}
.subpage .p-strength2-bep-list li h4 {
	font-weight: 700;
	font-size: 1.5rem;
	padding-left: 17.808%
}
.subpage .p-strength2-bep-list li span {
	font-weight: 700;
	padding-right: 48px;
	position: relative
}
.subpage .p-strength2-bep-list li span::before {
	content: "";
	width: 28px;
	height: 28px;
	background: #f76600;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s)
}
.subpage .p-strength2-bep-list li span::after {
	content: "";
	background: url(../../../img/svg/common/arrow_right.svg) no-repeat;
	background-size: contain;
	width: 10.33px;
	height: 10.23px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 9px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1)
}
.subpage .p-strength2-txt {
	position: absolute;
	font-weight: 700;
	font-size: clamp(1.5rem, 2.5vw, 1.875rem);
	color: #fff;
	width: 100%;
	text-align: center;
	letter-spacing: .01em;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 2
}
.subpage .p-strength2-txt span {
	position: relative
}
.subpage .p-strength2-txt span::before {
	content: "";
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: #222020;
	position: absolute;
	left: 50%;
	top: calc(100% + 32px);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transition: var(--trans2s);
	transition: var(--trans2s)
}
.subpage .p-strength2-txt span::after {
	content: "";
	width: 20px;
	height: 19.8px;
	background: url(../../../img/svg/common/arrow_right_wh.svg) no-repeat;
	position: absolute;
	left: 50%;
	top: calc(100% + 48px);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.subpage .p-rack-value {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px
}
.subpage .p-rack-valueItem {
	background: #fffbf7;
	padding: 30px;
	counter-increment: number 1;
	text-align: center
}
.subpage .p-rack-valueItem::before {
	content: counter(number, decimal-leading-zero);
	font-family: Roboto, sans-serif;
	font-weight: 900;
	font-size: 1.75rem;
	letter-spacing: .01em;
	color: #f76600;
	line-height: 1
}
.subpage .p-rack-valueItem p {
	text-align: left
}
.subpage .p-rack-head {
	text-align: center
}
.subpage .p-rack-head h3 {
	font-size: 1.5rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
	display: inline-block
}
.subpage .p-rack-head h3::before {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background-color: #f76600;
	position: absolute;
	bottom: -8px;
	left: 0;
	border-radius: 5px;
	z-index: -1
}
.subpage .movieWrap {
	display: block;
	aspect-ratio: 16/9;
	overflow: hidden;
	position: relative
}
.subpage .movieWrap video {
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}
.subpage .movieWrap .play-btn {
	width: 100%;
	height: 100%;
	position: relative
}
.subpage .movieWrap .play-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	background: url(../../../img/svg/ourvalue/play-btn.svg) no-repeat;
	background-size: contain
}
.subpage .play-btn {
	cursor: pointer
}
.subpage .movieWrap .play-btn.playActive {
	display: none
}
.subpage .video1 {
	max-width: 1040px
}
.subpage .p-bep-ttl {
	font-family: Roboto, sans-serif;
	font-weight: 900;
	font-size: 2.0rem;
	letter-spacing: .01em;
	color: #000;
	line-height: 1
}
.subpage .p-bep-ttl span {
	color: #f76600
}
.subpage .p-bep-content {
	max-width: 1040px;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 40px
}
.subpage .p-bep-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 21px
}
.subpage .p-bep-listItem img {
	max-width: 172px
}
.subpage .p-821-listItem {
	position: relative;
	padding-left: 145px;
	min-height: 115px
}
.subpage .p-821-listItem::before {
	content: "";
	width: 115px;
	height: 115px;
	position: absolute;
	left: 0;
	top: 0
}
.subpage .p-821-listItem.--1::before {
	background: url(../../../img/svg/ourvalue/821_1.svg) no-repeat;
	background-size: contain
}
.subpage .p-821-listItem.--2::before {
	background: url(../../../img/svg/ourvalue/821_2.svg) no-repeat;
	background-size: contain
}
.subpage .p-821-listItem.--3::before {
	background: url(../../../img/svg/ourvalue/821_3.svg) no-repeat;
	background-size: contain
}
.subpage .p-example-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px
}
.subpage .p-processing-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	gap: 40px
}
.subpage .p-processing-list li {
	height: 100%;
	background: #222020
}
.subpage .p-processing-list figcaption {
	background: #222020;
	min-height: 40px;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 5px
}
.subpage .p-processing-list figcaption span {
	font-weight: 700
}
.subpage .p-bep02-content {
	max-width: 1040px;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: clamp(20px, 5vw, 60px)
}
.subpage .p-bep02-content-column.--txt {
	width: 100%
}
.subpage .p-bep02-content-column.--img {
	max-width: 400px
}
.subpage .p-bep03-content {
	max-width: 1040px;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: clamp(20px, 5vw, 60px)
}
.subpage .p-bep03-content-column.--txt {
	width: 100%
}
.subpage .p-bep03-content-column.--img {
	max-width: 400px
}
.subpage .p-features-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: clamp(20px, 5vw, 60px)
}
.subpage .p-features-content__column.--ttl {
	-webkit-flex-basis: 19.23%;
	-ms-flex-preferred-size: 19.23%;
	flex-basis: 19.23%
}
.subpage .p-features-content__column.--ttl img {
	max-width: 200px
}
.subpage .p-features-content__column.--txt {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.subpage .p-buff-img {
	max-width: 747px
}
.subpage .p-graph-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: clamp(20px, 4.6666666667vw, 56px);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.subpage .p-graph-content__column.--img {
	-webkit-flex-basis: 58.645%;
	-ms-flex-preferred-size: 58.645%;
	flex-basis: 58.645%
}
.subpage .p-graph-content__column.--txt {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.subpage .p-hl-img {
	max-width: 423px;
	margin-top: 23px;
	left: 12%;
	position: relative
}
.subpage .p-report-img {
	max-width: 186px;
	position: absolute;
	right: clamp(40px, 6.8181818182vw, 120px);
	top: 40px
}
.subpage .p-report-img figcaption {
	margin-top: 3px;
	font-size: .75rem;
	text-align: right;
	right: 0;
	top: 0
}
.subpage .p-features-head {
	background: #222020
}
.subpage .p-features-head h3 {
	color: #fff;
	text-align: center;
	line-height: 72px;
	font-weight: 500;
	font-size: 1.25rem
}
.subpage .p-features-field {
	padding: 40px clamp(20px, 5vw, 60px);
	background: #fff
}
.subpage .p-surface-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: clamp(40px, 11.6666666667vw, 140px)
}
.subpage .p-features-reason {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px
}
.subpage .p-features-reason figure {
	padding-top: 40px;
	background: #222020;
	position: relative
}
.subpage .p-features-reason figure.--og {
	background: #f76600
}
.subpage .p-features-reason figure.--og figcaption {
	font-size: 1.125rem
}
.subpage .p-features-reason figcaption {
	position: absolute;
	top: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	width: 100%;
	color: #fff;
	font-weight: 700
}
.subpage .p-supple-table {
	max-width: 780px
}
.subpage .p-supple-table .p-supple-table__head {
	background: #222020;
	color: #fff;
	width: 200px;
	text-align: center
}
.subpage .p-supple-table th {
	text-align: left;
	padding-left: 15px
}
.subpage .p-supple-table td {
	padding-left: 15px;
	text-align: left
}
@media screen and (min-width:1180px) {
	main {
		margin-top: 100px
	}
}
@media screen and (max-width:1179px) {
	main {
		margin-top: 64px
	}
}
@media only screen and (max-width:1024px) {
	main {
		min-height: 480px
	}
	.subpage .subheader-boxWrap {
		height: 300px
	}
	.subpage .subheader-box {
		height: 300px
	}
	.subpage .sub-header {
		height: 300px
	}
	.subpage .p-mainLayout {
		padding: 30px 15px 40px
	}
	.subpage .p-mainLayout2 {
		padding: 50px 15px 60px
	}
	.subpage .p-mainLayout3 {
		padding: 40px 15px
	}
	.subpage .p-content-field {
		padding: 30px 40px
	}
	.subpage .p-greeting-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-greeting-column.--img {
		width: 100%;
		margin-right: 0;
		margin-left: auto;
		text-align: center
	}
	.subpage .p-greeting-column-inner {
		margin: auto;
		display: inline-block
	}
	.subpage .p-greeting-img {
		max-width: 480px
	}
	.subpage .p-item-handled-head h3 {
		line-height: 60px
	}
	.subpage .p-history-table td {
		padding: 16px
	}
	.subpage .p-initiatives li a {
		font-size: 1.0625rem
	}
	.subpage .p-initiatives li a.--active {
		font-size: 1.25rem
	}
	.subpage .p-base-list {
		display: none
	}
	.subpage .p-base-listItem {
		position: initial;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto
	}
	.subpage .p-news-list {
		max-width: 100%
	}
	.subpage .news__text {
		padding-right: 45px;
		-webkit-line-clamp: 2;
		display: block;
		font-size: .875rem;
		position: relative;
		max-width: 100%;
		width: 100%
	}
	.subpage .news__text::before {
		content: "";
		background: url(../../../img/svg/common/arrow_right.svg) no-repeat;
		background-size: contain;
		width: 20px;
		height: 19.8px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		-webkit-transition: var(--trans2s);
		transition: var(--trans2s);
		z-index: 3
	}
	.subpage .p-news-content {
		padding: 36px 40px
	}
	.subpage .p-news-content::before {
		content: none
	}
	.subpage .p-news-content::after {
		content: none
	}
	.subpage .p-single-date time {
		font-size: .875rem
	}
	.subpage .p-single-ttl {
		font-size: 1.25rem
	}
	.subpage .p-single-content {
		padding: 30px 0
	}
	.subpage .p-sus-stainless {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 36px;
		padding-left: 0
	}
	.subpage .p-sus-stainless-column.--img {
		margin: auto
	}
	.subpage .p-sus-stainless-list {
		margin-top: 0;
		gap: 12px
	}
	.subpage .orange-circle {
		border: 5px solid #faa162
	}
	.subpage .p-ourvalue-network {
		text-align: center
	}
	.subpage .p-ourvalue-network-map {
		margin: auto
	}
	.subpage .p-ourvalue-network-content {
		position: relative;
		right: auto;
		bottom: auto;
		margin: 20px auto 0
	}
	.subpage .p-ourvalue-network-list li {
		font-size: 1rem
	}
	.subpage .p-ourvalue-network-list li::after {
		font-size: .875rem;
		top: .4em
	}
	.subpage .p-strength2-bep-list {
		max-width: 400px;
		margin-right: auto
	}
	.subpage .p-strength2-bep-list li {
		padding-right: 10px
	}
	.subpage .p-strength2-bep-list li h4 {
		font-size: 1.25rem
	}
	.subpage .p-rack-value {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		gap: 32px
	}
	.subpage .p-821-listItem {
		padding-left: 125px
	}
	.subpage .p-821-listItem::before {
		width: 95px;
		height: 95px
	}
	.subpage .p-processing-list {
		gap: 20px
	}
	.subpage .p-hl-img {
		left: 0
	}
	.subpage .p-features-head h3 {
		line-height: 60px;
		font-size: 1.125rem
	}
	.subpage .p-features-reason {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		gap: 12px
	}
	.subpage .p-features-reason figure.--og figcaption {
		top: 6px;
		font-size: 1rem
	}
	.subpage .p-features-reason figcaption {
		top: 8px
	}
}
@media only screen and (max-width:767.98px) {
	main {
		min-height: 480px
	}
	.subpage .outline-table th {
		width: 30%;
		padding: 16px 12px
	}
	.subpage .outline-table td {
		padding: 16px 12px
	}
	.subpage .p-item-handled-field {
		padding: 20px 20px 30px
	}
	.subpage .p-item-handled-list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 8px
	}
	.subpage .p-ap-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-ap-content-column.--img {
		margin: auto
	}
	.subpage .p-ap-content-field {
		padding: 10px 15px
	}
	.subpage .p-office-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-office-content-column.--img {
		margin: auto
	}
	.subpage .p-office-content-field {
		padding: 10px 15px
	}
	.subpage .p-news-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 8px;
		padding: 16px 0 16px 10px
	}
	.subpage .p-sdgs-icon-list li {
		max-width: 80px
	}
	.subpage .p-sdgs-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 36px
	}
	.subpage .p-sdgs-content-column.--img {
		margin: auto;
		padding-left: 0
	}
	.subpage .p-ourvalue-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 30px
	}
	.subpage .p-circle-field {
		max-width: 180px;
		margin: auto;
		-webkit-box-shadow: -5px 5px 0 #e1e1e1;
		box-shadow: -5px 5px 0 #e1e1e1
	}
	.subpage .p-strength2-list {
		gap: 24px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-strength2-listItem.--img {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.subpage .p-strength2-listItem.--txt {
		max-width: 100%
	}
	.subpage .p-strength2-img {
		margin: auto
	}
	.subpage .p-strength2-btn a {
		margin-right: auto
	}
	.subpage .p-strength2-txt {
		top: 20%
	}
	.subpage .p-rack-value {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 24px
	}
	.subpage .p-bep-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	.subpage .p-821-listItem {
		padding-left: 100px
	}
	.subpage .p-821-listItem::before {
		width: 75px;
		height: 75px
	}
	.subpage .p-example-list {
		gap: 16px;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}
	.subpage .p-processing-list {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}
	.subpage .p-bep02-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-bep02-content-column.--img {
		margin: auto
	}
	.subpage .p-bep03-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-bep03-content-column.--img {
		margin: auto
	}
	.subpage .p-features-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 30px
	}
	.subpage .p-features-content__column.--ttl img {
		max-width: 180px;
		margin: auto
	}
	.subpage .p-graph-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-report-img {
		position: relative;
		right: auto;
		top: auto;
		margin: 40px auto 0
	}
	.subpage .p-surface-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.subpage .p-surface-list img {
		max-width: 480px;
		margin: auto
	}
	.subpage .p-supple-table .p-supple-table__head {
		width: auto
	}
}
@media only screen and (max-width:600px) {
	main {
		min-height: 480px
	}
	.subpage .sub-header::after {
		width: 80%
	}
	.subpage .sub-header__ttl::before {
		width: 8px;
		height: 8px
	}
	.subpage .p-content-field {
		padding: 24px 20px
	}
	.subpage .outline-table tr:first-child td {
		border-top: none
	}
	.subpage .outline-table th {
		display: block;
		width: 100%;
		border-bottom: none;
		text-align: left;
		padding-bottom: 0
	}
	.subpage .outline-table td {
		display: block;
		width: 100%;
		border-top: none;
		border-left: none
	}
	.subpage .p-history-tableWrap::before {
		right: calc(100% - 95px)
	}
	.subpage .p-history-table th {
		width: 95px
	}
	.subpage .p-sus-stainless-list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 24px
	}
	.subpage .p-sus-stainless-list li {
		width: calc((100% - 24px)/ 2)
	}
	.subpage .p-sdgs-art-field {
		padding: 40px 20px
	}
	.subpage .p-art-list {
		gap: 20px;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr
	}
	.subpage .p-art-look {
		pointer-events: none;
		padding-right: 0
	}
	.subpage .p-art-look::before {
		content: none
	}
	.subpage .p-art-look::after {
		content: none
	}
	.subpage .p-strength2-txt {
		top: 30%
	}
	.subpage .p-processing-list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr
	}
}
@media only screen and (max-width:480px) {
	main {
		min-height: 480px
	}
}
@media (hover:hover) {
	.subpage .network-map-btn:hover {
		background: #fff;
		color: #222020
	}
	.subpage .network-map-btn:hover::after {
		-webkit-filter: none;
		filter: none
	}
	.subpage .p-office-map:hover::before {
		-webkit-transform: translateY(-50%) scale(1.1);
		transform: translateY(-50%) scale(1.1)
	}
	.subpage .p-office-map:hover span {
		-webkit-text-decoration: underline #f76600;
		text-decoration: underline #f76600;
		text-underline-offset: 4px
	}
	.subpage .p-news-list__item a:hover::after {
		width: 100%
	}
	.subpage .p-news-list__item a:hover .p-news-content::before {
		background: var(--themecolor);
		scale: 1.05;
		border: none
	}
	.subpage .p-news-list__item a:hover .p-news-content::after {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1)
	}
	.subpage .p-art-look:hover::before {
		-webkit-transform: translateY(-50%) scale(1.1);
		transform: translateY(-50%) scale(1.1)
	}
	.subpage .p-art-look:hover span {
		-webkit-text-decoration: underline #f76600;
		text-decoration: underline #f76600;
		text-underline-offset: 4px
	}
	.subpage .p-strength2-bep-list li:hover span::before {
		-webkit-transform: translateY(-50%) scale(1.1);
		transform: translateY(-50%) scale(1.1)
	}
}
@media only screen and (hover:hover) and (max-width:1024px) {
	.subpage .p-news-list__item a:hover .p-news-content::before {
		background: 0 0
	}
}
/*# sourceMappingURL=../../map/object/project/page.css.map */