@charset "utf-8";
.contents__title {
	color:#000;
}
.general__content {
	transform: rotate(0.03deg);
	font-size:16px;
}
@media screen and (max-width:768px){
	.general__content {
		font-size:3.2vw;
	}
}
.general__content *{
	word-break:break-all;
}
.general__content img{
	max-width:100%;
	height:auto;
	display:block;
	margin-bottom:1.5em;
}
.general__content iframe{
	max-width:100%;
}
.general__content iframe[src*="youtu"]{
	width:800px;
	height:450px;
	display:block;
	margin:2rem auto;
}
@media screen and (max-width:768px){
	.general__content iframe[src*="youtu"]{
		width:90vw;
		height:50.625vw;
	}
}
.general__content p{
	margin-bottom:2em;
}
.general__content a{
	color:var(--color-6c1);
}
.general__content h1,
.general__content h2{
	padding:28px 0;
	font-size:24px;
	font-weight:700;
	position: relative;
	margin-bottom:1em;
}
@media screen and (max-width:768px){
	.general__content h1,
	.general__content h2{
		padding:4vw 0;
		font-size:4vw;
	}
}
.general__content h1:before,
.general__content h2:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	height:6px;
	background:#000;
	border-radius: 3px;
}
@media screen and (max-width:768px){
	.general__content h1:before,
	.general__content h2:before {
		height:3px;
	}
}
.general__content h1:after,
.general__content h2:after {
	content:'';
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:6px;
	background:#000;
	border-radius: 3px;
}
@media screen and (max-width:768px){
	.general__content h1:after,
	.general__content h2:after {
		height:3px;
	}
}
.general__content h3{
	font-size:19px;
	font-weight:700;
	line-height:1.4;
	display:block;
	border-bottom:1px solid #000;
	border-left:5px solid #000;
	margin-bottom:1em;
	padding:0 5px 5px 10px;
}
.general__content h4{
	font-size:18px;
	display:table;
	border-bottom:1px solid #000;
	line-height:1.4;
	padding:2px 0 3px;
	margin-bottom:1em;
	font-weight:700;
}
.general__content h5{
	font-size:16px;
	line-height:1;
	display:table;
	background:#000;
	margin-bottom:1em;
	padding:4px 5px 3px;
	font-weight:700;
	color:#FFF;
}
.general__content h6{
	font-size:16px;
	font-weight:700;
	border-bottom:1px solid #000;
	color:#000;
	line-height:1.6;
	padding:0 0 12px;
	margin-bottom:0.5em;
}
.general__content em{
	font-style:italic
}
.general__content blockquote{
	margin:1.5em 0;
	border-left:5px solid #bbb;
	padding:1em 0 1em 10px;
	color:#666
}
.general__content blockquote p {
	margin-bottom:0;
}
.general__content blockquote p + p{
	margin-top:0.5em
}
.general__content ul,
.general__content ol{
	margin:1.2em 0 1.5em
}
.general__content ul,
.general__content ul li{
	list-style-type:disc
}
.general__content ol,
.general__content ol li{
	list-style-type:decimal
}
.general__content li{
	margin-left:1.5em
}
@media screen and (max-width:768px){
	.general__content h2{
		font-size:4vw
	}
	.general__content h3{
		font-size:4vw
	}
	.general__content h4{
		font-size:3.6vw
	}
	.general__content h5{
		font-size:3.6vw
	}
	.general__content h6{
		font-size:3.4vw
	}
	.general__content blockquote{
		padding:1em 0 1em 2vw
	}
	.general__content .general__box{
		padding:5vw;
		border:1px solid #000;
		background:rgba(255,255,255,.64);
		margin-bottom:2em;
	}
}
.special__lists {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.special__lists li {
	width:50%;
	padding:0 8px 16px;
	list-style: none;
}
@media screen and (max-width:768px){
	.special__lists li {
		width:100%;
		padding:0;
	}
}
.special__lists li a {
	display: block;
	overflow: hidden;
	border-radius: 10px;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.special__lists li a {
		border-radius: 5px;
	}
}
@media screen and (hover:hover){
	.special__lists li a:hover {
		transform:scale(1.05);
	}
}
.special__lists li a img {
	width:100%;
	display: block;
	height:auto;
	margin-bottom:0;
}
.special__listsName {
	padding:1em 0 2em;
	transform:rotate(0.03deg);
}
@media screen and (max-width:768px){
	.special__listsName {
		font-size:3.8vw;
	}
}