body,html{background-color: #fff; font-family:Futura Std; padding-top: 1.2rem;}
h1{margin: 0.8rem 0; padding: 0; font-size: 1.3rem; font-weight: bold; line-height: 180%;}
h2{margin: 0.8rem 0; padding: 0; font-size: 1.3rem; font-weight: bold; line-height: 180%;}
h3{margin: 0.8rem 0; padding: 0; font-size: 1.2rem; font-weight: bold; line-height: 180%;}
p{margin: 0.8rem 0; padding: 0; font-size: 1.2rem; line-height: 180%;}
ul>li{margin: 0.8rem 0; padding: 0; font-size: 1.3rem; line-height: 180%;}
ol>li{margin: 0.8rem 0; padding: 0; font-size: 1.3rem; line-height: 180%;}


#header{background-color: #DB3738; color: #fff; padding: 0.2rem 0;}


.category-4 img{width: 80%;}
.category-2 img{width: 40%;}


.namecard-img{width: 100%;}
.detail-content1 img{width: 100%;}
.detail-content1 table {width: 100%;}
.detail-content1 table td {border: 0.1rem solid #ccc; padding: 0.5rem; word-wrap: break-word;}
.detail-content1 video {width: 100%;}
.detail-content1 p {font-size: 1.3rem; word-break: break-all; white-space: normal;}
.detail-content2 img{width: 100%;}
.detail-content2 table {width: 100%;}
.detail-content2 table td {border: 0.1rem solid #ccc; padding: 0.5rem; word-wrap: break-word;}
.detail-content2 video {width: 100%;}
.detail-content2 p {font-size: 1.3rem; word-break: break-all; white-space: normal;}
.detail-content3 img{width: 100%;}
.detail-content3 table {width: 100%;}
.detail-content3 table td {border: 0.1rem solid #ccc; padding: 0.5rem; word-wrap: break-word;}
.detail-content3 video {width: 100%;}
.detail-content3 p {font-size: 1.3rem; word-break: break-all; white-space: normal;}
.detail-content1 p iframe{margin: 0 auto; display: block;}


#footer{background-color: #DB3738; color: #fff;}


@media (min-width: 576px) {
	#nav img{
		width: 90%;
	}
	.category-4 img{
		width: 70%;
	}
	.category-2 img{
		width: 35%;
	}
	.namecard-img{
		width: 90%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content1 img{
		width: 90%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content2 img{
		width: 90%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content3 img{
		width: 90%;
		display: block;
		margin: 2rem auto;
	}
}


@media (min-width: 768px) {
	#nav img{
		width: 80%;
	}
	.category-4 img{
		width: 60%;
	}
	.category-2 img{
		width: 30%;
	}
	.namecard-img{
		width: 80%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content1 img{
		width: 80%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content2 img{
		width: 80%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content3 img{
		width: 80%;
		display: block;
		margin: 2rem auto;
	}
}


@media (min-width: 992px) {
	#nav img{
		width: 70%;
	}
	.category-4 img{
		width: 50%;
	}
	.category-2 img{
		width: 20%;
	}
	.namecard-img{
		width: 70%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content1 img{
		width: 70%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content2 img{
		width: 70%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content3 img{
		width: 70%;
		display: block;
		margin: 2rem auto;
	}
}


@media (min-width: 1200px) {
	#nav img{
		width: 50%;
	}
	.category-4 img{
		width: 40%;
	}
	.category-2 img{
		width: 20%;
	}
	.namecard-img{
		width: 60%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content1 img{
		width: 60%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content2 img{
		width: 60%;
		display: block;
		margin: 2rem auto;
	}
	.detail-content3 img{
		width: 60%;
		display: block;
		margin: 2rem auto;
	}
}