@charset "UTF-8";

/*
■ TOP：KV
■ TOP：重要なお知らせ
■ TOP：コンテンツ
■ カテゴリTOP
■ 3事業TOP
■ 歴史
■ ギャラリー
■ ギャラリー：モーダル
■ 個人投資家の皆さまへ
■ 長期ビジョン
■ 統合報告書
■ サステナビリティ：TOP
■ ニュース
■ ステップ
■ サイトマップ
■ サイト内検索
*/



/* ■ TOP：KV ==================================================================================== */

/*
レイアウト
画像
テキスト
Control
*/


/* レイアウト --------------------------------------------------- */

.TopKV_List {
position: relative;
}

.TopKV_Each {
position: relative;
}

/* Swiperが初期化されるまで非表示 */
.TopKV_List .swiper {
visibility: hidden;
opacity: 0;
transition: opacity 1s ease;
}

.TopKV_List .swiper-initialized {
visibility: visible;
opacity: 1;
}

@media only screen and (max-width: 767px) {

	.TopKV {
	margin-top: 2rem;
	padding: 0 1rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopKV {
	padding: 0 2rem;
	}

}


/* 画像 --------------------------------------------------- */

.TopKV_Photo img {
width: 100%;
}

@media only screen and (max-width: 767px) {

	.TopKV_Photo {
	aspect-ratio: 710 / 870; 
	}

	/* アニメーション */
	.TopKV_List .swiper-slide img {
	transform: scale(1.15);
	transition: transform 10s ease;
	}
	
	.TopKV_List .swiper-slide-active img {
	transform: scale(1.05);
	}

}

@media print, screen and (min-width: 768px) {

	.TopKV_Photo {
	aspect-ratio: 2000 / 616; 
	}

	/* アニメーション */
	.TopKV_List .swiper-slide img {
	transform: scale(1.15);
	transition: transform 15s ease;
	}
	
	.TopKV_List .swiper-slide-active img {
	transform: scale(1.05);
	}

}

/* アニメーション無効化 */
.TopKV_List .swiper-slide.is_NoEffect img {
transform: scale(1);
transition: none;
}


/* テキスト --------------------------------------------------- */

.TopKV_Lead {
position: absolute;
left: 0;
width: 100%;
font-feature-settings: "palt";
letter-spacing: 0.2em;
}

.TopKV_List .is_White .TopKV_Lead {
color: #fff;
}

.TopKV_List .is_Black .TopKV_Lead {
color: #000;
}

.TopKV_Lead_Main,
.TopKV_Lead_En {
font-weight: bold;
}

.TopKV_Lead_En {
letter-spacing: 0.05em;
}

/* 英語版 */
.Lang_en .TopKV_Lead_Sub {
letter-spacing: 0.1em;
}

.Lang_en .TopKV_Lead_Main {
letter-spacing: 0.01em;
}

.TopKV_List .is_White .TopKV_Lead_Main {
border-bottom: 1px solid #fff;
}

.TopKV_List .is_Black .TopKV_Lead_Main {
border-bottom: 1px solid #000;
}

a.TopKV_Lead_Btn {
display: inline-block;
position: relative;
font-weight: bold;
letter-spacing: 0.15em;
}

.TopKV_List .is_White a.TopKV_Lead_Btn {
border: 1px solid #fff;
color: #fff;
}

.TopKV_List .is_Black a.TopKV_Lead_Btn {
border: 1px solid #000;
color: #000;
}

a.TopKV_Lead_Btn::before {
position: absolute;
top: 50%;
width: 0.8rem;
height: 0.8rem;
transform: translateY(-50%) rotate(45deg);
transform-origin: center;
content: "";
}

.TopKV_List .is_White a.TopKV_Lead_Btn::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}

.TopKV_List .is_Black a.TopKV_Lead_Btn::before {
border-top: 1px solid #000;
border-right: 1px solid #000;
}

a.TopKV_Lead_Btn::after {
position: absolute;
top: 50%;
height: 0.1rem;
transform: translateY(-50%);
content: "";
}

.TopKV_List .is_White a.TopKV_Lead_Btn::after {
background-color: #fff;
}

.TopKV_List .is_Black a.TopKV_Lead_Btn::after {
background-color: #000;
}

/* CM */
.TopKV_CM {
position: absolute;
}

/* キャプション */
.TopKV_Cap {
position: absolute;
}

.TopKV_List .is_White .TopKV_Cap {
color: #fff;
}

.TopKV_List .is_Black .TopKV_Cap {
color: #000;
}

/* テキスト アニメーション */
.TopKV_List .swiper-slide-active .TopKV_Lead {
animation-name: textFade;
animation-duration: 1.5s;
animation-delay: 1s;
animation-fill-mode: both;
}

