@charset "UTF-8";






/* pagetitle
----------------------------*/
#pagetitle .pht {
	max-width: 725px;
	margin: 50px auto 30px auto;
}
@media screen and (max-width: 767px) {
	#pagetitle .pht {
		max-width: 725px;
		margin: 10px auto 0 auto;
	}
}






/* measure-area
----------------------------*/
#measure-area .list .box {
	width: 30%;
	margin-top: 15px;
}
	#measure-area .list .box .pht {
		background: #F9F7F6;
		margin-bottom: 25px;
	}

	#measure-area .list .box .sub-txt {
		border: solid 1px #ddd;
		padding: 15px;
		font-size: 1.4rem;
	}
@media screen and (max-width: 1024px) {
	#measure-area .list .box {
		width: 30.5%;
		margin-top: 12px;
	}
		#measure-area .list .box .pht {
			margin-bottom: 22px;
		}

		#measure-area .list .box .sub-txt {
			padding: 12px;
			font-size: 1.3rem;
		}
}
@media screen and (max-width: 767px) {
	#measure-area .list {
		display: block;
	}
		#measure-area .list .box {
			width: 100%;
			margin-top: 30px;
			margin-bottom: 40px;
		}
		#measure-area .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#measure-area .list .box .pht {
				margin-bottom: 20px;
				padding: 0 20%;
			}

			#measure-area .list .box .sub-txt {
				font-size: 1.2rem;
			}
}






/* size
----------------------------*/
.size {
	background: #488299;
	padding: 60px 100px;
}
	.size h2 {
		font-size: 2.4rem;
		font-weight: 700;
		text-align: center;
		color: #fff;
		margin-bottom: 10px;
	}
	.size .txt {
		text-align: center;
		color: #fff;
		margin-bottom: 30px;
	}

	.size #error_msg {
		margin-top: 20px;
		font-size: 1.4rem;
		text-align: center;
		color: #fff;
	}

	.size .area .box {
		width: 47%;
	}
		.size .area .box h3 {
			font-size: 1.8rem;
			color: #fff;
		}

		.size .area .box .form-input {
			border: none;
			font-size: 1.6rem;
			padding: 15px;
		}

		.size .area .box span {
			display: block;
			font-size: 1.3rem;
			color: #fff;
			margin-top: 10px;
		}

.pickup {
	display: none;
	background: #F9F7F6;
	padding: 60px 100px;
}
	.pickup h2 {
		font-size: 2.4rem;
		font-weight: 700;
		text-align: center;
		margin-bottom: 20px;
	}
	.pickup .txt {
		text-align: center;
		margin-bottom: 40px;
	}

	.pickup .result .box {
		width: 47%;
		padding: 30px 50px;
		background: #fff;
		text-align: center;
	}
		.pickup .result .box .resultSize {
			background: #F9F7F6;
			padding: 15px;
			font-size: 3.0rem;
			margin-top: 20px;
			margin-bottom: 30px;
			
		}

		.pickup .result .box .btn {
			width: 100%;
			min-width: 100%;
			
		}
			.pickup .result .box .btn a {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				min-width: 100%;
				line-height: 1.3em;
			}

	.pickup .trouble {
		margin-top: 60px;
		padding-top: 50px;
		border-top: dashed 1px #ddd;
		text-align: center;
	}
@media screen and (max-width: 1024px) {
	.size {
		padding: 60px 60px;
	}
		.size h2 {
			font-size: 2.2rem;
		}

		.size .area .box h3 {
			font-size: 1.6rem;
		}

		.size .area .box span {
			font-size: 1.2rem;
		}

	.pickup {
		padding: 60px 60px;
	}
		.pickup h2 {
			font-size: 2.2rem;
		}
		.pickup .txt {
			margin-bottom: 35px;
		}

		.pickup .result .box {
			padding: 30px 40px;
		}
			.pickup .result .box .resultSize {
				padding: 12px;
				font-size: 2.6rem;
				margin-bottom: 25px;

			}

		.pickup .trouble {
			margin-top: 50px;
			padding-top: 40px;
		}
}
@media screen and (max-width: 767px) {
	.size {
		padding: 35px 30px;
	}
		.size h2 {
			font-size: 2.0rem;
		}

		.size .area {
			display: block;
		}
			.size .area .box {
				width: 100%;
			}
			.size .area .box:nth-child(1) {
				margin-bottom: 25px;
			}
				.size .area .box h3 {
					font-size: 1.5rem;
				}

				.size .area .box span {
					font-size: 1.1rem;
				}

	.pickup {
		padding: 35px 30px;
	}
		.pickup h2 {
			font-size: 2.0rem;
		}
		.pickup .txt {
			text-align: left;
			margin-bottom: 30px;
		}

		.pickup .result {
			display: block;
		}
			.pickup .result .box {
				width: 100%;
				padding: 25px 20px;
			}
			.pickup .result .box:nth-child(1) {
				margin-bottom: 15px;
			}
				.pickup .result .box .resultSize {
					padding: 8px;
					font-size: 2.4rem;
					margin-bottom: 20px;
				}
	
				.pickup .result .box .btn a {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					min-width: 100%;
					line-height: 1.3em;
					font-size: 1.4rem;
					text-indent: -22px;
				}
				.pickup .result .box .btn a:hover {
					background: #221F1D url(https://chut.itembox.cloud/item/common/img/icon_arrow_white.svg) no-repeat right 20px center;
				}

		.pickup .trouble {
			margin-top: 40px;
			padding-top: 30px;
		}
}







/* table-default
----------------------------*/
.table-default {
	max-width: 100%;
}
.table-default.mb {
	margin-bottom: 30px;
}
	.table-default th.head {
		width: 200px;
	}
	.table-default td {
		text-align: center;
	}
		.table-default td a {
			text-decoration: underline;
		}
		.table-default td a:hover {
			text-decoration: none;
		}
@media screen and (max-width: 1024px) {
	.table-default th.head {
		width: 150px;
	}
}
@media screen and (max-width: 767px) {
	.table-default.mb {
		margin-bottom: 25px;
	}
		.table-default th.head {
			width: 70px;
		}
}