@charset "utf-8";
/* ----------------------------------------------
	BURDEN GROUP CSS
------------------------------------------------- */

body {
	width: 100%;
	font-size: 14px;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	font-style: normal;
	line-height: 150%;
}
a {
	color: rgb(30, 144, 255);
	text-decoration: none;
}
a.current {
	color: #000;
	pointer-events: none;
}
header {
	width: 100%;
}
header .title-logo {
	padding: 1em 0 .5em 0;
	margin: 0 auto;
	font-family: "Archivo Black", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 10vw;
	text-align: center;
	color: #ff0000;
}
header h1 {
	width: 90%;
	font-size: .95em;
	font-weight: 700;
	margin: 0 auto 1em auto;
	text-align: center;
}
header .lang-selector {
	display:flex;
	justify-content: center;
}
header .lang-selector li {
	padding: 0 0.5em;
}
header .lang-selector li:first-child {
	border-right: 1px solid rgba(0, 0, 0, .25);
}
nav {
	padding: 1em 0;
}
nav .navi {
	display:flex;
}
nav .navi li {
	border-right: 1px dotted rgba(0, 0, 0, .5);
	padding: .5em .75em;
}
nav .navi li:last-child {
	border-right: none;
}
section {
	width: 98%;
	margin: 1.5em auto;
}
.section-header {
	width: calc(100% - 1.5em);
	padding: 1.5em .75em;
}
h2 {
	font-size: 2.00em;
	max-width: 1000px;
	padding: 0;
	margin: auto;
}
#burden h2 {
	text-shadow: 1px 1px .75px rgb(255, 0, 0);
}
#fb h2 {
	text-shadow: 1px 1px .75px #460d43;
}
#walt h2 {
	text-shadow: 1px 1px .75px rgba(131, 204, 210, 1);

}
#pank h2 {
	text-shadow: 1px 1px .75px rgba(204, 255, 51, .9);
}

.organization-description {
	max-width: 1000px;
	margin: 1em auto auto auto;
}
.section-links {
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: end;
	max-width: 1000px;
	margin: .5rem auto auto auto;
}
.section-links li {
	padding: 0 .5em;
}
.section-links li:first-child {
	border:none;
}
ul.my_section {
	width: 94%;
	max-width: 900px;
	margin: 1rem auto 2.0rem auto;
}
ul.my_section li {
	padding: .75rem 0;
}
ul.my_section li .section-title {
	font-size: 1.25em;
	font-weight: 700;
	padding: .25em 0;
	line-height: 130%;
}
ul.my_section li .section-title a {
	color: #000;
}
ul.my_section li .section-title span::before {
	content: "\f0c1";
	font-family: "Font Awesome 7 Free";
	font-weight: 700;
	font-size: .75em;
	margin-right: .35em;
	color: #ccc;
}
ul.my_section li .contact {
	margin: 0.25em 0 0.25em .25em;
	font-size: 1.15em;
}
ul.my_section li .contact i {
	margin-right: .5em;
}

#burden .section-header {
	border-top: 5px solid rgba(255, 0, 0, .35);
	border-bottom: 1px dashed rgba(255, 0, 0, .85);
}
#fb .section-header {
	border-top: 5px solid rgba(70, 13, 67, .35);
	border-bottom: 1px dashed rgba(70, 13, 67, .85);
}
#walt .section-header {
	border-top: 5px solid rgba(131, 204, 210, .55);
	border-bottom: 1px dashed rgba(131, 204, 210, .85);
}
#pank .section-header {
	border-top: 5px solid rgba(204, 255, 51, .55);
	border-bottom: 1px dashed rgba(204, 255, 51, .85);
}

.corporate-site {
	font-weight: 400;
}
.corporate-site span::before {
	content: "\f0c1";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	font-size: .75em;
	margin-right: .35em;
	color: #ccc;
}

footer {
	padding: 1em;
	text-align: right;
}

@media screen and (min-width: 768px) {
	header .title-logo {
		font-size: 4.8rem;
		padding-top: .65em;
	}
	.section-links {
		flex-direction: row;
	}
	.section-links li {
		border-left: 1px solid rgba(0, 0, 0, .25);
	}
}
@media screen and (min-width: 1100px) {
	header .title-logo {
		font-size: 7.5rem;
	}
}

ul.my-sns {
	display: flex;
	flex-wrap: wrap;
}
ul.my-sns li {
	padding: .25em 1em .25em .5em;
}
ul.my-sns li a::before {
	display: inline-block;
	font-family: "Font Awesome 7 Brands";
	font-weight: 400;
	margin-right: .5em;
}
ul.my-sns li a.instagram::before {
	content: "\f16d";
}
ul.my-sns li a.x::before {
	content: "\e61b";
}
ul.my-sns li a.facebook::before {
	content: "\f082";
}
ul.my-sns li a.tiktok::before {
	content: "\e07b";
}
ul.my-sns li a.youtube::before {
	content: "\f167";
}