@charset "utf-8";

.t_color{
	color:#82c7cd;
}

.ctt_cont0203_agree h4{
	display:grid;	
	align-items:center;
	grid-template-columns:1fr 24rem;
	gap:2rem;
	font-size:4rem;
	border-bottom:3px solid #333;
	padding-bottom:3rem;
}
.ctt_cont0203_agree h4 strong .sm{
	font-weight:500;
	font-size:2.5rem;
}
.ctt_cont0203_agree h4 p {
	font-size:1.8rem;
	font-weight:400;
	color:#333;
}
.ctt_cont0203_agree h4 p span{
	position:relative;	
}

.agreebox {
	height:400px;
	border:1px solid #ddd;
	padding:3.5rem;
	border-top:2px solid #333;
	margin-bottom:2rem;
	overflow:auto;
}
.agreebox::-webkit-scrollbar {
	background:#f0f0f0;
}
.agreebox::-webkit-scrollbar-thumb { 
	border-radius:20px;
    background-color: #333;
}

.agreebox h5 {
	font-size: 2.4rem;
    margin-bottom: 2rem;
}
.agreebox .conbox_wrap {
	margin-bottom:3rem;
	line-height: 1.75em;
}
.agreebox .conbox_wrap .toptxt {
	margin-bottom:1rem;
}
.agreebox .list_type01 li {
	position:relative;
	padding-left: 14px;
}
.agreebox .table {
	overflow:auto;
}
.agreebox table {
	width:100%;
	min-width :1080px;
	text-align: center;
	border-collapse: collapse;
}
.agreebox table th,
.agreebox table td {
	padding: 1.5rem 0;
	border-right:1px solid #ddd;
}
.agreebox table th:last-child,
.agreebox table td:last-child {
	border-right:0;
}
.agreebox table thead {
	border-top: 2px solid #333;
	border-bottom: 1px solid #333;
}
.agreebox table th.spanbd {
	border-top: 1px solid #ddd;
}
.agreebox table td {
	color: #555;
	border-bottom: 1px solid #ddd;
}

.tb_wrap {
	border-top:2px solid #333;
	margin-bottom:2rem;
	overflow:auto;
}
.tb_wrap table {
	width:100%;
	min-width:1080px;	
	text-align:left;
}
.tb_wrap tr{
	border-bottom:1px solid #ddd;
}
.tb_wrap th,
.tb_wrap td{
	padding:2rem;
	color:#333;
}
.tb_wrap th{
	font-weight:500;
	border-right:1px solid #ddd;
}
.tb_wrap td{
	font-weight:400;
	line-height:1.625em;
	background-color:#fff;
}
.tb_wrap td .dottxt{
	margin:0;
	color:#333;
}
.tb_wrap td strong{
	color:#82c7cd;
}

.agreewrap {
	position:relative;
	display:flex;
	justify-content:space-between;
	gap:2rem;
	margin:2.5rem 0 8rem;
}
.agreewrap p {
	font-size:1.8rem;
	font-weight:500;
}
.agreewrap p span {
	vertical-align:middle;
}
.agreewrap > div {
	width:31rem;
}
input + .radiobox {
	display:inline-block;
	width:15px;
	height:15px;
	padding:3px;
	border:1px solid #ddd;
	border-radius:50%;
	margin-right:5px;
	background-color:#fff;
	background-clip:content-box;
}

.btn_wrap {
	display:flex;
	justify-content:center;
	gap:1rem;
}
.btn_wrap a, .btn_wrap input {
	display: block;
    color: #333;
    max-width: 32rem;
	width:100%;
    font-weight: 500;
    font-size: 2rem;
    text-align: center;
    padding: 2rem 1rem;
    border: 2px solid #333;
    border-radius: 4rem;
	background-color:#fff;
}
.btn_wrap a:hover, .btn_wrap input:hover {
	color:#fff;
	border:2px solid transparent;
}

@media all and (max-width:1080px){
	.agreewrap {
		display:block;
	}
	.agreewrap p {
		margin-bottom:1rem;
	}
}

@media all and (max-width:720px){
	.ctt_cont0203_agree h4 {
		display:block;
	}
}