/* CSS Document */
.wrapper-cu {
	max-width: 1200px;
	margin: 0 auto 50px;
	color: #3d3d3d;
}
.wrapper-cu p {
	margin: 1rem;
}
.main-column-cu {
	display: flex;
	margin-bottom: 50px;
}
.column-inner-cu {
	width: 50%;
	text-align: center;
}
.wrapper-cu a p {
	border: 1px solid #3d3d3d;
	padding: 10px 30px;
	margin: 10px;
	transition: .3s;
	text-decoration: none;
}
.wrapper-cu a p:hover {
	background: #3d3d3d;
	color: #fff;
	text-decoration: none;
}
.column-inner-cu a {
	text-decoration: none;
}
/*************table***************/
.wrapper-cu table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 50px;
}
.wrapper-cu tr {
	border-bottom: 1px solid #c3c6c8;
}
.wrapper-cu tr th:first-of-type {
	text-align: left;
	border-right: 1px solid #c3c6c8;
	border-left: 1px solid #c3c6c8;
	padding: 10px 15px;
	background: #fff;
	color: #1fc2de;
	width: 300px;
}
.wrapper-cu tr th:first-of-type a {
	padding: 10px 15px;
	background: #1fc2de;
	color: #fff;
	text-decoration: none;
	width: 230px;
	display: inline-block;
	font-weight: bold;
	box-shadow: 0 2px 4px #9d9d9d;
	transition: .3s;
}
.wrapper-cu tr th:first-of-type a:hover {
	box-shadow: none;
}
.wrapper-cu tr:first-of-type th {
	border-top: 1px solid #c3c6c8;
	border-right: 1px solid #c3c6c8;
	background: #e9fdff;
	color: #3d3d3d;
	text-align: center;
	font-weight: bold;
}
.wrapper-cu tr:first-of-type th:first-of-type {
	text-align: center;
	
}

.wrapper-cu tr td {
	border-right: 1px solid #c3c6c8;
	padding: 10px 15px;
}
.wrapper-cu tr td:first-of-type {
	width: 500px;
}
.wrapper-cu p a,.wrapper-cu td a {
	text-decoration: underline;
	color: #1fc2de;
}
/*********スマホ版CSS*********/
@media(min-width:1100px) {
	.main-column-cu .column-inner-cu br {
		display: none; 
	}
}
@media(max-width:1200px) {
	.wrapper-cu tr th:first-of-type {
		width: 30%;
	}
	.wrapper-cu tr th:first-of-type a {
		width: 90%;
	}
	.wrapper-cu tr td:first-of-type {
		width: 40%;
	}
	table {
		font-size: 1.3vw;
	}
	.wrapper-cu tr td {
		vertical-align: middle;
	}
}
@media(min-width:768px) {
	.sp-cu-group {
		display: none;
	}
}
@media(max-width:767px) {
	.column-inner-cu:nth-of-type(2) p br {
		display: none;
	}
	.wrapper-cu h2,.wrapper-cu h3 {
		border: none;
	}
	.wrapper-cu table {
		display: none;
	}
	.sp-cu-group div {
		border: 1px dashed #3e3e3e;
		padding: 10px 0;
		margin: 10px;
		text-align: center;
	}
	.sp-cu-group div h3 a {
		padding: 10px 15px;
		background: #1fc2de;
		color: #fff;
		width: 290px;
		text-decoration: none;
		display: inline-block;
		font-weight: bold;
		box-shadow: 0 2px 4px #9d9d9d;
		transition: .3s;
	}
	.sp-cu-group div p {
		font-weight: bold;
		margin: 1rem 1rem 0.5rem;
	}
	.sp-cu-group div ul {
		display: inline-block;
		text-align: left;
	}
	.sp-cu-group div ul li {
		padding: 0 15px;
	}
	.sp-cu-group div ul li::before {
		content: "・";
		color: #3d3d3d;
	}
	.sp-cu-group li a {
		text-decoration: underline;
    	color: #1fc2de;
	}
}
@media(max-width:650px) {
	.main-column-cu {
		display: flex;
		margin-bottom: 50px;
		flex-direction: column;
	}
	.column-inner-cu {
		width: 100%;
	}
}






























