@charset "UTF-8";



/* mainTitle
--------------------- */
#mainTitle {
	background: url("../img/about/title.svg") no-repeat center top;
}

#read {
	position: relative;
}
	#read dl {
		
		font-size: 3rem;
		font-weight: bold;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#read dl .text-combine {
		left: -7px;
	}
	#read dl dt  {
		margin-left: 50px;
			color: #526e43;
	}
		#read dl dt h3  {
			font-size: 5rem;
		}
		#read dl dt strong  {
			color: #526e43;
		}
	#read dl dd  {
		font-size: 2rem;
	}
#read p {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
}
	#read p img {
		width: 100%;
		height: auto;
		border-radius: 20px;
	}


.article {
	margin-bottom: 200px;
}

	.article table {
		font-size: 1.8rem;
		text-align: left;
	}
	.article table th {
		color: #526e43;
		border-bottom: solid 1px #d6d6d6;
		padding: 20px 0;
	}
	.article table td {
		border-bottom: solid 1px #d6d6d6;
		padding: 20px 0;
	}


/* 1200px */
@media screen and (max-width: 1200px) {



}





/* max 1023px */
@media screen and (max-width: 1023px) {

/* mainTitle
--------------------- */
#mainTitle {
	background: url("../img/about/title.svg") no-repeat left top;
	background-size: 130%;
}
	
#read {
	position: relative;
}
	#read dl {
		
		font-size: 3rem;
		font-weight: bold;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#read dl .text-combine {
		left: -7px;
	}
	#read dl dt  {
		margin-left: 30px;
			color: #526e43;
	}
		#read dl dt h3  {
			font-size: 5rem;
		}
		#read dl dt strong  {
			color: #526e43;
		}
	#read dl dd  {
		font-size: 2rem;
	}
#read p {
	border-radius: 20px;
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
}


.article {
	margin-bottom: 15%;
}

	.article table {
		font-size: 1.8rem;
		text-align: left;
	}
	.article table th {
		display: block;
		width: 100%;
		color: #526e43;
		border-bottom: none;
		padding: 20px 0 0px 0;
	}
	.article table td {
		display: block;
		width: 100%;

		border-bottom: solid 1px #d6d6d6;
		padding: 0px 0 20px 0;
	}
	
}