@keyframes textFade {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

/* キャプション アニメーション */
.TopKV_List .swiper-slide-active .TopKV_Cap {
animation-name: capFade;
animation-duration: 1s;
animation-delay: 2s;
animation-fill-mode: both;
}

@keyframes capFade {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

/* CMボタン アニメーション */
.TopKV_List .swiper-slide-active .TopKV_CM {
animation-name: cmFade;
animation-duration: 1.5s;
animation-delay: 1.5s;
animation-fill-mode: both;
}

@keyframes cmFade {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@media only screen and (max-width: 767px) {

	.TopKV_Lead {
	top: 10%;
	padding: 0 6%;
	}

	.TopKV_Lead_Sub {
	margin-left: 0.4rem;
	font-size: 1.5rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .TopKV_Lead_Sub {
	font-size: 1.3rem;
	}

	.TopKV_Lead_Main {
	margin-top: 1.2rem;
	padding-bottom: 1.6rem;
	font-size: 3.5rem;
	line-height: 1.1;
	}

	.TopKV_Lead_En {
	margin-left: 0.4rem;
	margin-top: 1.6rem;
	font-size: 2rem;
	line-height: 1.2;
	}

	a.TopKV_Lead_Btn {
	margin-left: 0.4rem;
	margin-top: 2.4rem;
	padding: 1.2rem 4rem 1.2rem 1.5rem;
	font-size: 1rem;
	}

	a.TopKV_Lead_Btn::before {
	right: 1.2rem;
	}

	a.TopKV_Lead_Btn::after {
	right: 1.2rem;
	width: 1.8rem;
	}

	/* CM */
	.TopKV_CM {
	left: 3rem;
	bottom: 3rem;
	}

	/* キャプション */
	.TopKV_Cap {
	left: 6%;
	bottom: 4rem;
	margin-left: 0.6rem;
	font-size: 1.4rem;
	}

	/* 英語版 */
	.Lang_en .TopKV_Cap {
	font-size: 1.3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopKV_Lead {
	top: 50%;
	transform: translateY(-50%);
	padding: 0 5%;
	}

	.TopKV_Lead_Sub {
	margin-left: 0.6rem;
	font-size: min(1.71vw, 2.4rem);
	line-height: 1.3;
	}

	/* 英語版 */
	.TopKV_Lead_Sub {
	font-size: min(1.71vw, 2rem);
	}

	.TopKV_Lead_Main {
	margin-top: 1.5%;
	padding-bottom: 2%;
	font-size: min(4.28vw, 6rem);
	line-height: 1.1;
	}

	.TopKV_Lead_En {
	margin-left: 0.5rem;
	margin-top: 2%;
	font-size: min(2.71vw, 3.8rem);
	}

	a.TopKV_Lead_Btn {
	margin-left: 0.5rem;
	margin-top: 2.5%;
	padding: 1.2rem 8rem 1.2rem 3rem;
	font-size: min(1vw, 1.4rem);
	}

	a.TopKV_Lead_Btn::before {
	right: 2rem;
	}
	
	a.TopKV_Lead_Btn::after {
	right: 2rem;
	width: 2.2rem;
	}

	/* CM */
	.TopKV_CM {
	left: 4rem;
	bottom: 4rem;
	}

	/* キャプション */
	.TopKV_Cap {
	right: 4rem;
	bottom: 6rem;
	font-size: 1.8rem;
	}

}

@media (hover: hover) {

	.TopKV_List .is_White a.TopKV_Lead_Btn:hover {
	color: var(--c-1);
	background-color: #fff;
	}

	.TopKV_List .is_Black a.TopKV_Lead_Btn:hover {
	color: #fff;
	background-color: #000;
	}

	.TopKV_List .is_White a.TopKV_Lead_Btn:hover::before {
	border-color: var(--c-1);
	}

	.TopKV_List .is_Black a.TopKV_Lead_Btn:hover::before {
	border-color: #fff;
	}

	.TopKV_List .is_White a.TopKV_Lead_Btn:hover::after {
	background-color: var(--c-1);
	}

	.TopKV_List .is_Black a.TopKV_Lead_Btn:hover::after {
	background-color: #fff;
	}	

}


/* Control --------------------------------------------------- */

.TopKV_Control {
display: flex;
align-items: center;
position: relative;
z-index: 2;
}

/* Pagination */
.TopKV_Control_Pagination {
display: flex;
align-items: center;
width: inherit !important;
}

.TopKV_Control_Pagination .swiper-pagination-bullet {
margin: inherit !important;
border-radius: inherit;
background-color: #a1d2ea !important;
opacity: 1 !important;
}

.TopKV_Control_Pagination .swiper-pagination-bullet-active {
background-color: var(--c-1) !important;
}

/* Pause */
.TopKV_Control_Pause {
position: relative;
border: 1px solid var(--c-1);
background-color: #fff;
}

.TopKV_Control_Pause::before,
.TopKV_Control_Pause::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--c-1);
content: "";
}

.TopKV_Control_Pause.is_Paused::before {
display: none;
}

.TopKV_Control_Pause.is_Paused::after {
width: 0;
height: 0;
border-style: solid;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid var(--c-1);
border-right: 0;
background-color: transparent;
}

/* PrevNext */
.TopKV_Control_PrevNext {
display: flex;
justify-content: flex-end;
align-items: center;
background-color: #abcfe0;
}

.TopKV_Control_Prev,
.TopKV_Control_Next {
position: relative;
background-color: var(--c-1);
cursor: pointer;
}

.TopKV_Control_Prev::before,
.TopKV_Control_Next::before {
position: absolute;
top: 50%;
width: 0.8rem;
height: 0.8rem;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform-origin: center;
content: "";
}

.TopKV_Control_Prev::before {
transform: translateY(-50%) rotate(225deg);
}

.TopKV_Control_Next::before {
transform: translateY(-50%) rotate(45deg);
}

.TopKV_Control_Prev::after,
.TopKV_Control_Next::after {
position: absolute;
top: 50%;
height: 0.1rem;
background-color: #fff;
transform: translateY(-50%);
content: "";
}

@media only screen and (max-width: 767px) {

	.TopKV_Control {
	margin-top: -1rem;
	margin-right: -1rem;
	}

	/* Pagination */
	.TopKV_Control_Pagination {
	gap: 0.25rem;
	margin-right: auto;
	padding-top: 2rem;
	}

	.TopKV_Control_Pagination .swiper-pagination-bullet {
	width: 3.5rem;
	height: 0.2rem;
	}
	
	.TopKV_Control_Pagination .swiper-pagination-bullet-active {
	height: 0.3rem;
	}

	/* Pause */
	.TopKV_Control_Pause {
	width: 4.5rem;
	height: 4.5rem;
	}

	.TopKV_Control_Pause::before,
	.TopKV_Control_Pause::after {
	width: 0.3rem;
	height: 1.5rem;
	}

	.TopKV_Control_Pause::before {
	left: 1.65rem;
	}

	.TopKV_Control_Pause::after {
	right: 1.65rem;
	}

	.TopKV_Control_Pause.is_Paused::after {
	right: 1.55rem;
	}

	/* PrevNext */
	.TopKV_Control_PrevNext {
	gap: 0.1rem;
	margin-left: 0.5rem;
	}

	.TopKV_Control_Prev,
	.TopKV_Control_Next {
	width: 6rem;
	height: 4.5rem;
	}

	.TopKV_Control_Prev::after,
	.TopKV_Control_Next::after {
	width: 1.8rem;
	}

	.TopKV_Control_Prev::before,
	.TopKV_Control_Prev::after {
	left: 2.3rem;
	}

	.TopKV_Control_Next::before,
	.TopKV_Control_Next::after {
	right: 2.3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopKV_Control {
	justify-content: flex-end;
	margin-top: -1.5rem;
	margin-right: -2rem;
	}

	/* Pagination */
	.TopKV_Control_Pagination {
	gap: 0.5rem;
	padding-top: 2rem;
	}
	
	.TopKV_Control_Pagination .swiper-pagination-bullet {
	width: 5rem;
	height: 0.1rem;
	}
	
	.TopKV_Control_Pagination .swiper-pagination-bullet-active {
	height: 0.3rem;
	}

	/* Pause */
	.TopKV_Control_Pause {
	width: 5rem;
	height: 5rem;
	margin-left: 2rem;
	}

	.TopKV_Control_Pause::before,
	.TopKV_Control_Pause::after {
	width: 0.3rem;
	height: 1.5rem;
	}

	.TopKV_Control_Pause::before {
	left: 1.85rem;
	}

	.TopKV_Control_Pause::after {
	right: 1.85rem;
	}

	.TopKV_Control_Pause.is_Paused::after {
	right: 1.8rem;
	}

	/* PrevNext */
	.TopKV_Control_PrevNext {
	gap: 0.1rem;
	margin-left: 0.6rem;
	}

	.TopKV_Control_Prev,
	.TopKV_Control_Next {
	width: 9rem;
	height: 5rem;
	}

	.TopKV_Control_Prev::after,
	.TopKV_Control_Next::after {
	width: 2.2rem;
	}

	.TopKV_Control_Prev::before,
	.TopKV_Control_Prev::after {
	left: 3.5rem;
	}

	.TopKV_Control_Next::before,
	.TopKV_Control_Next::after {
	right: 3.5rem;
	}

}



/* ■ TOP：重要なお知らせ ==================================================================================== */

.TopNotice_Inner {
display: flex;
border: 1px solid var(--c-2);
}

.TopNotice_Mds {
background-color: var(--c-2);
}

.TopNotice_Mds span {
display: flex;
align-items: center;
}

.TopNotice_Mds span::before {
background-image: url(/assets/img/common/icon/Icon_Notice.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
}

.TopNotice_List {
position: relative;
}

.TopNotice_Lead {
position: relative;
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 0.2em; 
}

.Lang_en .TopNotice_Lead {
letter-spacing: 0.1em; 
}

.TopNotice_Lead::before {
position: absolute;
top: 50%;
width: 0.8rem;
height: 0.8rem;
border-top: 1px solid var(--c-link);
border-right: 1px solid var(--c-link);
transform: translateY(-50%) rotate(45deg);
transform-origin: center;
content: "";
}

.TopNotice_Lead::after {
position: absolute;
left: 0;
top: 50%;
height: 0.1rem;
background-color: var(--c-link);
transform: translateY(-50%);
content: "";
}

/* Pause */
.TopNotice_Control_Pause {
position: absolute;
top: 50%;
right: 2rem;
width: 2.5rem;
height: 2.5rem;
transform: translateY(-50%);	
border: 1px solid var(--c-1);
background-color: #fff;
}

.TopNotice_Control_Pause::before,
.TopNotice_Control_Pause::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--c-1);
content: "";
}

.TopNotice_Control_Pause.is_Paused::before {
display: none;
}

.TopNotice_Control_Pause.is_Paused::after {
width: 0;
height: 0;
border-style: solid;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 8px solid var(--c-1);
border-right: 0;
background-color: transparent;
}

@media only screen and (max-width: 767px) {

	.TopNotice {
	margin-top: 2rem;
	padding: 0 1rem;
	}

	.TopNotice_Inner {
	flex-flow: column;
	}

	.TopNotice_Mds {
	padding: 1.2rem 1.6rem;
	font-size: 1.2rem;
	}

	.TopNotice_Mds span::before {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 0.6rem;
	}

	.TopNotice_List {
	padding: 1.2rem 5rem 1.2rem 1.6rem;
	}

	.TopNotice_List .swiper-slide {
	padding-right: 1.6rem;
	}

	.TopNotice_Lead {
	display: block;
	padding-left: 3rem;	
	font-size: 1.2rem;
	line-height: 1.7;
	}

	/* 英語版 */
	.Lang_en .TopNotice_Lead {
	line-height: 1.6;
	}

	.TopNotice_Lead::before {
	left: 0.8em;
	top: 1rem;
	}

	.TopNotice_Lead::after {
	top: 1rem;
	width: 1.8rem;
	}

	/* Pause */
	.TopNotice_Control_Pause::before,
	.TopNotice_Control_Pause::after {
	width: 0.2rem;
	height: 0.9rem;
	}

	.TopNotice_Control_Pause::before {
	left: 0.8rem;
	}

	.TopNotice_Control_Pause::after {
	right: 0.8rem;
	}

	.TopNotice_Control_Pause.is_Paused::after {
	right: 0.65rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopNotice {
	margin-top: 2.5rem;
	padding: 0 2rem;
	}

	.TopNotice_Inner {
	align-items: center;
	height: 6rem;
	}

	.TopNotice_Mds {
	width: 20rem;
	padding: 2.2rem 0;
	font-size: 1.6rem;
	text-align: center;
	}

	.TopNotice_Mds span {
	justify-content: center;
	}

	.TopNotice_Mds span::before {
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 0.6rem;
	}

	.TopNotice_List {
	flex: 1;
	position: relative;
	min-width: 0;
	padding: 2.2rem 6rem 2.2rem 3rem;
	}

	.TopNotice_Lead {
	display: block;
	padding-left: 3.5rem;
	font-size: 1.5rem;
	line-height: 1.1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

	.TopNotice_Lead::before {
	left: 1.4rem;
	}

	.TopNotice_Lead::after {
	width: 2.2rem;
	}

	/* Pause */
	.TopNotice_Control_Pause::before,
	.TopNotice_Control_Pause::after {
	width: 0.2rem;
	height: 0.9rem;
	}

	.TopNotice_Control_Pause::before {
	left: 0.8rem;
	}

	.TopNotice_Control_Pause::after {
	right: 0.8rem;
	}

	.TopNotice_Control_Pause.is_Paused::after {
	right: 0.65rem;
	}
	
}



/* ■ TOP：コンテンツ ==================================================================================== */

/*
ニュース&お知らせ
事業・製品
住友金属鉱山について
バナー
*/


/* ニュース&お知らせ --------------------------------------------------- */

.TopNews_Inner {
display: grid;
background-color: var(--c-4);
}

.TopNews_Mds {
display: flex;
align-items: center;
color: var(--c-1);
}

.TopNews_Mds span {
color: #000;
}

.TopNews_ToList {
display: flex;
justify-content: flex-end;
align-items: center;
}

.TopNews_ToList li:last-child {
border-left: 1px solid var(--c-3);
}

@media only screen and (max-width: 767px) {

	.TopNews {
	margin-top: 2rem;
	padding: 0 1rem;
	}

	.TopNews_Inner {
	grid-template-columns: repeat(1, 1fr);
	gap: 4.5rem;
	padding: 4rem 1.5rem 4rem;
	}

	.TopNews_Mds {
	font-size: 2.8rem;
	}
	
	.TopNews_Mds span {
	margin-left: 1.2rem;
	padding-top: 0.4rem;
	font-size: 1.3rem;
	}

	.TopNews_ToList {
	gap: 1.6rem;
	margin-top: 1.6rem;
	padding-right: 1rem;
	}
	
	.TopNews_ToList li:last-child {
	padding-left: 1.6rem;
	}

	/* リスト */
	.TopNews .NewsIndex_List {
	margin-top: 2.8rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopNews {
	margin-top: 4rem;
	padding: 0 2rem;
	}

	.TopNews_Inner {
	grid-template-columns: repeat(2, 1fr);
	gap: 6rem;
	padding: 9rem 4rem 6rem;
	}

	.TopNews_Mds {
	font-size: 4.6rem;
	}
	
	.TopNews_Mds span {
	margin-left: 2.5rem;
	padding-top: 0.3rem;
	font-size: 1.6rem;
	}

	.TopNews_ToList {
	gap: 2rem;
	margin-top: 2rem;
	padding-right: 2rem;
	}
	
	.TopNews_ToList li:last-child {
	padding-left: 2rem;
	}

	/* リスト */
	.TopNews .NewsIndex_List {
	margin-top: 6rem;
	}

	.TopNews .NewsIndex_List a {
	flex-wrap: wrap;
	padding: 1.3rem 6rem 2rem 1rem;
	}

	.TopNews .NewsIndex_List_Date {
	width: 10.5rem;
	margin-top: 1rem;
	}

	.TopNews .NewsIndex_List_Cate {
	flex-flow: row;
	width: inherit;
	margin-top: 1rem;
	}

	.TopNews .NewsIndex_List_Lead {
	flex: inherit;
	width: 100%;
	margin-left: 0;
	margin-top: 1.3rem;
	}

}

@media print, screen and (min-width: 1110px) {

	.TopNews_Inner {
	padding: 9rem 10rem 6rem;
	}

}


/* 事業・製品 --------------------------------------------------- */

.TopBusiness_Intro_Mds {
font-feature-settings: "palt";
letter-spacing: 0.1em; 
color: var(--c-1);
}

/* 英語版 */
.Lang_en .TopBusiness_Intro_Mds {
letter-spacing: 0.025em; 
}

.TopBusiness_Intro_Mds_En {
display: block;
font-feature-settings: normal;
letter-spacing: 0.1em; 
color: #000;
}

.TopBusiness_Intro_Catch {
letter-spacing: 0.1em; 
font-weight: bold;
}

/* 英語版 */
.Lang_en .TopBusiness_Intro_Catch {
letter-spacing: 0.05em; 
}

.TopBusiness_Intro_Catch span {
font-weight: normal;
}

.TopBusiness_Menu {
display: grid;
}

.TopBusiness_Menu_Icon {
display: flex;
justify-content: flex-end;
position: relative;
}

.TopBusiness_Menu_Icon img {
width: auto;
}

.TopBusiness_Menu_LeadUnit {
display: flex;
color: #000;
}

/* 英語版 */
.Lang_en .TopBusiness_Menu_LeadUnit {
display: block;
}

.TopBusiness_Menu_Mds_En {
display: block;
}

.TopBusiness_Menu_Each:nth-child(1) .TopBusiness_Menu_Mds_En {
color: var(--c-b1);
}

.TopBusiness_Menu_Each:nth-child(2) .TopBusiness_Menu_Mds_En {
color: var(--c-b2);
}

.TopBusiness_Menu_Each:nth-child(3) .TopBusiness_Menu_Mds_En {
color: var(--c-b3);
}

.TopBusiness_Menu_Lead {
margin-left: auto;
}

.TopBusiness_ToList {
text-align: center;
}

@media only screen and (max-width: 767px) {

	.TopBusiness {
	margin-top: 4.5rem;
	padding: 0 2.5rem;
	}

	.TopBusiness_Intro_Mds {
	font-size: 2.8rem;
	line-height: 1.4;
	}

	.TopBusiness_Intro_Mds_En {
	margin-left: 0.2rem;
	margin-top: 1rem;
	font-size: 1.3rem;
	}

	.TopBusiness_Intro_Catch {
	margin-top: 3rem;
	font-size: 2.8rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .TopBusiness_Intro_Catch {
	font-size: 2.4rem;
	line-height: 1.3;
	}

	.TopBusiness_Intro_Lead {
	margin-top: 2rem;
	font-size: 1.3rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .TopBusiness_Intro_Lead {
	line-height: 1.8;
	}

	.TopBusiness_Menu {
	grid-template-columns: repeat(1, 1fr);
	gap: 3rem;
	margin-top: 3rem;
	}

	.TopBusiness_Menu_Icon {
	padding-right: 4%;
	}

	.TopBusiness_Menu_Icon img {
	height: 4rem;
	}

	.TopBusiness_Menu_Photo {
	margin-top: -1.8rem;
	}

	.TopBusiness_Menu_LeadUnit {
	margin-top: 1.6rem;
	}

	.TopBusiness_Menu_Mds {
	padding-top: 0.3rem;
	font-size: 2.1rem;
	}

	.TopBusiness_Menu_Mds_En {
	margin-left: 0.2rem;
	margin-top: 1.2rem;
	font-size: 1.1rem;
	}

	.TopBusiness_Menu_Lead {
	width: 55%;
	font-size: 1.3rem;
	line-height: 1.7;
	}

	/* 英語版 */
	.Lang_en .TopBusiness_Menu_Lead {
	width: 100%;
	margin-top: 1rem;
	}

	.TopBusiness_ToList {
	margin-top: 4rem;
	}

	.TopBusiness_ToList a {
	padding-right: 12rem !important;
	}

}

@media print, screen and (min-width: 768px) {

	.TopBusiness {
	padding: 10rem 6rem 8rem;
	}

	.TopBusiness_Intro {
	display: flex;
	}

	.TopBusiness_Intro_Mds {
	font-size: 4.6rem;
	line-height: 1.4;
	}

	.TopBusiness_Intro_Mds_En {
	margin-left: 0.3rem;
	margin-top: 3rem;
	font-size: 1.6rem;
	}

	.TopBusiness_Intro_LeadUnit {
	width: 62%;
	margin-left: auto;
	}

	.TopBusiness_Intro_Catch {
	font-size: 4.6rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .TopBusiness_Intro_Catch {
	font-size: 4rem;
	line-height: 1.2;
	}

	.TopBusiness_Intro_Lead {
	margin-left: 0.3rem;
	margin-top: 2.8rem;
	font-size: 1.6rem;
	line-height: 2.4;
	}

	/* 英語版 */
	.Lang_en .TopBusiness_Intro_Lead {
	line-height: 2;
	}

	.TopBusiness_Menu {
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin-top: 6rem;
	}

	.TopBusiness_Menu_Icon {
	padding-right: 4%;
	}

	.TopBusiness_Menu_Icon img {
	height: 6rem;
	}

	.TopBusiness_Menu_Photo {
	margin-top: -2rem;
	}

	.TopBusiness_Menu_LeadUnit {
	margin-top: 2rem;
	}

	.TopBusiness_Menu_Mds {
	font-size: 2.8rem;
	line-height: 1.2;
	}

	.TopBusiness_Menu_Mds_En {
	margin-top: 2rem;
	font-size: 1.3rem;
	}

	.TopBusiness_Menu_Lead {
	width: 55%;
	padding-left: 1rem;
	padding-right: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.7;
	}

	/* 英語版 */
	.Lang_en .TopBusiness_Menu_Lead {
	width: 100%;
	margin-top: 1rem;
	padding-left: 0;
	}

	.TopBusiness_ToList {
	margin-top: 8rem;
	}

	.TopBusiness_ToList a {
	padding-right: 14rem !important;
	}

}

@media print, screen and (min-width: 1110px) {

	.TopBusiness {
	padding: 10rem 12rem 8rem;
	}

}


/* 住友金属鉱山について --------------------------------------------------- */

.TopAbout_Inner {
background-color: var(--c-4);
}

.TopAbout_Intro_Mds {
font-feature-settings: "palt";
letter-spacing: 0.1em; 
color: var(--c-1);
}

/* 英語版 */
.Lang_en .TopAbout_Intro_Mds {
letter-spacing: 0.025em; 
}

.TopAbout_Intro_Mds_En {
display: block;
font-feature-settings: normal;
letter-spacing: 0.1em; 
color: #000;
}

.TopAbout_Menu_Mds {
color: #000;
}

.TopAbout_Menu_Mds_En {
display: block;
color: var(--c-1);
}

.TopAbout_Menu li {
border: none;
}

/* 企業情報 */
.TopAbout_Corp {
background-color: #fff;
}

.TopAbout_Corp_Mds_En {
display: block;
color: var(--c-1);
}

.TopAbout_Corp_List a {
display: block;
position: relative;
border-bottom: 1px solid var(--c-3);
font-weight: bold;
color: #000;
}

/* 矢印 */
.TopAbout_Corp_List a::before {
position: absolute;
top: 50%;
right: 1rem;
width: 8px;
height: 8px;
border-top: 1px solid var(--c-link);
border-right: 1px solid var(--c-link);
transform: translateY(-50%) rotate(45deg);
transform-origin: center;
content: "";
}

.TopAbout_Corp_List a::after {
position: absolute;
top: 50%;
right: 1rem;
height: 1px;
background-color: var(--c-link);
transform: translateY(-50%);
content: "";
}

/* 別窓 */
.TopAbout_Corp_List a.is_NewWin::before {
display: none;
}

.TopAbout_Corp_List a.is_NewWin::after {
position: absolute;
background-color: inherit;
background-image: url(/assets/img/common/icon/Icon_NewWin.png);
background-size: cover;
content: '';
}

@media only screen and (max-width: 767px) {

	.TopAbout {
	margin-top: 5rem;
	padding: 0 1rem;
	}

	.TopAbout_Inner {
	padding: 4rem 1.5rem 3.5rem;
	}

	.TopAbout_Intro_Mds {
	font-size: 2.8rem;
	line-height: 1.3;
	}

	.TopAbout_Intro_Mds_En {
	margin-left: 0.3rem;
	margin-top: 1.2rem;
	font-size: 1.3rem;
	}

	.TopAbout_Intro_Lead {
	margin-top: 2.5rem;
	font-size: 1.3rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .TopAbout_Intro_Lead {
	line-height: 1.8;
	}

	.TopAbout_Menu {
	margin-top: 3rem;
	}

	.TopAbout_Menu_Mds {
	font-size: 2rem;
	}
	
	.TopAbout_Menu_Mds_En {
	margin-left: 0.2rem;
	margin-top: 0.6rem;
	font-size: 1.1rem;
	}

	/* 企業情報 */
	.TopAbout_Corp {
	margin-top: 2rem;
	padding: 3rem 1.5rem;
	}

	.TopAbout_Corp_Mds {
	font-size: 2rem;
	}

	.TopAbout_Corp_Mds_En {
	margin-top: 1.2rem;
	font-size: 1.1rem;
	}

	.TopAbout_Corp_List {
	margin-top: 2.5rem;
	}

	.TopAbout_Corp_List a {
	padding: 1.8rem 3rem 1.8rem 0.8rem;
	font-size: 1.3rem;
	line-height: 1.4;
	}

	.TopAbout_Corp_List a:nth-child(1) {
	border-top: 1px solid var(--c-3);
	}

	/* 矢印 */
	.TopAbout_Corp_List a::after {
	width: 1.8rem;
	}

	/* 別窓 */
	.TopAbout_Corp_List a.is_NewWin::after {
	right: 1.2rem;
	width: 1.3rem;
	height: 1.1rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopAbout {
	padding: 2rem;
	}

	.TopAbout_Inner {
	padding: 8rem 4rem 10rem;
	}

	.TopAbout_Intro {
	display: flex;
	align-items: center;
	}

	.TopAbout_Intro_Mds {
	font-size: 4.6rem;
	line-height: 1.4;
	}

	.TopAbout_Intro_Mds_En {
	margin-left: 0.3rem;
	margin-top: 3rem;
	font-size: 1.6rem;
	}

	.TopAbout_Intro_LeadUnit {
	width: 62%;
	margin-left: auto;
	}

	.TopAbout_Intro_Lead {
	font-size: 1.6rem;
	line-height: 2.4;
	}

	/* 英語版 */
	.Lang_en .TopAbout_Intro_Lead {
	line-height: 2;
	}

	.TopAbout_Menu {
	gap: 3rem;
	margin-top: 6rem;
	}

	.TopAbout_Menu_Mds {
	font-size: 2.6rem;
	}

	.Lang_en .TopAbout_Menu_Mds {
	line-height: 1.2;
	}
	
	.TopAbout_Menu_Mds_En {
	margin-left: 0.4rem;
	margin-top: 0.8rem;
	font-size: 1.6rem;
	}

	/* 企業情報 */
	.TopAbout_Corp {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	gap: 3rem;
	margin-top: 4rem;
	padding: 6rem 6rem;
	}

	/* 英語版 */
	.Lang_en .TopAbout_Corp {
	grid-template-columns: 0.6fr 2.4fr;
	}

	.TopAbout_Corp_List {
	columns: 2;
	column-gap: 4rem; 
	}

	.TopAbout_Corp_Mds {
	font-size: 2.4rem;
	line-height: 1.4;
	}

	.TopAbout_Corp_Mds_En {
	margin-top: 1.2rem;
	font-size: 1.6rem;
	}

	.TopAbout_Corp_List a {
	padding: 2rem 4rem 2rem 1rem;
	font-size: 1.6rem;
	line-height: 1.4;
	}

	.TopAbout_Corp_List a:nth-child(1),
	.TopAbout_Corp_List a:nth-child(4) {
	border-top: 1px solid var(--c-3);
	}

	/* 矢印 */
	.TopAbout_Corp_List a::after {
	width: 2.2rem;
	}

	/* 別窓 */
	.TopAbout_Corp_List a.is_NewWin::after {
	right: 1.4rem;
	width: 1.4rem;
	height: 1.2rem;
	}

}

@media print, screen and (min-width: 1110px) {

	.TopAbout_Inner {
	padding: 8rem 10rem 10rem;
	}

}

@media (hover: hover) {

	.TopAbout_Corp_List a:hover {
	color: var(--c-1);
	}

}


/* バナー --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.TopBanner {
	margin-top: 4.5rem;
	padding: 0 6.25rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopBanner {
	max-width: 96.4rem;
	margin: 8rem auto 0;
	}

	/* 英語版 */
	.Lang_en .TopBanner {
	max-width: 63.4rem;
	}

}



/* ■ カテゴリTOP ==================================================================================== */

/*
ニュース
ピップアップ
メニューリスト
ベーシック
パネルメニュー
バナーメニュー
会社案内パンフレット
3つのコア事業
非鉄を知る
IR最新資料
IRトップメッセージ
IRランキング
*/


/* ニュース --------------------------------------------------- */

.CateNews {
background-color: var(--c-4);
}

.CateNews_RSS {
text-align: right;
}

@media only screen and (max-width: 767px) {

	.CateNews {
	margin: 2.5rem 1rem 0;
	padding: 3rem 0 3rem;	
	}

	.CateNews_Inner {
	padding: 0 1.5rem;
	}

	.CateNews .NewsIndex_List {
	margin-top: 0.5rem;
	}

	.CateNews_RSS {
	padding-right: 0.2rem;
	}

	.CateNews_ToList {
	margin-top: 2rem;
	}

	.CateNews_Archive .NewsIndex_List {
	margin-top: 3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.CateNews {
	margin: 4rem 2rem 0;
	padding: 6rem 0 8rem;	
	}

	.CateNews .NewsIndex_List {
	margin-top: 1rem;
	}

	.CateNews_RSS {
	padding-right: 0.4rem;
	}

	.CateNews_ToList {
	margin-top: 5rem;
	text-align: center;
	}

	.CateNews_Archive .NewsIndex_List {
	margin-top: 7rem;
	}

}


/* ピップアップ --------------------------------------------------- */

.CatePickup {
background-color: var(--c-4);
}

@media only screen and (max-width: 767px) {

	.CatePickup {
	margin: 2.5rem 1rem 0;
	padding: 2.5rem 0 3rem;	
	}

	.CatePickup_Inner {
	padding: 0 1.5rem;
	}

}

@media print, screen and (min-width: 768px) {

	.CatePickup {
	margin: 8rem 2rem 0;
	padding: 7rem 0;	
	}

}


/* メニューリスト --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.CateMenu_Each {
	gap: 0;
	margin-top: 0;
	}

	.CateMenu_Each .ColItem {
	margin-top: 3rem;
	}

	.CateMenu_Each .CateMenu_Parent {
	margin-top: 1rem;
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.CateMenu {
	margin-top: 7rem;
	}

	.CateMenu_Each:not(:first-of-type) {
	margin-top: 6rem;
	}

	.CateMenu_Each .CateMenu_Parent {
	margin-top: 2rem;
	}

}


/* ベーシック --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.CateBasic {
	margin-top: 6rem;
	}

	.CateBasic_Link {
	margin-top: 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.CateBasic {
	margin-top: 10rem;
	}

	.CateBasic_Link {
	margin: 4rem auto 0;
	}

}


/* パネルメニュー --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.CatePanelMenu {
	margin-top: 6rem;
	}

}

@media print, screen and (min-width: 768px) {

	.CatePanelMenu {
	margin-top: 12rem;
	}

}


/* バナーメニュー --------------------------------------------------- */

.BannerMenu {
position: relative;
}

.BannerMenu_LeadUnit,
.BannerMenu_Btn {
position: absolute;
}

.BannerMenu_LeadUnit {
font-feature-settings: "palt";
letter-spacing: 0.1em; 
color: #fff;
}

.BannerMenu_Lead_1 {
font-weight: bold;
}

/* ボタン */
.BannerMenu_Btn span {
border-color: #fff;
color: #fff;
background-color: transparent;
}

.BannerMenu_Btn span::before {
border-color: #fff;
}

.BannerMenu_Btn span::after {
background-color: #fff;
}

@media only screen and (max-width: 767px) {

	.BannerMenu_LeadUnit {
	left: 2rem;
	top: 3rem;
	}

	.BannerMenu_Lead_1 {
	font-size: 2.3rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .BannerMenu_Lead_1 {
	padding-right: 38%;
	font-size: 2rem;
	line-height: 1.4;
	}

	/* 英語版：IR */
	.Lang_en .BannerMenu_Investor .BannerMenu_Lead_1 {
	padding-right: 0;
	}

	.BannerMenu_Lead_2 {
	margin-top: 1.2rem;
	font-size: 1.3rem;
	line-height: 1.6;
	}

	/* ボタン */
	.BannerMenu_Btn {
	left: 2rem;
	bottom: 3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.BannerMenu  {
	display: flex;
	flex-direction: column;
	}
	
	.BannerMenu_Photo {
	flex: 1;
	}
	
	.BannerMenu_Photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

	.BannerMenu_LeadUnit {
	left: 4rem;
	top: 5rem;
	}

	.BannerMenu_Lead_1 {
	font-size: 3.6rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .BannerMenu_Lead_1 {
	padding-right: 20%;
	font-size: 2.4rem;
	line-height: 1.4;
	}

	/* 英語版：IR */
	.Lang_en .BannerMenu_Investor .BannerMenu_Lead_1 {
	padding-right: 0;
	}

	.BannerMenu_Lead_2 {
	margin-top: 1.2rem;
	font-size: 1.8rem;
	line-height: 1.6;
	}

	/* ボタン */
	.BannerMenu_Btn {
	left: 4rem;
	bottom: 5rem;
	}

}

@media (hover: hover) {

	.BannerMenu_Btn span,
	.BannerMenu_Btn span::before,
	.BannerMenu_Btn span::after {
	transition: all 0.2s ease 0.01s;
	}

	.BannerMenu:hover .BannerMenu_Btn span {
	background-color: rgba(255, 255, 255, 0.2);
	}

}


/* 会社案内パンフレット --------------------------------------------------- */

.CateBrochure_Wrap {
display: flex;
}

.CateBrochure_Link {
display: block;
}

@media only screen and (max-width: 767px) {

	.CateBrochure {
	padding-top: 6rem;
	}

	.CateBrochure_Wrap {
	flex-flow: column;
	margin-top: 3rem;
	}

	.CateBrochure_LeadUnit {
	order: 2;
	margin-top: 3rem;
	}

	.CateBrochure_Mds {
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
	line-height: 1.8;
	}

	.CateBrochure_Mds:not(:first-child) {
	margin-top: 3rem;
	}

	.CateBrochure_Link {
	margin-top: 1rem;
	}

	.CateBrochure_Photo {
	order: 1;
	max-width: 24rem;
	margin: 0 auto;
	}

}

@media print, screen and (min-width: 768px) {

	.CateBrochure {
	padding-top: 12rem;
	}

	.CateBrochure_Wrap {
	display: flex;
	margin-top: 5rem;
	}

	.CateBrochure_LeadUnit {
	flex: 1;
	padding-right: 5%;
	}

	.CateBrochure_Mds {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: 500;
	}

	.CateBrochure_Mds:not(:first-child) {
	margin-top: 5rem;
	}

	.CateBrochure_Link {
	margin-top: 1.5rem;
	}

	.CateBrochure_Photo {
	width: 28rem;
	}

}


/* 3つのコア事業 --------------------------------------------------- */

.BizOutline_Icon {
display: flex;
justify-content: center;
}

.BizOutline_Icon img {
width: auto;
}

.BizOutline_Mds {
letter-spacing: 0.1em;
text-align: center;
color: #000;
}

.BizOutline_Mds_En {
font-weight: bold;
text-align: center;
}

.BizOutline_Each:nth-of-type(1) .BizOutline_Mds_En {
color: var(--c-b1);
}

.BizOutline_Each:nth-of-type(2) .BizOutline_Mds_En {
color: var(--c-b2);
}

.BizOutline_Each:nth-of-type(3) .BizOutline_Mds_En {
color: var(--c-b3);
}

.BizOutline_Catch {
text-align: center;
}

.BizOutline_Lead {
font-feature-settings: "palt";
letter-spacing: 0.1em; 
}

.BizOutline_OtherLink {
border-top: 1px solid var(--c-3);
}

@media only screen and (max-width: 767px) {

	.BizOutline {
	margin-top: 4rem;
	}

	.BizOutline_Wrap {
	margin-top: 2rem;
	}

	.BizOutline_Each:not(:first-of-type) {
	margin-top: 3rem;
	}

	.BizOutline_Icon {
	margin-top: -3rem;
	}

	.BizOutline_Icon img {
	height: 4rem;
	}

	.BizOutline_Mds {
	margin-top: 2.2rem;
	font-size: 2.3rem;
	line-height: 1.4;
	}

	.BizOutline_Mds_En {
	margin-top: 1rem;
	font-size: 1.3rem;
	}

	.BizOutline_Catch {
	margin-top: 1.8rem;
	font-size: 1.7rem;
	line-height: 1.6;
	}

	/* 英語版 */
	.Lang_en .BizOutline_Catch {
	margin-top: 1.6rem;
	font-size: 1.5rem;
	text-align: left;
	}

	.BizOutline_Lead {
	margin-top: 1.4rem;
	font-size: 1.3rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .BizOutline_Lead {
	line-height: 1.8;
	}

	.BizOutline_Link {
	margin-top: 0.8rem;
	}

	.BizOutline_Link a {
	margin-top: 1rem;
	}

	.BizOutline_OtherLink {
	margin-top: 3rem;
	padding-top: 3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.BizOutline {
	margin-top: 10rem;
	}

	.BizOutline_Wrap {
	gap: 2.5rem;
	margin-top: 3rem;
	}

	.BizOutline_Each {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0;
	}

	.BizOutline_Icon {
	margin-top: -3.5rem;
	}

	.BizOutline_Icon img {
	height: 4.8rem;
	}

	.BizOutline_Mds {
	margin-top: 2.4rem;
	font-size: 2.8rem;
	line-height: 1.2;
	}

	.BizOutline_Mds_En {
	margin-top: 1.4rem;
	font-size: 1.6rem;
	}

	.BizOutline_Catch {
	margin-top: 2rem;
	font-size: 2rem;
	line-height: 1.6;
	}

	/* 英語版 */
	.Lang_en .BizOutline_Catch {
	padding: 0 0.8rem;
	font-size: 1.5rem;
	line-height: 1.5;
	text-align: left;
	}

	.BizOutline_Lead {
	margin-top: 1.8rem;
	padding: 0 0.8rem;
	font-size: 1.6rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .BizOutline_Lead {
	font-size: 1.5rem;
	line-height: 1.6;
	}

	.BizOutline_Link {
	margin-top: 1.8rem;
	}

	.BizOutline_Link a {
	margin-top: 1rem;
	}

	.BizOutline_OtherLink {
	margin-top: 5rem;
	padding-top: 4rem;
	}

	.BizOutline_OtherLink_Inner {
	margin: 0 auto;
	}

}


/* 非鉄を知る --------------------------------------------------- */

.BannerNonferrous_Unit {
position: relative;
background-color: var(--c-1);
}

.BannerNonferrous_LeadUnit {
color: #fff;
}

.BannerNonferrous_Mds {
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 0.075em; 
}

.BannerNonferrous_Catch {
display: flex;
align-items: center;
}

.BannerNonferrous_Catch_QA {
font-weight: bold;
color: var(--c-3);
white-space: nowrap;
}

.BannerNonferrous_Catch_Lead {
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 0.1em; 
}

/* 矢印 */
.BannerNonferrous_Unit::before {
position: absolute;
width: 0.8rem;
height: 0.8rem;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translateY(-50%) rotate(45deg);
transform-origin: center;
content: "";
}

.BannerNonferrous_Unit::after {
position: absolute;
height: 0.1rem;
background-color: #fff;
transform: translateY(-50%);
content: "";
}

@media only screen and (max-width: 767px) {

	.BannerNonferrous {
	margin-top: 6rem;
	}

	.BannerNonferrous_LeadUnit {
	padding: 2.5rem 2.2rem 5rem;
	background-color: var(--c-1);
	}

	.BannerNonferrous_Mds {
	font-size: 2.3rem;
	}

	.BannerNonferrous_CatchUnit {
	margin-top: 1.6rem;
	}

	.BannerNonferrous_Catch {
	margin-top: 0.6rem;
	}

	.BannerNonferrous_Catch_QA {
	font-size: 1.9rem;
	}

	.BannerNonferrous_Catch_Lead {
	margin-left: 0.7rem;
	font-size: 1.3rem;
	line-height: 1.2;
	}

	/* 矢印 */
	.BannerNonferrous_Unit::before {
	right: 2rem;
	bottom: 2rem;
	}

	.BannerNonferrous_Unit::after {
	right: 2rem;
	bottom: 2.7rem;
	width: 2.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.BannerNonferrous {
	margin-top: 12rem;
	}

	.BannerNonferrous_Unit {
	display: flex;
	align-items: center;
	}

	.BannerNonferrous_Photo {
	width: 40rem;
	}

	.BannerNonferrous_LeadUnit {
	display: flex;
	align-items: center;
	flex: 1;
	padding-left: 3%;
	}

	/* 英語版 */
	.Lang_en .BannerNonferrous_LeadUnit {
	flex-flow: column;
	align-items: flex-start;
	margin-top: -0.5rem;
	padding-left: 4%;
	}

	.BannerNonferrous_Mds {
	font-size: 3.6rem;
	}

	/* 英語版 */
	.Lang_en .BannerNonferrous_Mds {
	font-size: 2.8rem;
	}

	.BannerNonferrous_CatchUnit {
	display: flex;
	flex-flow: column;
	gap: 1rem;
	margin-left: 5%;
	}

	/* 英語版 */
	.Lang_en .BannerNonferrous_CatchUnit {
	margin-left: 0;
	margin-top: 2rem;
	}

	.BannerNonferrous_Catch_QA {
	font-size: 3.4rem;
	}

	/* 英語版 */
	.Lang_en .BannerNonferrous_Catch_QA {
	font-size: 2.4rem;
	}

	.BannerNonferrous_Catch_Lead {
	margin-left: 0.7rem;
	font-size: 1.8rem;
	}

	/* 英語版 */
	.Lang_en .BannerNonferrous_Catch_Lead {
	font-size: 1.6rem;
	}

	/* 矢印 */
	.BannerNonferrous_Unit::before {
	right: 2.4rem;
	bottom: 2.2rem;
	}

	.BannerNonferrous_Unit::after {
	right: 2.4rem;
	bottom: 2.9rem;
	width: 2.4rem;
	}

}

@media (hover: hover) {

	a.BannerNonferrous_Unit:hover {
	background-color: #1d588a;
	}

}


/* IR最新資料 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.IrMaterials {
	margin-top: 4rem;
	}

	.IrMaterials_DL {
	margin-top: 2rem;
	}

	.IrMaterials_OtherLink {
	margin-top: 3.5rem;
	}

}

@media print, screen and (min-width: 768px) {

	.IrMaterials {
	margin-top: 8rem;
	}

	.IrMaterials_DL {
	margin-top: 3rem;
	}

	.IrMaterials_OtherLink {
	margin-top: 5rem;
	}

	.IrMaterials_OtherLink_Inner {
	margin: 0 auto;
	}

}


/* IRトップメッセージ --------------------------------------------------- */

.IrMessage_Menu {
display: block;
position: relative;
}

.IrMessage_LeadUnit,
.IrMessage_Btn {
position: absolute;
}

.IrMessage_LeadUnit {
font-feature-settings: "palt";
letter-spacing: 0.1em; 
color: #fff;
}

.IrMessage_Lead_1 {
font-weight: bold;
}

/* ボタン */
.IrMessage_Btn span {
border-color: #fff;
color: #fff;
background-color: transparent;
}

.IrMessage_Btn span::before {
border-color: #fff;
}

.IrMessage_Btn span::after {
background-color: #fff;
}

@media only screen and (max-width: 767px) {

	.IrMessage {
	margin-top: 6rem;
	}

	.IrMessage_LeadUnit {
	left: 2rem;
	top: 3rem;
	}

	.IrMessage_Lead_1 {
	font-size: 2.3rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .IrMessage_Lead_1 {
	padding-right: 38%;
	font-size: 2rem;
	line-height: 1.4;
	}

	.IrMessage_Lead_2 {
	margin-top: 1.2rem;
	font-size: 1.3rem;
	line-height: 1.6;
	}

	/* 英語版 DEI */
	.Lang_en .IrMessage_DEI .IrMessage_Lead_2 {
	margin-top: 1rem;
	font-size: 1.2rem;
	line-height: 1.5;
	}

	/* ボタン */
	.IrMessage_Btn {
	left: 2rem;
	bottom: 3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.IrMessage {
	margin-top: 10rem;
	}

	.IrMessage_LeadUnit {
	left: 4rem;
	top: 3.5rem;
	}

	/* 英語版 */
	.Lang_en .IrMessage_LeadUnit {
	top: 3rem;
	}

	.IrMessage_Lead_1 {
	font-size: 3.6rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .IrMessage_Lead_1 {
	font-size: 2.4rem;
	line-height: 1.3;
	}

	.IrMessage_Lead_2 {
	margin-top: 0.8rem;
	font-size: 1.8rem;
	line-height: 1.6;
	}

	/* 英語版 DEI */
	.Lang_en .IrMessage_DEI .IrMessage_Lead_2 {
	font-size: 1.4rem;
	line-height: 1.5;
	}

	/* ボタン */
	.IrMessage_Btn {
	left: 4rem;
	bottom: 4rem;
	}

	/* 英語版 */
	.Lang_en .IrMessage_Btn {
	bottom: 3.5rem;
	}

}

@media (hover: hover) {

	.IrMessage_Btn span,
	.IrMessage_Btn span::before,
	.IrMessage_Btn span::after {
	transition: all 0.2s ease 0.01s;
	}

	.IrMessage_Menu:hover .IrMessage_Btn span {
	background-color: rgba(255, 255, 255, 0.2);
	}

}


/* IRランキング --------------------------------------------------- */

.IrRanking {
border: 1px solid var(--c-1);
background-color: #fff;
}

.IrRanking_Mds_En {
font-weight: bold;
color: var(--c-1);
}

.IrRanking_List {
display: flex;
flex-flow: column;
}

.IrRanking_List a {
display: flex;
align-items: center;
}

.IrRanking_Num {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
color: #fff;
background-color: var(--c-1);
}

.IrRanking_Lead {
flex: 1;
}

.IrRanking_Period {
text-align: right;
}

@media only screen and (max-width: 767px) {

	.IrRanking {
	margin-top: 1rem;
	padding: 3rem 2rem 3rem;
	}

	.IrRanking_Mds {
	font-size: 2.3rem;
	line-height: 1.3;
	}

	.IrRanking_Mds_En {
	margin-top: 1rem;
	font-size: 1.3rem;
	}

	.IrRanking_List {
	gap: 1.2rem;
	margin-top: 2.5rem;
	}

	.IrRanking_List a {
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 500;
	}

	.IrRanking_Num {
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 1rem;
	}

	.IrRanking_Period {
	margin-top: 2rem;
	font-size: 1.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.IrRanking {
	padding: 4rem 3rem 3rem;
	}

	.IrRanking_Mds {
	font-size: 2.6rem;
	line-height: 1.3;
	}

	.IrRanking_Mds_En {
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 1.3;
	}

	.IrRanking_List {
/* 	gap: 1.4rem; */
	margin-top: 2.5rem;
	}

	.IrRanking_List a {
	padding: 0.7rem 0.7rem;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 500;
	}

	.IrRanking_Num {
	width: 3rem;
	height: 3rem;
	margin-right: 1rem;
	}

	.IrRanking_Period {
	margin-top: 2rem;
	font-size: 1.3rem;
	}

}

@media (hover: hover) {

	.IrRanking_List a:hover {
	background-color: var(--c-hover-bg);
	}

}



/* ■ 3事業TOP ==================================================================================== */

/*
見出し
導入
強み
ベーシック
くらしの中の住友金属鉱山製品
*/


/* 見出し --------------------------------------------------- */

.BizIntro_MdsH2 {
letter-spacing: 0.1em;
text-align: center;
color: var(--c-1);
}

/* 英語版 */
.Lang_en .BizIntro_MdsH2 {
letter-spacing: inherit;
}

.BizIntro_MdsH2_En {
font-weight: bold;
text-align: center;
}

.BizIntro_Lead {
font-weight: bold;
text-align: center;
}

@media only screen and (max-width: 767px) {

	.BizIntro_MdsH2 {
	font-size: 2.8rem;
	line-height: 1.3;
	}
	
	.BizIntro_MdsH2_En {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	line-height: 1.4;
	}

	.BizIntro_Lead {
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 1.8;
	}

}

@media print, screen and (min-width: 768px) {

	.BizIntro_MdsH2 {
	font-size: 4.6rem;
	}
	
	.BizIntro_MdsH2_En {
	margin-top: 3rem;
	font-size: 1.6rem;
	}

	.BizIntro_Lead {
	margin-top: 4rem;
	font-size: 1.8rem;
	line-height: 2;
	}

}


/* 導入 --------------------------------------------------- */

.BizIntro_Intro_KV {
position: relative;
}

.BizIntro_Intro_KV_Cap {
position: absolute;
color: #fff;
}

.BizIntro_Intro_KV_Cap.is_Black {
color: #000;
}

.BizIntro_Intro_KV_Cap.is_Outlined {
text-shadow: 1px 1px 0 #000, -1px -1px 0 #000,
-1px 1px 0 #000, 1px -1px 0 #000,
0px 1px 0 #000, 0 -1px 0 #000,
-1px 0 0 #000, 1px 0 0 #000;
}

.BizIntro_Intro_Icon {
display: flex;
justify-content: center;
position: relative;
}

.BizIntro_Intro_Icon img {
width: auto;
}

.BizIntro_Intro_Mds {
text-align: center;
}

.BizIntro_Intro_Mds_En {
font-weight: bold;
text-align: center;
}

.BizIntro_Intro_Mds_En.is_Resource {
color: var(--c-b1);
}

.BizIntro_Intro_Mds_En.is_Refining {
color: var(--c-b2);
}

.BizIntro_Intro_Mds_En.is_Material {
color: var(--c-b3);
}

.BizIntro_Intro_Lead {
font-weight: bold;
}

@media only screen and (max-width: 767px) {

	.BizIntro_Intro_KV {
	padding: 0 1rem;
	aspect-ratio: 710 / 300; 
	}

	.BizIntro_Intro_KV_Cap {
	right: 2.5rem;
	bottom: 2.5rem;
	font-size: 1.3rem;
	}

	.BizIntro_Intro_LeadUnit {
	margin-top: -4.5rem;
	}

	.BizIntro_Intro_Icon img {
	height: 6rem;
	}

	.BizIntro_Intro_Mds {
	margin-top: 2.5rem;
	font-size: 3.3rem;
	line-height: 1.2;
	}

	.BizIntro_Intro_Mds_En {
	margin-top: 1.3rem;
	font-size: 1.3rem;
	}

	.BizIntro_Intro_Lead {
	margin-top: 2.5rem;
	font-size: 1.4rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .BizIntro_Intro_Lead {
	line-height: 1.8;
	}

	.BizIntro_Intro_Link {
	margin-top: 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.BizIntro_Intro_KV {
	padding: 0 2rem;
	aspect-ratio: 2000 / 411; 
	}

	.BizIntro_Intro_KV_Cap {
	right: 4rem;
	bottom: 3rem;
	font-size: 1.6rem;
	}

	.BizIntro_Intro_LeadUnit {
	margin-top: -6rem;
	}

	.BizIntro_Intro_Icon img {
	height: 9rem;
	}

	.BizIntro_Intro_Mds {
	margin-top: 5.5rem;
	font-size: 5.6rem;
	}

	.BizIntro_Intro_Mds_En {
	margin-top: 2rem;
	font-size: 2.2rem;
	}

	.BizIntro_Intro_Lead {
	margin-top: 3.5rem;
	font-size: 1.8rem;
	line-height: 2.2;
	text-align: center;
	}

	/* 英語版 */
	.Lang_en .BizIntro_Intro_Lead {
	line-height: 2;
	}

	.BizIntro_Intro_Link {
	width: 30rem;
	margin: 5.5rem auto 0;
	}

}


/* 強み --------------------------------------------------- */

.BizIntro_Strengths_Inner {
background-color: var(--c-4);
}

.BizIntro_Strengths_Mds_Num {
display: flex;
justify-content: flex-end;
align-items: center;
font-weight: bold;
color: var(--c-1);
}

.BizIntro_Strengths_Lead {
font-feature-settings: "palt";
letter-spacing: 0.1em; 
}

@media only screen and (max-width: 767px) {

	.BizIntro_Strengths {
	margin-top: 4rem;
	padding: 0 1rem;
	}

	.BizIntro_Strengths_Inner {
	padding: 4rem 1.5rem 4rem;
	}

	.BizIntro_Strengths_List {
	gap: 4rem;
	margin-top: 3.5rem;
	}

	.BizIntro_Strengths_Mds_Num {
	margin-top: -2rem;
	padding-right: 0.5rem;
	font-size: 1.5rem;
	}

	.BizIntro_Strengths_Mds_Num span {
	margin-left: 0.2rem;
	font-size: 7.5rem;
	transform: translateY(-1.8rem);
	}

	.BizIntro_Strengths_Mds {
	margin-top: -2.5rem;
	font-size: 1.7rem;
	line-height: 1.5;
	}

	/* 英語版 */
	.Lang_en .BizIntro_Strengths_Mds {
	margin-top: -1rem;
	}

	.BizIntro_Strengths_Lead {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .BizIntro_Strengths_Lead {
	line-height: 1.8;
	}

}

@media print, screen and (min-width: 768px) {

	.BizIntro_Strengths {
	margin-top: 12rem;
	padding: 0 2rem;
	}

	.BizIntro_Strengths_Inner {
	padding: 10rem 6rem 10rem;
	}

	.BizIntro_Strengths_List {
	gap: 3rem;
	margin-top: 6rem;
	}

	.BizIntro_Strengths_Mds_Num {
	margin-top: -2.4rem;
	padding-right: 2.2rem;
	font-size: 2rem;
	}

	.BizIntro_Strengths_Mds_Num span {
	margin-left: 0.2rem;
	font-size: 10rem;
	transform: translateY(-2.4rem);
	}

	.BizIntro_Strengths_Mds {
	padding-left: 6%;
	font-size: 2.6rem;
	line-height: 1.5;
	}

	/* 英語版 */
	.Lang_en .BizIntro_Strengths_Mds {
	margin-top: -1rem;
	line-height: 1.3;
	}

	.BizIntro_Strengths_Lead {
	padding-left: 6%;
	margin-top: 2rem;
	padding-right: 10%;
	font-size: 1.6rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .BizIntro_Strengths_Lead {
	font-size: 1.5rem;
	line-height: 1.8;
	}

}

@media print, screen and (min-width: 1110px) {

	.BizIntro_Strengths_Inner {
	padding: 10rem 10rem 10rem;
	}

}


/* ベーシック --------------------------------------------------- */

.BizIntro_Basic_Inner.has_Bg {
background-color: var(--c-4);
}

@media only screen and (max-width: 767px) {

	.BizIntro_Basic {
	margin-top: 4rem;
	padding: 0 1rem;
	}

	.BizIntro_Basic_Inner {
	padding: 0 1.5rem;
	}

	.BizIntro_Basic_Inner.has_Bg {
	padding: 4rem 1.5rem 4rem;
	}

	.BizIntro_VisualMedia {
	gap: 2.5rem;
	margin-top: 3rem;
	}

	.BizIntro_VisualMedia_Lead {
	margin-top: 1.2rem;
	font-size: 1.3rem;
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .BizIntro_VisualMedia_Lead {
	margin-top: 1rem;
	line-height: 1.6;
	}

	.BizIntro_Facilities {
	gap: 2.5rem;
	margin-top: 3rem;
	}

	.BizIntro_Products {
	gap: 0;
	margin-top: 3rem;
	}

	.BizIntro_Photo {
	margin-top: 3rem;
	}

	.BizIntro_Banner {
	margin: 0 -2.5rem;
	}

	.BizIntro_Basic_Link {
	margin-top: 3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.BizIntro_Basic {
	margin-top: 10rem;
	padding: 0 2rem;
	}

	.BizIntro_Basic_Inner {
	padding: 0 6rem;
	}

	.BizIntro_Basic_Inner.has_Bg {
	padding: 10rem 6rem 10rem;
	}

	.BizIntro_VisualMedia {
	gap: 2.5rem;
	margin-top: 6rem;
	}

	.BizIntro_VisualMedia_Lead {
	margin-top: 1.8rem;
	font-size: 1.5rem;
	line-height: 1.8;
	text-align: center;
	}

	/* 英語版 */
	.Lang_en .BizIntro_VisualMedia_Lead {
	margin-top: 1.5rem;
	line-height: 1.6;
	text-align: left;
	}

	.BizIntro_Facilities {
	gap: 2.5rem;
	margin-top: 6rem;
	}

	.BizIntro_Products {
	gap: 0;
	margin-top: 6rem;
	}

	.BizIntro_Photo {
	margin-top: 6rem;
	}

	.BizIntro_Basic_Link {
	width: 30rem;
	margin: 6rem auto 0;
	}

}

@media print, screen and (min-width: 1110px) {

	.BizIntro_Basic_Inner {
	padding: 0 10rem;
	}

	.BizIntro_Basic_Inner.has_Bg {
	padding: 10rem 10rem 10rem;
	}

}


/* くらしの中の住友金属鉱山製品 --------------------------------------------------- */

/* TabMenu */
.BizIntro_EverydayLife_TabMenu {
align-items: flex-end;
gap: 0.1rem;
}

.BizIntro_EverydayLife_TabMenu a {
display: flex;
flex-flow: column;
align-items: center;
font-weight: bold;
text-align: center;
background-color: #cce6f6;
}

.BizIntro_EverydayLife_TabMenu a.is_Selected {
color: #fff;
background-color: var(--c-1);
}

.BizIntro_EverydayLife_TabMenu_Icon {
display: flex;
justify-content: center;
}

/* TabContents */
.BizIntro_EverydayLife_TabContents {
background-color: #e1eef6;
}

.Home_Task_TabMenu_Contents_Each {
display: none;
}

.Home_Task_TabMenu_Contents_Each.is_Selected {
display: block;
}

.BizIntro_EverydayLife_Mds {
text-align: center;
}

.BizIntro_EverydayLife_List {
display: grid;
margin-inline: auto;
}

.BizIntro_EverydayLife_Lead_2 {
font-weight: bold;
}

@media only screen and (max-width: 767px) {

	.BizIntro_EverydayLife {
	margin-top: 4rem;
	}

	/* TabMenu */
	.BizIntro_EverydayLife_TabMenu_Wrap {
	margin-top: 4rem;
	padding: 0 1rem;
	}

	.BizIntro_EverydayLife_TabMenu a {
	height: 7rem;
	}

	.BizIntro_EverydayLife_TabMenu a.is_Selected {
	height: 8.5rem;
	}

	.BizIntro_EverydayLife_TabMenu_Icon {
	width: 6rem;
	height: 4rem;
	margin-top: -2rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(1) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 2rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(2) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 4.4rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(3) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 3.4rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(4) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 3.7rem;
	}

	.BizIntro_EverydayLife_TabMenu_Lead {
	margin-top: 0.4rem;
	font-size: 1.3rem;
	line-height: 1.3;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(2) .BizIntro_EverydayLife_TabMenu_Lead {
	margin-top: 1rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(3) .BizIntro_EverydayLife_TabMenu_Lead {
	margin-top: 1rem;
	}

	.BizIntro_EverydayLife_TabMenu a.is_Selected .BizIntro_EverydayLife_TabMenu_Lead {
	transform: translateY(0.7rem);
	}

	/* 英語版 */
	.Lang_en .BizIntro_EverydayLife_TabMenu_Lead {
	margin-top: 0.4rem !important;
	line-height: 1.2;
	}

	.Lang_en .BizIntro_EverydayLife_TabMenu a.is_Selected .BizIntro_EverydayLife_TabMenu_Lead {
	transform: translateY(0.5rem);
	}

	/* TabContents */
	.BizIntro_EverydayLife_TabContents {
	margin: 0 1rem;
	padding: 2.5rem 1.5rem 4rem;
	}

	.BizIntro_EverydayLife_Mds {
	font-size: 1.6rem;
	line-height: 1.5;
	}

	.BizIntro_EverydayLife_List {
	gap: 1.5rem;
	margin-top: 2.5rem;
	}

	.BizIntro_EverydayLife_List.is_Col1_SP {
	grid-template-columns: repeat(1, 1fr);
	max-width: 50%;
	}

	.BizIntro_EverydayLife_List.is_Col2_SP {
	grid-template-columns: repeat(2, 1fr);
	}

	.BizIntro_EverydayLife_List .PanelMenu_LeadUnit {
	padding: 1.2rem 1.2rem 5rem;
	}

	.BizIntro_EverydayLife_Lead_1 {
	font-size: 1.1rem;
	line-height: 1.5;
	}

	.BizIntro_EverydayLife_Lead_2 {
	margin-top: 0.6rem;
	font-size: 1.3rem;
	line-height: 1.5;
	}

	/* 英語版 */
	.Lang_en .BizIntro_EverydayLife_Lead_2 {
	margin-top: 0.7rem;
	line-height: 1.4;
	}
	
}

@media print, screen and (min-width: 768px) {

	.BizIntro_EverydayLife {
	margin-top: 10rem;
	}

	/* TabMenu */
	.BizIntro_EverydayLife_TabMenu_Wrap {
	margin-top: 8rem;
	padding: 0 4rem;
	}

	.BizIntro_EverydayLife_TabMenu a {
	height: 10rem;
	}

	.BizIntro_EverydayLife_TabMenu a.is_Selected {
	height: 12rem;
	}

	.BizIntro_EverydayLife_TabMenu_Icon {
	width: 12rem;
	height: 8rem;
	margin-top: -4rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(1) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 4rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(2) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 8.8rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(3) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 6.8rem;
	}

	.BizIntro_EverydayLife_TabMenu li:nth-child(4) .BizIntro_EverydayLife_TabMenu_Icon img {
	width: 7.4rem;
	}

	.BizIntro_EverydayLife_TabMenu_Lead {
	margin-top: 1.2rem;
	font-size: 2rem;
	line-height: 1.3;
	}

	/* 英語版 */
	.Lang_en .BizIntro_EverydayLife_TabMenu_Lead {
	margin-top: 1rem;
	}

	/* TabContents */
	.BizIntro_EverydayLife_TabContents {
	margin: 0 2rem;
	padding: 6rem 4rem 10rem;
	}

	.BizIntro_EverydayLife_Mds {
	font-size: 2.6rem;
	}

	.BizIntro_EverydayLife_List {
	gap: 2rem;
	margin-top: 5rem;
	}

	.BizIntro_EverydayLife_List.is_Col1_PC {
	grid-template-columns: repeat(1, 1fr);
	max-width: 25%;
	}

	.BizIntro_EverydayLife_List.is_Col2_PC {
	grid-template-columns: repeat(2, 1fr);
	max-width: 50%;
	}
	
	.BizIntro_EverydayLife_List.is_Col3_PC {
	grid-template-columns: repeat(3, 1fr);
	max-width: 75%;
	}
	
	.BizIntro_EverydayLife_List.is_Col4_PC {
	grid-template-columns: repeat(4, 1fr);
	max-width: 100%;
	}

	.BizIntro_EverydayLife_Lead_1 {
	font-size: 1.4rem;
	line-height: 1.5;
	}

	.BizIntro_EverydayLife_Lead_2 {
	margin-top: 0.6rem;
	font-size: 1.8rem;
	line-height: 1.5;
	}

	/* 英語版 */
	.Lang_en .BizIntro_EverydayLife_Lead_2 {
	margin-top: 0.7rem;
	line-height: 1.4;
	}

}


@media print, screen and (min-width: 1110px) {

	.BizIntro_EverydayLife_TabMenu_Wrap {
	padding: 0 12rem;
	}

	.BizIntro_EverydayLife_TabContents {
	padding: 6rem 10rem 10rem;
	}

}

@media (hover: hover) {

	.BizIntro_EverydayLife_TabMenu a:not(.is_Selected):hover {
	background-color: #afd1e6;
	}

}



/* ■ 歴史 ==================================================================================== */

/*
監修・資料提供
ナビ
KV
メイン
囲み
装飾
沿革リンク
*/


/* 監修・資料提供 --------------------------------------------------- */

.History_Credit {
text-align: right;
}

@media only screen and (max-width: 767px) {

	.History_Credit {
	margin-top: 1rem;
	padding-right: 1.1rem;
	font-size: 1.1rem;
	}

}

@media print, screen and (min-width: 768px) {

	.History_Credit {
	margin-top: 1.6rem;
	padding-right: 2.2rem;
	font-size: 1.3rem;
	}

}


/* ナビ --------------------------------------------------- */

.History_Nav {
display: grid;
grid-template-columns: repeat(5, 1fr);
align-items: flex-end;
gap: 0.1rem;
}

.History_Nav a {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: var(--c-1);
background-color: #cce6f6;
}

.History_Nav a.is_Selected {
color: #fff;
background-color: var(--c-1);
}

/* アイコン */
.History_Nav a span {
position: relative;
}

.History_Nav a span::before {
position: absolute;
border: 1px solid currentColor;
border-radius: 50%;
content: "";
}

.History_Nav a.is_Selected span::after {
position: absolute;
background-color: currentColor;
border-radius: 50%;
content: "";
}

@media only screen and (max-width: 767px) {

	.History_Nav {
	margin-top: 2rem;
	padding: 0 1rem;
	}

	.History_Nav a {
	height: 8.5rem;
	padding-bottom: 1.5rem;
	font-size: 2rem;
	text-align: center;
	}

	/* 英語版 */
	.Lang_en .History_Nav a {
	font-size: 1.8rem;
	}

	.History_Nav a.is_Selected {
	height: 10.5rem;
	}

	.History_Nav a small {
	display: block;
	margin-top: 0.4rem;
	padding-left: 0.8rem;
	font-size: 1.2rem;
	}

	/* 英語版 */
	.Lang_en .History_Nav a small {
	margin-top: 0.2rem;
	padding-left: 0;
	font-size: 1.1rem;
	}

	/* アイコン */
	.History_Nav a span::before {
	left: 50%;
	bottom: -55%;
	width: 1.2rem;
	height: 1.2rem;
	transform: translateX(-50%);
	}
	
	.History_Nav a.is_Selected span::after {
	left: 50%;
	bottom: -48%;
	width: 0.7rem;
	height: 0.7rem;
	transform: translateX(-50%);
	}

	/* 下部 */
	.History_Nav_Bottom {
	margin-top: 4rem;
	}

	.History_Nav_Bottom a,
	.History_Nav_Bottom a.is_Selected {
	height: 8.5rem;
	}

	/* 英語版 */
	.Lang_en .History_Nav_Bottom a.is_Selected span::after {
	bottom: -47%;
	}

}

@media print, screen and (min-width: 768px) {

	.History_Nav {
	margin-top: 6rem;
	padding: 0 2rem;
	}

	.History_Nav a {
	height: 12rem;
	padding-left: 3rem;
	padding-bottom: 0.3rem;
	font-size: 3rem;
	}

	.History_Nav a.is_Selected {
	height: 15rem;
	}

	.History_Nav a small {
	padding-top: 0.5rem;
	font-size: 1.8rem;
	}

	/* アイコン */
	.History_Nav a span::before {
	left: -3.2rem;
	top: 50%;
	width: 2.4rem;
	height: 2.4rem;
	transform: translateY(-44%);
	}
	
	.History_Nav a.is_Selected span::after {
	left: -2.7rem;
	top: 50%;
	width: 1.4rem;
	height: 1.4rem;
	transform: translateY(-40%);
	}

	/* 下部 */
	.History_Nav_Bottom {
	margin-top: 10rem;
	}

	.History_Nav_Bottom a,
	.History_Nav_Bottom a.is_Selected {
	height: 9rem;
	}

}

@media (hover: hover) {

	.History_Nav a:not(.is_Selected):hover {
	background-color: #afd1e6;
	}

}


/* KV --------------------------------------------------- */

.History_KV_Inner {
position: relative;
}

.History_KV_LeadUnit {
position: absolute;
color: #fff;
}

.History_KV_Mds {
font-feature-settings: "palt";
letter-spacing: 0.05em;
}

/* 英語版 */
.Lang_en .History_KV_Mds {
letter-spacing: 0.025em;
}

@media only screen and (max-width: 767px) {

	.History_KV {
	padding: 0 1rem;
	}

	.History_KV_Photo {
	aspect-ratio: 710 / 530; 
	}

	.History_KV_LeadUnit {
	left: 1.5rem;
	top: 2.5rem;
	padding: 0.2rem 2rem 1rem 1.5rem;
	border-left: 4px solid var(--c-1);
	}

	/* 英語版 */
	.Lang_en .History_KV_LeadUnit {
	padding-top: 0.6rem;
	}

	.History_KV_Mds {
	font-size: 2.8rem;
	line-height: 1.3;
	}

	/* 英語版 */
	.Lang_en .History_KV_Mds {
	line-height: 1.1;
	}

}

@media print, screen and (min-width: 768px) {

	.History_KV {
	padding: 0 2rem;
	}

	.History_KV_Photo {
	aspect-ratio: 2000 / 478; 
	}

	.History_KV_LeadUnit {
	left: 3.5rem;
	top: 50%;
	padding: 1rem 0 2.4rem 2.5rem;
	border-left: 5px solid var(--c-1);
	transform: translateY(-50%);
	}

	.History_KV_Mds {
	font-size: min(3.57vw, 5rem);
	line-height: 1.2;
	}

}


/* メイン --------------------------------------------------- */

.History_Period,
.History_Year_Wrap {
position: relative;
}

.History_Period_Mds {
position: relative;
letter-spacing: 0.05em;
color: var(--c-1);
}

.History_Period_Mds span {
display: inline-block;
}

.History_Year_Mds {
position: relative;
letter-spacing: 0.1em;
color: var(--c-1);
}

/* 英語版 */
.Lang_en .History_Year_Mds {
letter-spacing: 0.05em;
}

.History_Year_Catch {
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

/* 英語版 */
.Lang_en .History_Year_Catch {
letter-spacing: 0.05em;
}

.History_Year_Lead {
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

.History_Year_Photo_Cap {
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {

	.History {
	margin-top: 3.5rem;
	padding: 0 1rem;
	}

	.History_Period {
	padding: 3rem 1.5rem 0 4.5rem;
	}

	.History_Period:first-of-type {
	padding-top: 0.5rem;
	}

	.History_Period:last-of-type {
	padding-bottom: 2rem;
	}

	.History_Period_Mds {
	font-size: 2.8rem;
	}

	.History_Period_Mds span {
	font-size: 1.9rem;
	transform: translateY(-0.15rem);
	}

	.History_Year_Mds {
	margin-top: 0.6rem;
	font-size: 1.6rem;
	line-height: 1.4;
	}

	.History_Year_Catch {
	margin-top: 1.8rem;
	font-size: 2rem;
	line-height: 1.5;
	}

	/* 英語版 */
	.Lang_en .History_Year_Catch {
	margin-top: 1.7rem;
	line-height: 1.4;
	}

	.History_Year_Lead {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .History_Year_Lead {
	line-height: 1.7;
	}

	.History_Year_Lead:first-of-type {
	margin-top: 1.5rem;
	}

	.History_Year_Photo {
	margin-top: 2rem;
	}

	.History_Year_Photo_Cap {
	margin-top: 1rem;
	font-size: 1.1rem;
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .History_Year_Photo_Cap {
	margin-top: 1rem;
	line-height: 1.6;
	}

}

@media print, screen and (min-width: 768px) {

	.History {
	margin-top: 9rem;
	}

	.History_Period {
	display: flex;
	}

	.History_Period_Mds {
	width: 17rem;
	padding-top: 8.9rem;
	padding-right: 2rem;
	font-size: 4.8rem;
	text-align: right;
	}

	.History_Period:first-of-type .History_Period_Mds {
	padding-top: 1rem;
	}

	.History_Period_Mds span {
	font-size: 3rem;
	transform: translateY(-0.2rem);
	}

	.History_Period_Mds span:nth-child(2) {
	font-size: 2.5rem;
	transform: translateY(-1.2rem);
	}

	.History_Year_Wrap {
	flex: 1;
	padding-top: 10rem;
	}

	.History_Period:first-of-type .History_Year_Wrap {
	padding-top: 2rem;
	}

	.History_Period:last-of-type .History_Year_Wrap {
	padding-bottom: 5rem;
	}

	.History_Year:not(:first-of-type) {
	margin-top: 3rem;
	}

	.History_Year_Mds,
	.History_Year_Catch,
	.History_Year_Lead,
	.History_Year_Photo,
	.History_Year_Box {
	padding-left: 18rem;
	}

	.History_Year_Mds {
	font-size: 2.2rem;
	line-height: 1.5;
	}

	.History_Year_Catch {
	margin-top: 2.4rem;
	font-size: 3rem;
	line-height: 1.5;
	}

	/* 英語版 */
	.Lang_en .History_Year_Catch {
	margin-top: 2rem;
	line-height: 1.3;
	}

	.History_Year_Lead {
	margin-top: 1rem;
	font-size: var(--f-m);
	line-height: var(--l-m);
	}

	/* 英語版 */
	.Lang_en .History_Year_Lead {
	margin-top: 1.4rem;
	line-height: 1.8;
	}

	.History_Year_Lead:first-of-type {
	margin-top: 1.5rem;
	}

	.History_Year_Photo {
	margin-top: 2.5rem;
	}

	.History_Year_Photo.Cols {
	gap: 2rem;
	}

	.History_Year_Photo_Cap {
	margin-top: 1.2rem;
	font-size: 1.4rem;
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .History_Year_Photo_Cap {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 1.6;
	}

}


/* 囲み --------------------------------------------------- */

.History_Year_Box_Mds {
font-feature-settings: "palt";
letter-spacing: 0.1em;
color: var(--c-1);
}

/* 英語版 */
.Lang_en .History_Year_Box_Mds {
letter-spacing: 0.05em;
}

.Lang_en .History_Year_Box_MdsSub {
letter-spacing: 0.075em;
}

@media only screen and (max-width: 767px) {

	.History_Year_Box {
	margin-top: 4rem;
	}

	.History_Year_Box_Inner {
	border: 2px solid var(--c-2);
	}

	.History_Year_Box_Each {
	margin-top: 2rem;
	}

	.History_Year_Box_Mds {
	font-size: 1.8rem;
	line-height: 1.5;
	}

	.History_Year_Box_MdsSub {
	font-size: 1.6rem;
	line-height: 1.5;
	}

	.History_Year_Box_Lead {
	margin-top: 0.8rem;
	font-size: 1.3rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	}

}

@media print, screen and (min-width: 768px) {

	.History_Year_Box {
	margin-top: 8rem;
	}

	.History_Year_Box_Each {
	margin-top: 3rem;
	}

	.History_Year_Box_Mds {
	font-size: 2.2rem;
	line-height: 1.5;
	}

	.History_Year_Box_MdsSub {
	font-size: 1.8rem;
	line-height: 1.6;
	}

	.History_Year_Box_Lead {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 1.8;
	}

}


/* 装飾 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	/* 縦軸のライン */
	.History_Period::before,
	.History_Period::after {
	position: absolute;
	left: 0;
	width: 1.5rem;
	background-color: #cce6f6;
	content: "";
	}

	.History_Period::before {
	top: 0;
	height: 100%;
	}
	
	.History_Period::after {
	bottom: -0.75rem;
	height: 0.75rem;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	}

	/* 年の棒引き */
	.History_Period_Mds::before,
	.History_Period_Mds::after {
	position: absolute;
	top: 55%;
	content: "";
	}

	.History_Period_Mds::before {
	left: -3.95rem;
	z-index: 2;
	width: 0.5rem;
	height: 0.5rem;
	margin-top: -0.2rem;
	border-radius: 100vh;
	background-color: var(--c-1);
	}

	.History_Period_Mds::after {
	left: -3.9rem;
	width: 49%;
	height: 0.1rem;
	margin-top: 0;
	background-color: var(--c-1);
	}

	.History_Period_Mds em {
	display: block;
	position: relative;
	z-index: 2;
	background-color: #fff;
	}

	.History_Period_Mds em::before {
	position: absolute;
	left: -0.5rem;
	top: 0;
	width: 0.5rem;
	height: 100%;
	background-color: #fff;
	content: "";
	}

}

@media print, screen and (min-width: 768px) {

	/* 縦軸のライン */
	.History_Year_Wrap::before,
	.History_Year_Wrap::after {
	position: absolute;
	left: 0;
	width: 3rem;
	background-color: #cce6f6;
	content: "";
	}

	.History_Year_Wrap::before {
	top: 0;
	height: 100%;
	}
	
	.History_Year_Wrap::after {
	bottom: -1.5rem;
	height: 1.5rem;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	}

	/* 年の棒引き */
	.History_Year_Mds::before,
	.History_Year_Mds::after {
	position: absolute;
	top: 1.7rem;
	content: "";
	}

	.History_Year_Mds::before {
	left: 1rem;
	z-index: 2;
	width: 1rem;
	height: 1rem;
	margin-top: -0.5rem;
	border-radius: 100vh;
	background-color: var(--c-1);
	}

	.History_Year_Mds::after {
	left: 1.5rem;
	width: 50%;
	height: 0.1rem;
	margin-top: -0.05rem;
	background-color: var(--c-1);
	}

	.History_Year_Mds span {
	display: block;
	position: relative;
	z-index: 2;
	background-color: #fff;
	}

	.History_Year_Mds span::before {
	position: absolute;
	left: -1.6rem;
	top: 0;
	width: 1.6rem;
	height: 100%;
	background-color: #fff;
	content: "";
	}

}


/* 沿革リンク --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.History_Enkaku {
	margin-top: 4.5rem;
	padding: 0 2rem;
	text-align: center;
	}

	.History_Enkaku .BtnS {
	margin-top: 1.5rem;
	padding-right: 12rem;
	}

}

@media print, screen and (min-width: 768px) {

	.History_Enkaku {
	margin-top: 10rem;
	text-align: center;
	}

	.History_Enkaku .BtnS {
	margin-top: 2rem;
	padding-right: 15rem;
	}

}



/* ■ ギャラリー ==================================================================================== */

/*
ソート
リスト
*/


/* ソート --------------------------------------------------- */

.Gallery_Sort_Mds {
border-bottom: 1px solid var(--c-3);
font-weight: bold;
color: var(--c-1);
}

.Gallery_Sort_List {
display: flex;
flex-wrap: wrap;
align-items: center;
}

/* タグ */
a.Gallery_Sort_Tag {
display: inline-block;
border: 1px solid var(--c-1);
border-radius: 100vh;
font-weight: bold;
color: #000;
background-color: #fff;
}

a.Gallery_Sort_Tag.is_Active {
color: #fff;
background-color: var(--c-1);
}

/* 英語版 */
.Lang_en a.Gallery_Sort_Tag {
letter-spacing: 0.025em;
}

@media only screen and (max-width: 767px) {

	.Gallery_Sort {
	margin-top: 3rem;
	}

	.Gallery_Sort_Mds {
	padding-bottom: 1.2rem;
	font-size: 1.6rem;
	}

	.Gallery_Sort_List {
	gap: 0.8rem;
	margin-top: 2rem;
	}

	a.Gallery_Sort_Tag {
	padding: 0.6rem 1.2rem;
	font-size: 1.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Gallery_Sort {
	margin-top: 7rem;
	}

	.Gallery_Sort_Mds {
	padding-bottom: 1.6rem;
	font-size: 2.2rem;
	}

	.Gallery_Sort_List {
	gap: 1rem;
	margin-top: 2rem;
	}

	a.Gallery_Sort_Tag {
	padding: 0.6rem 1.2rem;
	font-size: 1.4rem;
	}

}

@media (hover: hover) {

	a.Gallery_Sort_Tag:not(.is_Active):hover {
	background-color: var(--c-hover-bg);
	}

}


/* リスト --------------------------------------------------- */

.Gallery_List_Photo {
aspect-ratio: 1024 / 682;
overflow: hidden;
}

.Gallery_List_Photo img {
object-fit: cover;
}

/* タグ */
.Gallery_List_Tag {
display: flex;
flex-wrap: wrap;
align-items: center;
}

.Gallery_List_Tag span {
display: inline-block;
border-radius: 100vh;
letter-spacing: 0.05em;
color: #000;
background-color: #c0e2f3;
}

/* リード（モーダル内で表示）*/
.Gallery_List_Lead {
display: none;
}

@media only screen and (max-width: 767px) {

	.Gallery_List {
	margin-top: 3rem;
	}

	/* タグ */
	.Gallery_List_Tag {
	gap: 0.6rem;
	margin-top: 1.5rem;
	}

	.Gallery_List_Tag span {
	padding: 0.6rem 1.2rem;
	font-size: 1.1rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Gallery_List {
	gap: 2rem;
	margin-top: 4rem;
	}

	/* タグ */
	.Gallery_List_Tag {
	gap: 0.8rem;
	margin-top: 1.5rem;
	}

	.Gallery_List_Tag span {
	padding: 0.5rem 1.2rem 0.6rem;
	font-size: 1.2rem;
	}

	/* 英語版 */
	.Lang_en .Gallery_List_Tag span {
	padding: 0.4rem 1.2rem 0.6rem;
	}

}



/* ■ ギャラリー：モーダル ==================================================================================== */

/*
ベース
本体
中身
前後ナビ・件数
閉じるボタン
*/


/* ベース --------------------------------------------------- */

.Gallery_Modal {
display: none;
position: fixed;
z-index: 9999;
inset: 0;
}

/* 背景 */
.Gallery_Modal_Overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
}

/* モーダル表示中 */
body.is_ModalOpen {
overflow: hidden;
}


/* 本体 --------------------------------------------------- */

.Gallery_Modal_Inner {
position: relative;
z-index: 1;
width: min(90%, 100rem);
background-color: #fff;
overflow-y: auto;
}

@media only screen and (max-width: 767px) {

	.Gallery_Modal_Inner {
	max-height: 80vh;
	margin: 10vh auto 0;	
	padding: 2rem 2rem 10rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Gallery_Modal_Inner {
	max-height: 90vh;
	margin: 5vh auto 0;	
	padding: 4rem 0;
	}

}


/* 中身 --------------------------------------------------- */

.Gallery_Modal_Content {
display: none;
}

.Gallery_Modal_Content.is_Active {
display: block;
}

.Gallery_Modal_Content a {
cursor: default;
}

/* Leadを表示 */
.Gallery_Modal_Content .Gallery_List_Lead {
display: block;
}

/* Tagを非表示 */
.Gallery_Modal_Content .Gallery_List_Tag {
display: none;
}

/* 画像 */
.Gallery_Modal_Photo {
aspect-ratio: auto;
overflow: visible;
}

.Gallery_Modal_Photo img {
width: auto;
height: auto;
max-width: 100%;
max-height: 55vh;
margin: 0 auto;
}

/* テキスト */
.Gallery_Modal_Content .Gallery_List_Mds,
.Gallery_Modal_Content .Gallery_List_Lead {
color: #000;
}

.Gallery_Modal_Content .Gallery_List_Mds {
border-top: 1px solid var(--c-1);
}

.Gallery_Modal_Content .Gallery_List_Lead {
font-feature-settings: "palt";
letter-spacing: 0.15em; 
}

/* 英語版 */
.Lang_en .Gallery_Modal_Content .Gallery_List_Lead {
letter-spacing: 0.075em; 
}

@media only screen and (max-width: 767px) {

	.Gallery_Modal_Content .PanelMenu_LeadUnit {
	padding: 0;
	}

	.Gallery_Modal_Content .Gallery_List_Mds {
	margin-top: 2rem;
	padding-top: 2rem;
	}
	
	.Gallery_Modal_Content .Gallery_List_Lead {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .Gallery_Modal_Content .Gallery_List_Lead {
	line-height: 1.6;
	}

}

@media print, screen and (min-width: 768px) {

	.Gallery_Modal_Content .PanelMenu_LeadUnit {
	padding: 0 3rem;
	}

	.Gallery_Modal_Content .Gallery_List_Mds {
	margin-top: 2rem;
	padding-top: 2rem;
	}
	
	.Gallery_Modal_Content .Gallery_List_Lead {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 1.8;
	}

}


/* 前後ナビ・件数 --------------------------------------------------- */

.Gallery_Modal_Nav {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
margin-top: 2rem;
}

.Gallery_Modal_PrevNext {
display: flex;
justify-content: center;
align-items: center;
gap: 0.1rem;
}

.Gallery_Modal_PrevNext button {
position: relative;
border: 0;
text-indent: -9999px;
color: #fff;
background-color: var(--c-1);
cursor: pointer;
}

.Gallery_Modal_Prev::before,
.Gallery_Modal_Next::before {
position: absolute;
top: 50%;
width: 0.8rem;
height: 0.8rem;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform-origin: center;
content: "";
}

.Gallery_Modal_Prev::before {
transform: translateY(-50%) rotate(225deg);
}

.Gallery_Modal_Next::before {
transform: translateY(-50%) rotate(45deg);
}

.Gallery_Modal_Prev::after,
.Gallery_Modal_Next::after {
position: absolute;
top: 50%;
height: 0.1rem;
background-color: #fff;
transform: translateY(-50%);
content: "";
}

/* Disabled */
.Gallery_Modal_PrevNext.is_Disabled button {
opacity: 0.3;	
cursor: default;
}

/* 件数 */
.Gallery_Modal_Num {
font-size: var(--f-m);
}

@media only screen and (max-width: 767px) {

	.Gallery_Modal_PrevNext button {
	width: 6rem;
	height: 4rem;
	}

	.Gallery_Modal_Prev::after,
	.Gallery_Modal_Next::after {
	width: 2.2rem;
	}

	.Gallery_Modal_Prev::before,
	.Gallery_Modal_Prev::after {
	left: 2rem;
	}

	.Gallery_Modal_Next::before,
	.Gallery_Modal_Next::after {
	right: 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Gallery_Modal_PrevNext button {
	width: 6rem;
	height: 4rem;
	}

	.Gallery_Modal_Prev::after,
	.Gallery_Modal_Next::after {
	width: 2.2rem;
	}

	.Gallery_Modal_Prev::before,
	.Gallery_Modal_Prev::after {
	left: 2rem;
	}

	.Gallery_Modal_Next::before,
	.Gallery_Modal_Next::after {
	right: 2rem;
	}

}


/* 閉じるボタン --------------------------------------------------- */

.Gallery_Modal_Close {
position: absolute;
z-index: 2;
border: 1px solid var(--c-1);
background-color: #fff;
cursor: pointer;
}

.Gallery_Modal_Close::before,
.Gallery_Modal_Close::after {
position: absolute;
top: 50%;
left: 50%;
height: 0.2rem;
background: var(--c-1);
content: "";
}

.Gallery_Modal_Close::before {
transform: translate(-50%, -50%) rotate(45deg);
}

.Gallery_Modal_Close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}

@media only screen and (max-width: 767px) {

	.Gallery_Modal_Close {
	top: 1rem;
	right: 1rem;
	width: 4.5rem;
	height: 4.5rem;
	}
	
	.Gallery_Modal_Close::before,
	.Gallery_Modal_Close::after {
	width: 2.5rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Gallery_Modal_Close {
	top: 2rem;
	right: 2rem;
	width: 7rem;
	height: 7rem;
	}

	.Gallery_Modal_Close::before,
	.Gallery_Modal_Close::after {
	width: 4rem;
	}

}



/* ■ 個人投資家の皆さまへ ==================================================================================== */

/*
ページ内リンク
*/


/* ページ内リンク --------------------------------------------------- */

.InvestorsInPageLink {
border-top: 1px solid var(--c-5);
}

@media only screen and (max-width: 767px) {

	.InvestorsInPageLink {
	margin-top: 4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.InvestorsInPageLink {
	margin-top: 6rem;
	}

}



/* ■ 長期ビジョン ==================================================================================== */

/*
ステートメント
ターゲット
*/


/* ステートメント --------------------------------------------------- */

.LongTermVision_Statement_Mds {
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

/* 英語版 */
.Lang_en .LongTermVision_Statement_Mds {
letter-spacing: 0.05em;
}

.LongTermVision_Statement_Lead {
font-feature-settings: "palt";
letter-spacing: 0.05em;
color: var(--c-1);
}

/* 英語版 */
.Lang_en .LongTermVision_Statement_Lead {
letter-spacing: 0.025em;
}

@media only screen and (max-width: 767px) {

	.LongTermVision_Statement {
	padding: 2.6rem 1rem 2.2rem;
	}

	.LongTermVision_Statement_Mds {
	font-size: 1.6rem;
	line-height: 1.5;
	}

	.LongTermVision_Statement_Lead {
	margin-top: 1.8rem;
	font-size: 2.6rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .LongTermVision_Statement_Lead {
	line-height: 1.2;
	}

}

@media print, screen and (min-width: 768px) {

	.LongTermVision_Statement {
	padding: 4.6rem 3rem;
	}

	.LongTermVision_Statement_Mds {
	font-size: 2rem;
	}

	.LongTermVision_Statement_Lead {
	margin-top: 2.6rem;
	font-size: 4.2rem;
	line-height: 1.2;
	}

}


/* ターゲット --------------------------------------------------- */

.LongTermVision_Target_Mds,
.LongTermVision_Target_Lead_1,
.LongTermVision_Target_Lead_2 {
text-align: center;
}

.LongTermVision_Target_Mds {
border-bottom: 1px solid var(--c-3);
}

.LongTermVision_Target_Lead_1,
.LongTermVision_Target_Lead_2 {
font-weight: bold;
color: var(--c-1);
}

.LongTermVision_Target_Lead_2 {
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

/* 英語版 */
.Lang_en .LongTermVision_Target_Lead_2 {
letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {

	.LongTermVision_Target_Mds {
	margin-bottom: 2.4rem;
	padding-bottom: 1.8rem;
	font-size: 1.8rem;	
	}

	.LongTermVision_Target_Mds small {
	font-size: 1.4rem;
	}

	.LongTermVision_Target_Lead_1 {
	font-size: 3.8rem;	
	}

	/* 英語版 */
	.Lang_en .LongTermVision_Target_Lead_1 {
	margin-top: 0.5rem;
	}

	.LongTermVision_Target_Lead_1 small {
	font-size: 1.6rem;	
	}

	.LongTermVision_Target_Lead_2 {
	margin-top: 1rem;
	font-size: 1.8rem;
	line-height: 1.5;
	}

	.LongTermVision_Target_Lead_2 small {
	font-size: 1.4rem;
	}

	.LongTermVision_Target .Lead {
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .LongTermVision_Target .Lead {
	line-height: 1.6;
	}

}

@media print, screen and (min-width: 768px) {

	.LongTermVision_Target_Mds {
	margin-bottom: 2.6rem;
	padding-bottom: 2rem;
	font-size: 2.4rem;	
	}

	.LongTermVision_Target_Mds small {
	font-size: 2rem;	
	}

	.LongTermVision_Target_Lead_1 {
	font-size: 6rem;	
	}

	/* 英語版 */
	.Lang_en .LongTermVision_Target_Lead_1 {
	margin-top: 1rem;
	}

	.LongTermVision_Target_Lead_1 small {
	font-size: 2rem;
	}

	/* 英語版 */
	.Lang_en .LongTermVision_Target_Lead_1 small {
	margin-left: 0.3rem;
	font-size: 3rem;
	}

	.LongTermVision_Target_Lead_2 {
	margin-top: 1rem;
	font-size: 2.4rem;
	line-height: 1.4;
	}

	.LongTermVision_Target_Lead_2 small {
	font-size: 1.8rem;
	}

	.LongTermVision_Target .List,
	.LongTermVision_Target .Lead {
	margin-top: 2rem;
	}

	.LongTermVision_Target .Lead {
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .LongTermVision_Target .Lead {
	line-height: 1.8;
	}

}



/* ■ 統合報告書 ==================================================================================== */

/*
2025：TOP
2025：ビジネスモデル
2025：マテリアルフロー
2025：住友金属鉱山の技術の系譜
*/


/* 2025：TOP --------------------------------------------------- */

.IntegratedReport2025_SectionIndex {
border-top: 1px solid var(--c-5);
}

@media only screen and (max-width: 767px) {

	.IntegratedReport2025_SectionIndex {
	margin-top: 3rem;	
	padding-top: 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.IntegratedReport2025_SectionIndex {
	margin-top: 5rem;	
	padding-top: 3rem;
	}

}


/* 2025：ビジネスモデル --------------------------------------------------- */

.IntegratedReport2025_Businessmodel .ColItem {
border: 1px solid var(--c-5);
}

.IntegratedReport2025_Businessmodel_Cate,
.IntegratedReport2025_Businessmodel_Cate span {
display: flex;
align-items: center;
position: relative;
font-weight: bold;
}

/* 英語版 */
.Lang_en .IntegratedReport2025_Businessmodel_Cate span {
flex-flow: column;
text-align: center;
}

.IntegratedReport2025_Businessmodel_Cate .is_Cate_1 {
color: #cf725f;
}

.IntegratedReport2025_Businessmodel_Cate .is_Cate_2 {
color: #4e84b6;
}

.IntegratedReport2025_Businessmodel_Cate .is_Cate_3 {
color: #009c6d;
}

.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::before,
.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::after {
position: absolute;
top: 50%;
height: 0.1rem;
background-color: #666;
transform: translateY(-50%);
content: "";
}

.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::before {
transform: rotate(-45deg);
}

.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::after {
transform: rotate(45deg);
}

.IntegratedReport2025_Businessmodel_Cate img {
width: auto;
}

.IntegratedReport2025_Businessmodel_Mds {
font-feature-settings: "palt";
letter-spacing: 0.1em; 
}

/* 英語版 */
.Lang_en .IntegratedReport2025_Businessmodel_Mds {
letter-spacing: 0.05em; 
}

.IntegratedReport2025_Businessmodel_Lead {
font-feature-settings: "palt";
letter-spacing: 0.15em; 
}

/* 英語版 */
.Lang_en .IntegratedReport2025_Businessmodel_Lead {
letter-spacing: 0.05em; 
}

@media only screen and (max-width: 767px) {

	.IntegratedReport2025_Businessmodel {
	margin-top: 3rem;
	}

	.IntegratedReport2025_Businessmodel .ColItem {
	padding: 2rem 1.5rem;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel .ColItem {
	padding: 1.6rem 1.5rem 2rem;
	}

	.IntegratedReport2025_Businessmodel_Cate {
	gap: 2.4rem;
	padding-bottom: 1.4rem;
	border-bottom: 1px solid var(--c-1);
	font-size: 1.6rem;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Cate {
	gap: 2.6rem;
	font-size: 1.2rem;
	}

	.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::before,
	.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::after {
	left: -2rem;
	width: 1.5rem;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::before,
	.Lang_en .IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::after {
	left: -2.2rem;
	}

	.IntegratedReport2025_Businessmodel_Cate img {
	height: 1.6rem;
	margin-right: 0.5rem;
	transform: translateY(-0.1rem);
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Cate img {
	margin-right: 0;
	transform: translateY(-0.3rem);
	}

	.IntegratedReport2025_Businessmodel_Mds {
	margin-top: 1.6rem;
	font-size: 1.6rem;
	line-height: 1.6;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Mds {
	line-height: 1.4;
	}

	.IntegratedReport2025_Businessmodel_Lead {
	margin-top: 1.2rem;
	font-size: 1.3rem;
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Lead {
	line-height: 1.7;
	}

}

@media print, screen and (min-width: 768px) {

	.IntegratedReport2025_Businessmodel {
	gap: 2rem;
	margin-top: 6rem;
	}

	.IntegratedReport2025_Businessmodel .ColItem {
	padding: 3rem 2rem;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel .ColItem {
	padding: 2rem 2rem 3rem;
	}

	.IntegratedReport2025_Businessmodel_Cate {
	gap: 2.4rem;
	padding-bottom: 1.4rem;
	border-bottom: 2px solid var(--c-1);
	font-size: 1.8rem;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Cate {
	gap: 2.8rem;
	font-size: 1.2rem;
	}

	.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::before,
	.IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::after {
	left: -2rem;
	width: 1.5rem;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::before,
	.Lang_en .IntegratedReport2025_Businessmodel_Cate span:not(:first-child)::after {
	left: -2.4rem;
	}

	.IntegratedReport2025_Businessmodel_Cate img {
	height: 1.8rem;
	margin-right: 0.5rem;
	transform: translateY(-0.1rem);
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Cate img {
	margin-right: 0;
	transform: translateY(-0.4rem);
	}

	.IntegratedReport2025_Businessmodel_Mds {
	margin-top: 2rem;
	font-size: 1.8rem;
	line-height: 1.6;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Mds {
	font-size: 1.7rem;
	line-height: 1.5;
	}

	.IntegratedReport2025_Businessmodel_Lead {
	margin-top: 1.6rem;
	font-size: 1.5rem;
	line-height: 1.8;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_Businessmodel_Lead {
	font-size: 1.4rem;
	line-height: 1.6;
	}

}


/* 2025：マテリアルフロー --------------------------------------------------- */

.IntegratedReport2025_MaterialFlows_Mds {
display: flex;
align-items: center;
}

.IntegratedReport2025_MaterialFlows_Mds img {
width: auto;
}

@media only screen and (max-width: 767px) {

	.IntegratedReport2025_MaterialFlows_Mds {
	gap: 1rem;
	}

	.IntegratedReport2025_MaterialFlows_Mds img {
	height: 3.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.IntegratedReport2025_Modal_Inner {
	width: min(90%, 70rem);
	margin-top: 20vh;
	}

	.IntegratedReport2025_MaterialFlows_Mds {
	gap: 1rem;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_MaterialFlows_Mds {
	line-height: 1.2;
	}

	.IntegratedReport2025_MaterialFlows_Mds img {
	height: 3.6rem;
	}

	.IntegratedReport2025_MaterialFlows_Lead {
	margin-top: 2rem;
	line-height: 2;
	}

	/* 英語版 */
	.Lang_en .IntegratedReport2025_MaterialFlows_Lead {
	line-height: 1.7;
	}

	.IntegratedReport2025_MaterialFlows_Link {
	margin-top: 1rem;
	}

}


/* 2025：ビジネスモデル --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.IntegratedReport2025_Lineage_LeadUnit {
	margin-top: 2.4em;
	}

	.IntegratedReport2025_Lineage_Lead {
	margin-top: 1.2rem;
	font-size: var(--f-m);
	line-height: 2;
	}

}

@media print, screen and (min-width: 768px) {

	.IntegratedReport2025_Lineage_LeadUnit {
	margin-top: 4em;
	}

	.IntegratedReport2025_Lineage_Lead {
	margin-top: 1.6rem;
	font-size: var(--f-m);
	line-height: 2;
	}

}



/* ■ サステナビリティ：TOP ==================================================================================== */

/*
ピックアップ
考え方・推進体制
*/


/* ピックアップ --------------------------------------------------- */

.Sustainability_Pickup .BannerMenu {
border: 1px solid var(--c-5);
}

.Sustainability_Pickup .BannerMenu_LeadUnit {
color: #000;
}

/* ボタン */
.Sustainability_Pickup .BannerMenu_Btn span {
border-color: #000;
color: #000;
}

.Sustainability_Pickup .BannerMenu_Btn span::before {
border-color: #000;
}

.Sustainability_Pickup .BannerMenu_Btn span::after {
background-color: #000;
}

@media only screen and (max-width: 767px) {

	.Sustainability_Pickup {
	margin-top: 4rem;
	padding: 0 2.5rem;
	}

	/* 英語版 */
	.Lang_en .Sustainability_Pickup .BannerMenu_Lead_2 small {
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,
	-1px 1px 0 #fff, 1px -1px 0 #fff,
	0px 1px 0 #fff, 0 -1px 0 #fff,
	-1px 0 0 #fff, 1px 0 0 #fff;
	}

	.Sustainability_Pickup .BannerMenu_Btn span {
	background-color: rgba(255, 255, 255, 0.8);
	}

}

@media print, screen and (min-width: 768px) {

	.Sustainability_Pickup {
	margin-top: 10rem;
	}

}

@media (hover: hover) {

	.Sustainability_Pickup .BannerMenu:hover .BannerMenu_Btn span {
	background-color: #f5f5f5;
	}

}


/* 考え方・推進体制 --------------------------------------------------- */

.Sustainability_Approach {
border: 1px solid var(--c-5);
background-color: var(--c-4);
}

.Sustainability_Approach_Mds {
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

/* 英語版 */
.Lang_en .Sustainability_Approach_Mds {
letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {

	.Sustainability_Approach {
	padding: 2.4rem 2rem 2.8rem;
	}

	.Sustainability_Approach_Mds {
	padding-left: 1.2rem;
	border-left: 3px solid var(--c-1);
	font-size: 1.8rem;
	line-height: 1.4;
	}

	.Sustainability_Approach_Lead {
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
	font-size: 1.3rem;
	line-height: 1.7;
	font-feature-settings: "palt";
	letter-spacing: 0.1em; 
	}

	.Sustainability_Approach_Btn {
	margin-top: 1rem;
	}

}

@media print, screen and (min-width: 768px) {

	.Sustainability_Approach {
	padding: 3rem;
	}

	.Sustainability_Approach_Mds {
	padding-left: 1.5rem;
	border-left: 3px solid var(--c-1);
	font-size: 2rem;
	line-height: 1.5;
	}

	/* 英語版 */
	.Lang_en .Sustainability_Approach_Mds {
	font-size: 1.8rem;
	line-height: 1.4;
	}
	
	.Sustainability_Approach_Lead {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
	font-size: 1.4rem;
	line-height: 1.7;
	}

	/* 英語版 */
	.Lang_en .Sustainability_Approach_Lead {
	font-size: 1.3rem;
	line-height: 1.6;
	}

	.Sustainability_Approach_Btn {
	margin-top: 1rem;
	}

	.Sustainability_Approach_Btn a {
	padding-right: 0 !important;
	font-feature-settings: "palt";
	letter-spacing: 0.15em;
	}

}



/* ■ ニュース ==================================================================================== */

/*
一覧：ソート
一覧：リスト
詳細ページ
アイコン
*/


/* 一覧：ソート --------------------------------------------------- */

.NewsIndex_Sort_Year {
display: flex;
align-items: center;
}

.NewsIndex_Sort_Year_Mds {
white-space: nowrap;
}

.NewsIndex_Sort_Cate_Mds {
white-space: nowrap;
}

.NewsIndex_Sort_Cate_List {
display: flex;
flex-wrap: wrap;
align-items: center;
}

/* タグ */
a.NewsIndex_Sort_Cate_Tag {
display: inline-block;
border: 1px solid var(--c-1);
border-radius: 100vh;
font-weight: bold;
color: #000;
background-color: #fff;
}

a.NewsIndex_Sort_Cate_Tag.is_Selected {
color: #fff;
background-color: var(--c-1);
}

@media only screen and (max-width: 767px) {

	.NewsIndex_Sort {
	margin-top: 3rem;
	}

	.NewsIndex_Sort_Year_Mds {
	font-size: 1.4rem;
	}

	.NewsIndex_Sort_Year_Select {
	margin-left: 1rem;
	}

	.NewsIndex_Sort_Cate {
	margin-top: 2rem;
	}

	.NewsIndex_Sort_Cate_Mds {
	font-size: 1.4rem;
	}

	.NewsIndex_Sort_Cate_List {
	gap: 0.8rem;
	margin-top: 1rem;
	}

	a.NewsIndex_Sort_Cate_Tag {
	padding: 0.6rem 1.2rem;
	font-size: 1.3rem;
	}

	/* 英語版 */
	.Lang_en a.NewsIndex_Sort_Cate_Tag {
	padding: 0.6rem 1.2rem 0.7rem;
	}

}

@media print, screen and (min-width: 768px) {

	.NewsIndex_Sort {
	display: flex;
	align-items: center;
	margin-top: 6rem;
	}

	.NewsIndex_Sort_Year_Mds {
	font-size: 1.5rem;
	}

	.NewsIndex_Sort_Year_Select {
	margin-left: 1rem;
	}

	.NewsIndex_Sort_Cate {
	display: flex;
	align-items: center;
	margin-left: 3rem;
	padding: 1.4rem 2rem 1.4rem;
	border-left: 1px solid var(--c-3);
	}

	.NewsIndex_Sort_Cate_Mds {
	margin-right: 1rem;
	font-size: 1.5rem;
	}

	.NewsIndex_Sort_Cate_List {
	gap: 0.5rem;
	}

	a.NewsIndex_Sort_Cate_Tag {
	padding: 0.6rem 1.2rem;
	font-size: 1.4rem;
	}

	/* 英語版 */
	.Lang_en a.NewsIndex_Sort_Cate_Tag {
	padding: 0.6rem 1.2rem 0.7rem;
	}

}

@media (hover: hover) {

	a.NewsIndex_Sort_Cate_Tag:not(.is_Selected):hover {
	background-color: var(--c-hover-bg);
	}

}


/* 一覧：リスト --------------------------------------------------- */

.NewsIndex_List {
border-top: 1px solid var(--c-3);
}

.NewsIndex_List_Each {
border-bottom: 1px solid var(--c-3);
}

.NewsIndex_List a {
display: flex;
align-items: center;
position: relative;
}

.NewsIndex_List_Date {
font-weight: bold;
color: var(--c-1);
}

.NewsIndex_List_Lead {
/* font-weight: bold; */
font-feature-settings: "palt";
letter-spacing: 0.1em; 
color: #000;
}

/* 矢印 */
.NewsIndex_List_Normal::before {
position: absolute;
top: 50%;
width: 8px;
height: 8px;
border-top: 1px solid var(--c-link);
border-right: 1px solid var(--c-link);
transform: translateY(-50%) rotate(45deg);
transform-origin: center;
content: "";
}

.NewsIndex_List_Normal::after {
position: absolute;
top: 50%;
height: 1px;
background-color: var(--c-link);
transform: translateY(-50%);
content: "";
}

/* PDF */
.NewsIndex_List_PDF::after {
position: absolute;
top: 50%;
background-image: url(/assets/img/common/icon/Icon_PDF.png);
background-size: cover;
transform: translateY(-50%);
content: '';
}

/* 0件時のメッセージ */
.NewsIndex_NoItem {
font-weight: bold;
text-align: center;
}

/* 英語版 */
.Lang_en .NewsIndex_NoItem {
font-size: 0;
}

.Lang_en .NewsIndex_NoItem::before {
content: "No news articles found.";
}

@media only screen and (max-width: 767px) {

	.NewsIndex_List {
	margin-top: 3rem;
	}

	.NewsIndex_List a {
	flex-wrap: wrap;
	padding: 0.8rem 2rem 1.6rem 0.2rem;
	}

	.NewsIndex_List_Date {
	margin-top: 1rem;
	margin-right: 1rem;
	font-size: 1.2rem;
	}

	.NewsIndex_List_Cate {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1rem;
	}

	.NewsIndex_List_Lead {
	width: 100%;
	margin-top: 1rem;
	padding-right: 2rem;
	font-size: 1.3rem;
	line-height: 1.6;
	}

	/* 矢印 */
	.NewsIndex_List_Normal::before {
	right: 1rem;
	}

	.NewsIndex_List_Normal::after {
	right: 1rem;
	width: 1.8rem;
	}

	/* PDF */
	.NewsIndex_List_PDF::after {
	right: 0.8rem;
	width: 1.6rem;
	height: 1.6rem;
	}

	/* 0件時のメッセージ */
	.NewsIndex_NoItem {
	margin-top: 3rem;
	font-size: 1.4rem;
	}

	.Lang_en .NewsIndex_NoItem::before {
	font-size: 1.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.NewsIndex_List {
	margin-top: 4rem;
	}

	.NewsIndex_List a {
	padding: 2rem 6rem 2rem 1rem;
	}

	.NewsIndex_List_Date {
	width: 11rem;
	font-size: 1.5rem;
	}

	.NewsIndex_List_Cate {
	display: flex;
	flex-flow: column;
	gap: 0.6rem;
	width: 12rem;
	}

	.NewsIndex_List_Lead {
	flex: 1;
	margin-left: 2rem;
	font-size: 1.5rem;
	line-height: 1.7;
	font-weight: 500;
	}

	/* 矢印 */
	.NewsIndex_List_Normal::before {
	right: 2rem;
	}

	.NewsIndex_List_Normal::after {
	right: 2rem;
	width: 2.2rem;
	}

	/* PDF */
	.NewsIndex_List_PDF::after {
	right: 1.8rem;
	width: 2.2rem;
	height: 2.2rem;
	}

	.Lang_en .NewsIndex_List_Date {
	width: 12.5rem;
	}

	/* 0件時のメッセージ */
	.NewsIndex_NoItem {
	margin-top: 4rem;
	font-size: 1.6rem;
	}

	.Lang_en .NewsIndex_NoItem::before {
	font-size: 1.6rem;
	}

}

@media (hover: hover) {

	.NewsIndex_List a:hover {
	background-color: var(--c-hover-bg);
	}

	.NewsIndex_List_Lead {
	transition: color 0.2s ease 0.01s;
	}

	.NewsIndex_List a:hover .NewsIndex_List_Lead {
	color: var(--c-hover-text);
	}

}


/* 詳細ページ --------------------------------------------------- */

.NewsArticle_Credit {
text-align: right;
}

.NewsArticle_Title {
border-top: 1px solid var(--c-3);
font-feature-settings: "palt";
letter-spacing: 0.1em; 
}

/* 英語版 */
.Lang_en .NewsArticle_Title {
letter-spacing: 0.03em; 
}

.NewsArticle_Detail {
border-bottom: 1px solid var(--c-3);
}

@media only screen and (max-width: 767px) {

	.NewsArticle {
	margin-top: 4rem;
	}

	.NewsArticle_Title {
	margin-top: 2rem;
	padding-top: 3rem;
	font-size: 2.4rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .NewsArticle_Title {
	line-height: 1.3;
	}

	.NewsArticle_Detail {
	margin-top: 2rem;
	padding-bottom: 4rem;
	}

	.NewsArticle_Detail p {
	margin-top: 2.4rem;
	font-size: var(--f-m);
	line-height: 2;
	}

	p.NewsArticle_Credit {
	line-height: 1.8;
	}

}

@media print, screen and (min-width: 768px) {

	.NewsArticle {
	margin-top: 7rem;
	}

	.NewsArticle_Title {
	margin-top: 2.4rem;
	padding-top: 3.2rem;
	font-size: 4rem;
	line-height: 1.4;
	}

	/* 英語版 */
	.Lang_en .NewsArticle_Title {
	line-height: 1.3;
	}

	.NewsArticle_Detail {
	margin-top: 4rem;
	padding-bottom: 6rem;
	}

	.NewsArticle_Detail p {
	margin-top: 2.4rem;
	font-size: var(--f-m);
	line-height: 2.2;
	}

	p.NewsArticle_Credit {
	line-height: 2;
	}

	.NewsArticle_Detail img {
	width: inherit;
	}

}


/* アイコン --------------------------------------------------- */

.NewsIcon {
display: inline-block;
border-radius: 100vh;
font-weight: bold;
text-align: center;
color: #000;
background-color: #c0e2f3;
}

.IconNew_S::after,
.IconNew_L::after {
display: inline-block;
border-radius: 100vh;
line-height: 1;
letter-spacing: 0.02em;
color: #fff;
background-color: var(--c-alert);
content: 'New';
}

@media only screen and (max-width: 767px) {

	.NewsIcon_L {
	min-width: 12rem;
	padding: 0.6rem 1.2rem;
	font-size: 1.1rem;
	}

	.NewsIcon_S {
	padding: 0.4rem 0.8rem;
	font-size: 0.9rem;
	}

	.IconNew_S::after {
	margin-left: 0.4rem;
	padding: 0.2rem 0.6rem 0.3rem;
	font-size: 1rem;
	transform: translateY(-0.15rem);
	}

	/* 英語版 */
	.Lang_en .NewsIcon_L {
	padding: 0.6rem 1.2rem 0.7rem;
	}

	.Lang_en .NewsIcon_S {
	padding: 0.4rem 0.8rem 0.5rem;
	}

}

@media print, screen and (min-width: 768px) {

	.NewsIcon_L {
	min-width: 13rem;
	padding: 0.8rem 1.4rem;
	font-size: 1.4rem;
	}

	.NewsIcon_S {
	min-width: 12rem;
	padding: 0.4rem 0.8rem;
	font-size: 1.1rem;
	}

	.IconNew_S::after {
	margin-left: 0.7rem;
	padding: 0.2rem 0.8rem 0.3rem;
	font-size: 1.2rem;
	transform: translateY(-0.15rem);
	}

	/* 英語版 */
	.Lang_en .NewsIcon_L {
	padding: 0.7rem 1.4rem 0.8rem;
	}

	.Lang_en .NewsIcon_S {
	padding: 0.4rem 0.8rem 0.5rem;
	}

}



/* ■ ステップ ==================================================================================== */

.Step_Arrow {
position: relative;
}

.Step_Arrow::after {
position: absolute;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-bottom: 0;
transform: translateX(-50%);
content: "";
}

.Box_Cirlce {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
border-radius: 50%;
text-align: center;
background-color: var(--c-2);
}

@media only screen and (max-width: 767px) {

	.Step_Arrow {
	margin-bottom: 5rem;
	}
	
	.Step_Arrow::after {
	bottom: -3.6rem;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 20px solid var(--c-5);
	}

	.Box_Cirlce {
	max-width: 18rem;
	margin: 0 auto;
	font-size: 1.5rem;
	line-height: 1.6;
	}

}

@media print, screen and (min-width: 768px) {

	.Step_Arrow {
	margin-bottom: 6rem;
	}
	
	.Step_Arrow::after {
	bottom: -4.7rem;
	border-right: 25px solid transparent;
	border-left: 25px solid transparent;
	border-top: 30px solid var(--c-5);
	}

	.Box_Cirlce {
	width: min(20vw, 19rem);
	font-size: 1.8rem;
	line-height: 1.6;
	}

}



/* ■ サイトマップ ==================================================================================== */

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

	.Sitemap_List {
	gap: 2.4rem 1rem;
	}

	.Sitemap_List .TxtPalt_PC {
	letter-spacing: 0.15em !important;
	}

	/* 英語版 */
	.Lang_en .Sitemap_List .TxtPalt_PC {
	letter-spacing: 0.05em !important;
	}

}



/* ■ サイト内検索 ==================================================================================== */

/*
レイアウト
クエリ・数量
絞り込み
表示件数
ページネーション
検索結果一覧
サジェスト
*/


/* レイアウト --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.SearchResults {
	margin-top: 3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.SearchResults {
	margin-top: 6rem;
	}

}


/* クエリ・数量 --------------------------------------------------- */

._searchstatusfull {
font-weight: bold;
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

/* 英語版 */
.Lang_en ._searchstatusfull {
letter-spacing: 0.025em;
}

@media only screen and (max-width: 767px) {

	._searchstatusfull {
	font-size: 2.2rem;
	line-height: 1.3;
	}

}

@media print, screen and (min-width: 768px) {

	._searchstatusfull {
	font-size: 4rem;
	line-height: 1.3;
	}

}


/* 絞り込み --------------------------------------------------- */

.SearchResults_Sort {
background-color: #f0f5f6;;
}

._attributegroup {
margin: 0 !important;
padding: 0 !important;
}

._attributegroup ._attributes {
display: flex;
flex-wrap: wrap;
}

._attributegroup ._attribute label {
display: flex;
align-items: center;
gap: 0.3rem;
}

@media only screen and (max-width: 767px) {

	.SearchResults_Sort {
	margin-top: 1.5rem;
	padding: 2rem;
	}

	._attributegroup._attributegroup_group2 {
	margin-top: 1rem !important;
	}

	._attributegroup ._group {
	font-size: 1.3rem !important;
	}

	._attributegroup ._attributes {
	gap: 0 2rem;
	margin-top: 0.5rem;
	}

	._attributegroup ._attribute label {
	font-size: 1.3rem;
	}

}

@media print, screen and (min-width: 768px) {

	.SearchResults_Sort {
	margin-top: 1.5rem;
	padding: 3rem;
	}

	._attributegroup._attributegroup_group2 {
	margin-top: 1rem !important;
	}

	._attributegroup ._group {
	font-size: 1.6rem !important;
	}

	._attributegroup ._attributes {
	gap: 0 2rem;
	margin-top: 0.5rem;
	}

	._attributegroup ._attribute label {
	font-size: 1.6rem;
	}

}


/* 表示件数 --------------------------------------------------- */

._countselector {
justify-content: flex-start !important;
align-items: center !important;
padding: 0 !important;
}

._countselector ._label {
flex: inherit !important;
}

._countselector ._count {
display: flex;
align-items: center;
}

@media only screen and (max-width: 767px) {

	._countselector {
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1rem 0 0 !important;
	}

	._countselector ._label {
	width: 100%;
	font-size: 1.3rem !important;
	}

	._countselector ._count {
	gap: 0.5rem;
	padding: 0 !important;
	font-size: 1.3rem;
	}

}

@media print, screen and (min-width: 768px) {

	._countselector {
	margin: 1.6rem 0 0 !important;
	}

	._countselector ._label {
	font-size: 1.6rem !important;
	}

	._countselector ._count {
	gap: 0.5rem;
	font-size: 1.6rem;
	}

}


/* ページネーション --------------------------------------------------- */

._pagenator ._nav {
flex: inherit !important;
}

._pagenator ._nav ._button {
border-bottom: none !important;
background-color: var(--c-1) !important;
}

._pagenator ._nav ._disable {
opacity: 0.3;
}

@media only screen and (max-width: 767px) {

	._pagenator ._nav._first,
	._pagenator ._nav._prev,
	._pagenator ._nav._next {
	margin: 1em 0.4rem !important;
	}

	/* ページ番号 */
	._pagenator ._nav._page {
	display: none !important;
	}

}

@media print, screen and (min-width: 768px) {

}


/* 検索結果一覧 --------------------------------------------------- */

/* 見出し */
._searchresults ._layoutgroup1 {
align-items: center !important;
}

._searchresults ._layoutgroup1 ._seq {
white-space: nowrap;
}

._searchresults ._layoutgroup1 ._title a {
color: var(--c-link) !important;
}

._searchresults ._layoutgroup1 ._title a em {
background-color: inherit !important;
}

._searchresults ._filetype._filetype_pdf {
padding: 0 !important;
background-image: url(/assets/img/common/icon/Icon_PDF.png) !important;
background-size: cover;
}

/* サムネイル */
._searchresults ._layoutgroup2 ._thumbnail a {
position: inherit !important;
}

._searchresults ._layoutgroup2 ._thumbnail:before {
display: none !important;
}

._searchresults ._layoutgroup2 ._thumbnail a:before {
display: none !important;
}

/* 説明文 */
._searchresults ._layoutgroup2 ._snippet {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
color: #666 !important;
}

._searchresults ._layoutgroup2 ._snippet em {
background-color: inherit !important;
}

@media only screen and (max-width: 767px) {

	._searchresults ._item {
	margin-bottom: 2.5rem !important;
	}

	._searchresults ._wrap {
	width: 100% !important;
	}

	._searchresults ._wrap * {
	padding: 0 !important;
	}

	/* 見出し */
	._searchresults ._layoutgroup1 ._seq,
	._searchresults ._layoutgroup1 ._title {
	font-size: 1.6rem;
	line-height: 1.3;
	}

	._searchresults ._layoutgroup1 ._title {
	flex: 1;
	}

	._searchresults ._filetype._filetype_pdf {
	width: 2rem !important;
	height: 2rem !important;
	transform: translateY(0.1rem);
	}

	/* サムネイル・説明文 */
	._searchresults ._layoutgroup2 {
	flex-flow: column !important;
	margin-top: 1rem !important;
	}

	/* サムネイル */
	._searchresults ._layoutgroup2 ._thumbnail {
	width: 70% !important;
	min-height: inherit !important;
	margin: 0 auto !important;
	}
	
	/* 説明文 */
	._searchresults ._layoutgroup2 ._snippet {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 1rem !important;
	font-size: 1.2rem;
	line-height: 1.4;
	}

}

@media print, screen and (min-width: 768px) {

	/* 見出し */
	._searchresults ._layoutgroup1 {
	gap: 0.5rem;
	}

	._searchresults ._layoutgroup1 ._seq,
	._searchresults ._layoutgroup1 ._title {
	padding: 0 !important;
	font-size: 2rem;
	line-height: 1.3;
	}

	._searchresults ._filetype._filetype_pdf {
	width: 2.1rem !important;
	height: 2.1rem !important;
	transform: translateY(0.1rem);
	}

	/* サムネイル・説明文 */
	._searchresults ._layoutgroup2 {
	margin-top: 2rem !important;
	}

	/* 説明文 */
	._searchresults ._layoutgroup2 ._snippet {
	font-size: 1.4rem;
	line-height: 1.6;
	}

	._searchresults ._layoutgroup2 ._snippet::after {
	content: "...";
	}

}


/* サジェスト --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.poplink {
    left: 0 !important;
    bottom: 6rem !important;
	right: auto !important;
	}

	.poplink .poplink_suggest {
	background-color: #fff !important;
	}

	.poplink .word {
	font-size: 1.6rem;
	}

}

@media print, screen and (min-width: 768px) {

	.poplink {
    left: auto !important;
    top: 3.5rem !important;
	right: 0 !important;
	}

}