html, body, div, span, h1, h2, p, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

*, *:after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




body {font-family: 'Fira Sans', sans-serif;}
ul {
	margin-top: 0; padding-left: 22px;
}
li {
	padding-bottom: 15px;
}
a {
	text-decoration: none;
	color: #1a1a1a;
}



html, body {
	height: 100%;
	font-family: 'Fira Sans', sans-serif;
}



.layout_main {width: 100%; max-width: 1296px; margin-left: auto;	margin-right: auto;}

.article_layout .layout_main {width: 100%; max-width: 1296px;}

.main_logo_link {display: block; margin: 0 auto ; width: 230px; padding-top: 15px;}

.main_logo_link img {width: 100%; height: auto;}

.header_bg {
height: 330px;
background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(191,56,61,1) 0%, rgba(191,56,61,0) 100%);
	position: absolute; top: 0; left: 0; width: 100%;
}

.header {position: relative;}

.header_body {position: relative; z-index: 2;}

.header .layout_main {text-align: center;}

.special_header {font-size: 18px; font-family: 'Fira Sans Extra Condensed', sans-serif;text-transform: uppercase; padding-top: 8px;}

.header_header {font-size: 80px; line-height: 1em; font-family: 'Fira Sans Extra Condensed', sans-serif; padding-top: 16px;}

.header_subheader {font-size: 36px; color: #b71f25; line-height: 1em; font-family: 'Fira Sans Extra Condensed', sans-serif; padding-top: 16px; padding-bottom: 16px;}

.section_main {display: flex; flex-direction: row; flex-wrap: wrap;}

.section_main_text {width: 33.333333%; padding: 24px; font-size: 19px; display: flex; align-items: center;}

.section_main_text p {padding: 12px 0;}

.section_main_pic {width: 66.666666%; padding: 24px;}

.section_main_pic img {width: 100%; height: auto;}


.section_contents {display: flex; flex-direction: row; flex-wrap: wrap;}
.contents_item {width: 33.333333%; padding: 0 24px 12px 24px; font-size: 19px; color: #b72025; border-right: #b72025 1px solid; margin-bottom: 42px; position: relative; display: flex;}

.contents_item > span {width: 30px; display: inline-block;}

.contents_item > span:after {content: "."}

.contents_item:after {
    border-bottom: 1px solid #b72025;
    border-top: 20px solid #fff;
    bottom: auto;
    content: "";
    height: 21px;
    left: 0px;
    position: absolute;
    top: auto;
    width: 100%;
    bottom: -20px;
}


.section_contents .contents_item:nth-child(3n+3) {border-right: none;}

.section_contents .contents_item:nth-child(3n+3):after {width: calc(100% - 20px); margin-left: -1px;}

.section_contents .contents_item:nth-child(3n+1):after {width: calc(100% - 20px); margin-left: 22px;}


.contents_item a {display: block; font-weight: bold; color: #b72025; /*margin-top: 12px;*/ width: calc(100% - 30px);}

.section_card {padding: 33px 24px 24px 24px;}

.w_line {border-top: #fff 1px solid; margin-top: -23px; position: relative; z-index: 10;}

.card_title {line-height: 1em; font-family: 'Fira Sans Extra Condensed', sans-serif; font-size: 54px;}

.card_text {column-count: 3; column-gap: 42px; font-size: 19px; column-rule: 1px solid #b72025;}
.card_text_1 {width: 33.333333%;}
.card_text p, .card_text_1 p {padding-bottom: 24px;}

.card_text a {box-shadow: inset 0 -2px #b72025;}

.card_img {position: relative; margin-bottom: 24px;}
.card_img img {width: 100%; height: auto; vertical-align: bottom;}

.g_l {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(191,56,61,1) 0%, rgba(191,56,61,0) 37%);}
.g_r {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(-90deg, rgba(2,0,36,1) 0%, rgba(191,56,61,1) 0%, rgba(191,56,61,0) 37%);}
.g_b {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(191,56,61,1) 0%, rgba(191,56,61,0) 37%);}

.card_text_c {display: flex;}
.card_text_c3 {width: 33.333333%; padding-right: 21px;}
.card_text_c6 {width: 66.666666%; padding-left: 21px; border-left: #b72025 1px solid;}

.card_text_c .card_img {margin-bottom: 0;}
.card_text_c3 p:last-child {padding-bottom: 0}

.card_text_c {
    column-count: 1;
    column-gap: 0;
}

.contents_title {color: #b71f25; margin: 25px 12px 25px 12px; font-family: 'Fira Sans Extra Condensed', sans-serif; font-size: 24px; text-align: center; text-transform: uppercase;}

.authors {font-family: 'Fira Sans Extra Condensed', sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; padding: 24px;}

.copy {font-size: 18px; font-weight: 400; padding: 24px 0; margin-left: 24px; margin-right: 24px; margin-top: 50px; border-top: #b72025 1px solid;}

.back_top {
    display: block;
    font-size: 24px;
    width: 71px;
    height: 71px;
    border: #b71f25 1px solid;
	background: #fff;
    border-radius: 50%;
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    transition: all 0.3s ease-out;
}

.header_lang {font-zie: 14px; font-weight: bold;}


@media screen and (max-width: 920px) {
	.header_header {
    font-size: 60px; padding-left: 24px; padding-right: 24px;
}
	.section_main_pic {order: 1; width: 100%;}
	.section_main_text {order: 2; width: 100%;}
	
.contents_item {width: 100%;}
	
.section_contents .contents_item {border-right: none;}

	.contents_item {padding-bottom: 0;}
.section_contents .contents_item:nth-child(3n+1):after {
    width: calc(100% - 44px);
	margin-left: 22px;
}
	.section_contents .contents_item:nth-child(3n+2):after {
    width: calc(100% - 44px);
		margin-left: 22px;
}
		.section_contents .contents_item:nth-child(3n+3):after {
    width: calc(100% - 44px);
		margin-left: 22px;
}
	
	.card_text {
    column-count: 2;
}
	.card_text_c3, .card_text_c6 {
    width: 50%;
}
	
	.header_subheader {padding-left: 24px; padding-right: 24px;}
	
.card_title {
margin: 25px 0;
    font-size: 42px;
}
	
	.card_text_1 {width: 50%;}
	
}


@media screen and (max-width: 640px) {
	
		.card_text {
    column-count: 1;
}
		.card_text_c3, .card_text_c6 {
    width: 100%; padding-left: 0; padding-right: 0; border: none;
}
	
	.card_text_c6 {margin-top: 24px;}
	
	.card_text_c {flex-direction: column;}
	
	.section_card {
    padding: 24px 24px 12px 24px;
}
	
	.card_text_1 {width: 100%;}
	
}

@media screen and (max-width: 520px) {
	
.header_header {
    font-size: 48px;
}
	
.header_subheader {
    font-size: 28px;
}
	
	.card_title {
    margin: 21px 0;
    font-size: 38px;
}
	
.main_logo_link {
    width: 200px;
}
	
.special_header {
    font-size: 16px;
padding-left: 20px; padding-right: 20px;
}
	
	.contents_item {
    margin-bottom: 32px;
}
	
	.contents_item:after {
    bottom: -16px;
}
	
}