@charset "utf-8";


.intro {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 3em;
	box-sizing: border-box;
}


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


.csr {
	padding-top: 40px;
}

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

.csr-image {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.csr-image figure {
	width: 100%;
	height: 100%;
}

.csr-image canvas {
	width: 100vw;
	height: calc(100vh - 60px);
	min-height: 900px;
}

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

.section__header {
	margin-bottom: 40px;
}

.section__header-ttl {
	font-size: 2rem;
	text-align: center;
}

.section__header-ttl.h-underline {
	padding-bottom: 1.2em;
}

.section__header-ttl.h-underline:before {
	width: 100px;
}

.section__header-ttl > * {
	
}
.section__header-ttl > *:last-child {
	margin-bottom: 0;
}

.section__header-ttl .ja {
	display: block;
	font-size: 1.6rem;
}

.section__header-ttl .en {
	display: block;
	font-size: 2.5rem;
	line-height: 1.25;
	margin-bottom: 0.5em;
}

#csr-community .section__header-ttl:before {
	border-color: #eb6887;
}

#csr-international .section__header-ttl:before {
	border-color: #6b86c3;
}

#csr-environment .section__header-ttl:before {
	border-color: #6bad31;
}

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


.csr-chapter {
	margin-bottom: 60px;
}

.csr-chapter__article {
	margin-bottom: 6px;
}

.article__img {
	
}

.article__img-figure {
	margin-bottom: 2em;
	margin: 0 auto 4em;
}

.article__img-figure img {
	display: block;
	width: 100%;
}

.article__body {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.article__body .lang {
	margin-bottom: 2em;
}

.article__body .lang.ja {
	text-align: justify;
}

.article__body p {
	margin-bottom: 2em;
}
.article__body > *:last-hicld {
	margin-bottom: 0;
}

.article__ttl {
	font-size: 1.4rem;
	font-weight: 600;
}

.article__aside {
	
}

.aside__ttl {
	font-size: 1.2rem;
}

.aside__list {
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
}

.aside__list li {
	
}

.aside__list a {
	
}



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

@media screen and (min-width: 374px) {
	
}

@media screen and (min-width: 541px) {
	
}

@media screen and (min-width: 768px) {
	.intro {
		padding: 0 2em 3em;
	}
	
	.article__body {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.article__body .lang {
		width: calc(50% - 20px);
		margin-bottom: 0;
	}
	
	.article__body .lang:only-child {
		width: 100%;
	}
	
	.article__img-figure {
		margin-bottom: 3em;
	}
}

@media screen and (min-width: 1024px) {
	
	.intro {
		padding-bottom: 6em;
	}
	
	.csr {
		
	}
	
	.csr-image canvas {
		height: calc(100vh - 100px);
	}
	
	.section__header {
		margin-bottom: 80px;
	}
	
	.csr-chapter {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	
	.article__body {
		flex-direction: column;
	}
	
	/* pickup */
	.csr-chapter__article.pickup {
		width: 100%;
	}
	
	.csr-chapter__article.pickup .article__body {
		flex-direction: row;
	}
	.csr-chapter__article.pickup .article__body .lang {
		width: calc(50% - 20px);
		margin-bottom: 0;
	}
	
	
	.article__body .lang {
		width: 100%;
	}
	
	.csr-chapter__article {
		width: calc(50% - 40px);
	}
}

@media screen and (min-width: 1281px) {
	
}