@charset "utf-8";
/* CSS Document */

/*---------------------------------

  fonts

---------------------------------*/
@font-face{
	font-family:'Noto_Sans_CJK_SC';
	font-style:normal;
	font-weight:100;
	src:url("/cn/common/fonts/Noto_Sans_CJK_SC/NotoSansCJKsc-Light.otf") format("truetype")
}
@font-face{font-family:'Noto_Sans_CJK_SC';font-style:normal;font-weight:300;src:url("/cn/common/fonts/Noto_Sans_CJK_SC/NotoSansCJKsc-DemiLight.otf") format("truetype")}
@font-face{font-family:'Noto_Sans_CJK_SC';font-style:normal;font-weight:400;src:url("/cn/common/fonts/Noto_Sans_CJK_SC/NotoSansCJKsc-Regular.otf") format("truetype")}
@font-face{font-family:'Noto_Sans_CJK_SC';font-style:normal;font-weight:500;src:url("/cn/common/fonts/Noto_Sans_CJK_SC/NotoSansCJKsc-Medium.otf") format("truetype")}
@font-face{font-family:'Noto_Sans_CJK_SC';font-style:normal;font-weight:700;src:url("/cn/common/fonts/Noto_Sans_CJK_SC/NotoSansCJKsc-Bold.otf") format("truetype")}
@font-face{font-family:'Noto_Sans_CJK_SC';font-style:normal;font-weight:900;src:url("/cn/common/fonts/Noto_Sans_CJK_SC/NotoSansCJKsc-Black.otf") format("truetype")}

body {
	font-family: 'so-re', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; 
}

/*---------------------------------

  header

---------------------------------*/
.lang-and-header-links {
	position: absolute;
    top: 10px;
    right: 3%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-links-inner {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin-right: 47px;
}
.header-link-list {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
}
.header-link-list li:nth-child(2) {
	margin: 0 40px;
}
.search-button {
	margin: auto 35px 5px 0;
}
/*.g-menu .active {
	color: #333333;
}*/
@media screen and (min-width: 2561px) {
	.g-menu ul li:not(:first-child) {
		margin-left: 49.365%;
	}	
}
@media screen and (max-width: 2560px) {
	.g-menu ul li:not(:first-child) {
		margin-left: 18.91%;
	}
}
@media screen and (max-width: 1360px) {
	.g-menu ul li:not(:first-child) {
		margin-left: 6.91%;
	}
}
@media screen and (max-width: 950px) {
	.lang-and-header-links{
		display: none;
	}
	.search-button{
		margin: 0 0 0 auto;
	}
}
/*---------------------------------

  contents

---------------------------------*/
.article h1,
.article-level-3 h1 {
	font-size: 6rem;
}
.cn-min-text-p {
	font-weight: 700;
}
.sp-read-text p{
	font-size: 1.6rem;
	line-height: 2.8rem;
	font-weight: 300;
}
.primary-contained-link{
	font-size: 2.3rem;
}
@media screen and (min-width: 2561px) {
	.primary-contained-link, .primary-outline-link{
		font-size: 2.3rem;
	}
}
@media screen and (max-width: 2560px) {
	.article-level-3 .block-4k-type-25>.block-inner-box+.block-inner-box, 
	.article-level-3 .block-4k-type-45>.block-inner-box+.block-inner-box {
		margin-top: 60px;
	}
}
@media screen and (max-width: 1920px){
	header {
    padding: 70px 3% 30px;
	}
}
@media screen and (max-width: 1366px){
	.primary-contained-link {
    font-size: 1.9rem;
	}
}
@media screen and (max-width: 950px){
	.article-level-3 h1 {
		font-size: 3.7rem;
	}
	header{
		padding: 20px 0 0;
	}
	.secondary-outline-link-on-bg{
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 620px) {
	.pc-read-text{
		display: none;
	}
	.primary-contained-link{
		font-size: 1.6rem;
	}
}



/* ------------------------------------------------------------
	table
------------------------------------------------------------ */
.table-0:before, .table-1:before, .table-2:before, .table-3:before, .table-4:before, .table-5:before, .table-6:before, .table-7:before, .table-8:before, .table-9:before, .table-10:before {
	content: '';
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 8px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: calc(50% - 35px);
	left: 0;
	right: 0;
	margin: auto;
	width: 70px;
	height: 70px;
	z-index: 1; 
}
.table-0:after, .table-1:after, .table-2:after, .table-3:after, .table-4:after, .table-5:after, .table-6:after, .table-7:after, .table-8:after, .table-9:after, .table-10:after {
	content: '';
	position: absolute;
	top: calc(50% - 20px);
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/icon/swap_horiz_black_24dp.svg) no-repeat center top/cover;
	display: block;
	width: 40px;
	height: 40px;
	background-size: cover;
	z-index: 2; 
}