/*フォントサイズ　→ デザイン全てptのためpx換算*/

.rcs-tatami {
	width:96%;
	max-width:1000px;
	margin:100px auto 0;
}

.rcs-tatami h2 {
	display:block;
	margin-bottom:60px;
}

.rcs-tatami h3 {
	display:block;
	width:100%;
	margin-bottom:25px;
	padding:30px 0;
	background:#1e80c7;
	border-radius:10px;
	font-size:calc(20px * 1.33);
	color:#ffffff;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
}

.rcs-tatami h4 {
	display:block;
	width:76.5%;
	margin:0 auto 35px;
	padding:20px 0;
	background:#d77d1a;
	border-radius:10px;
	font-size:calc(20px * 1.33);
	color:#ffffff;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
}

.rcs-tatami h5 {
	display:block;
	width:100%;
	margin-bottom:30px;
	font-size:calc(18px * 1.33);
	color:#1e80c7;
	line-height:1.5;
	font-weight:bold;
	text-align:left;
}


.rcs-tatami article {
	display:block;
	width:100%;
	margin-bottom:80px;
}
	.rcs-tatami article p {
		margin-bottom:65px;
		font-size:calc(16px * 1.33);
	}
		.rcs-tatami article p span {
			color:#e72340;
		}

	.rcs-tatami article:nth-of-type(1) dl,
	.rcs-tatami article:nth-of-type(2) dl {
		width:100%;
		margin:0 auto;
	}
		.rcs-tatami article:nth-of-type(1) dl dt,
		.rcs-tatami article:nth-of-type(2) dl dt {
			width:100%;
			margin-bottom:60px;
			font-size:calc(22px * 1.33);
			color:#b66400;
			line-height:1.5;
			font-weight:bold;
			text-align:center;
		}
		.rcs-tatami article:nth-of-type(1) dl dd {
			width:77%;
			margin:0 auto 70px;
		}
		.rcs-tatami article:nth-of-type(2) dl dd {
			width:100%;
			margin:0 auto 70px;
		}

	.rcs-tatami article:nth-of-type(1) div {
		width:100%;
		margin:0 auto 30px;
		padding:40px 0 130px;
		background:url("../images/risora-customstyle/tatami/arrow.png") center top no-repeat;
		background-size:auto 100%;
		font-size:calc(22px * 1.33);
		color:#b66400;
		font-weight:bold;
		text-align:center;
	}

	.rcs-tatami article:nth-of-type(1) p:nth-of-type(2) {
		font-size:calc(18px * 1.33);
		text-align:center;
	}
		.rcs-tatami article:nth-of-type(1) p:nth-of-type(2) img { margin-top:25px; }

	.rcs-tatami article:nth-of-type(1) ul {
		display:flex;
		justify-content:space-between;
		width:100%;
		margin:0 auto;
	}
		.rcs-tatami article:nth-of-type(1) ul li {
			width:32.5%;
			margin:0 auto;
		}
			.rcs-tatami article:nth-of-type(1) ul li dl {
				width:100%;
				margin:0 auto;
			}
				.rcs-tatami article:nth-of-type(1) ul li dl dt {
					margin-bottom:15px;
				}
				.rcs-tatami article:nth-of-type(1) ul li dl dd {
					width:100%;
					margin-bottom:0;
					font-size:calc(16px * 1.33);
					line-height:1.5;
					text-align:center;
				}


	.rcs-tatami article:nth-of-type(2) section {
		width:100%;
		padding:34px 54px;
		border:solid 1px #659fdd;
		box-sizing:border-box;
	}
		.rcs-tatami article:nth-of-type(2) section p {
			margin-bottom:45px;
			font-size:calc(16px * 1.33);
		}
		.rcs-tatami article:nth-of-type(2) section table {
			width:100%;
			margin:0 auto 35px;
			border-collapse:collapse;
		}
			.rcs-tatami article:nth-of-type(2) section table caption {
				width:100%;
				margin-bottom:30px;
				font-size:calc(16px * 1.33);
				color:#333333;
				line-height:1.5;
				font-weight:normal;
				text-align:left;
			}
			.rcs-tatami article:nth-of-type(2) section table th {
				padding:35px 0 25px;
				background:#d2e1f3;
				border:solid 2px #ced3d8;
				font-size:calc(16px * 1.33);
				line-height:1.0;
				text-align:center;
				box-sizing:border-box;
				vertical-align:middle;
			}
			.rcs-tatami article:nth-of-type(2) section table td {
				padding:35px 0 25px;
				background:#ffffff;
				border:solid 2px #ced3d8;
				font-size:calc(16px * 1.33);
				line-height:1.0;
				text-align:center;
				box-sizing:border-box;
				vertical-align:middle;
			}
				.rcs-tatami article:nth-of-type(2) section table td sup {
					font-size:calc(10px * 1.33);
					vertical-align:text-top;
				}
			/*幅設定*/
			.rcs-tatami article:nth-of-type(2) section table th:nth-of-type(3n-2) { width:12%; }
			.rcs-tatami article:nth-of-type(2) section table th:nth-of-type(3n-1) { width:44%; }
			.rcs-tatami article:nth-of-type(2) section table th:nth-of-type(3n) { width:44%; }

			/*文字装飾設定*/
			.rcs-tatami article:nth-of-type(2) section dl dd:nth-of-type(3n-2) { font-weight:bold; }

		.rcs-tatami article:nth-of-type(2) section dl {
			display:flex;
			align-items:center;
			width:100%;
			margin:0 auto 75px;
			vertical-align:middle;
		}
			.rcs-tatami article:nth-of-type(2) section dl dt {
				position:relative;
				width:35%;
				margin-right:2.7%;
				margin-bottom:0;
				padding:15px 0;
				background:#d2e1f3;
				border-radius:30px;
				font-size:calc(16px * 1.33);
				color:#5395d0;
				line-height:1.0;
				font-weight:bold;
				text-align:center;
			}
			.rcs-tatami article:nth-of-type(2) section dl dt:before {
				content:'';
				position:absolute;
				display:block;
				width:12.5%;
				height:176px;
				top:-174px;
				left:45%;
				background:url("../images/risora-customstyle/tatami/arrow01.png") center center no-repeat;
				background-size:100% 100%;
			}
			.rcs-tatami article:nth-of-type(2) section dl dd {
				width:62.3%;
				margin:0 auto;
				font-size:calc(20px * 1.33);
				color:#5395d0;
			}
				.rcs-tatami article:nth-of-type(2) section dl dd span {
					position:relative;
					display:inline-block;
					margin:0 20px;
					padding:10px 12px;
					border:solid 2px #5395d0;
				}
				.rcs-tatami article:nth-of-type(2) section dl dd span:nth-of-type(1) {
					padding:10px 20px;
				}
				.rcs-tatami article:nth-of-type(2) section dl dd span:nth-of-type(1):before {
					content:'';
					position:absolute;
					display:block;
					width:266px;
					height:77px;
					bottom:-77px;
					left:-220px;
					background:url("../images/risora-customstyle/tatami/arrow02.png") center center no-repeat;
					background-size:100% 100%;
				}
				.rcs-tatami article:nth-of-type(2) section dl dd span:nth-of-type(2):before {
					content:'';
					position:absolute;
					display:block;
					width:31px;
					height:77px;
					bottom:-77px;
					left:28%;
					background:url("../images/risora-customstyle/tatami/arrow03.png") center center no-repeat;
					background-size:100% 100%;
				}

		.rcs-tatami article:nth-of-type(2) section ul {
			display:flex;
			justify-content:space-between;
			width:100%;
			margin:0 auto;
		}
			.rcs-tatami article:nth-of-type(2) section ul li {
				position:relative;
				width:49%;
				padding:20px;
				border:dotted 2px #5396d1;
				box-sizing:border-box;
				font-size:calc(15px * 1.33);
			}

	.rcs-tatami article:nth-of-type(3) p:nth-of-type(1) {
		margin-bottom:30px;
	}