@charset "utf-8";
.sub_header {
	
}
#ctt h4 {
	font-size: 5.5rem;
	font-weight:400;
	line-height:1.3;
	text-align:center;
	margin-bottom:8rem;
}

.banner { 
	margin-bottom:8rem;
}

#ctt h5 {
	font-size:4rem;	
	margin-bottom:3rem;
}
.info {
	margin-bottom:7rem;
}
.info li {
	display:grid;
	grid-template-columns: 20rem 1fr;
	font-size:1.8rem;
}

.info .hd, .info .con {	
	display:grid;
	align-items:center;
	height:80px;
}
.info .hd {
	font-weight:600;
	padding:0 1.5rem;
	border-bottom:1px solid #333;
}
.info .con {
	padding:0 1.5rem 0 4rem;
	border-bottom:1px solid #ddd;
}
.info .con img{
	margin-right:1.5rem;
}
.info div.con{
	display:flex;
	gap:4rem;
	align-items:center;
}

.compose {
	overflow:auto;
	background-color:#ddd;
}
.compose .row{
	display:grid;
	grid-template-columns: 34rem 1fr;
	gap:1px;
	min-width:840px;
	font-size:1.8rem;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.compose .row > div{	
	padding:2rem 3rem;
}
.compose .head{
	border-top:2px solid #333;
	border-bottom:1px solid #333;
}
.compose .body .row div {
	background-color:#fff;
}
.compose .body .row div:first-child {
	display:flex;
	align-items:center;
	justify-content:center;
}
.compose .body .row div:last-child {
	text-align:left;
}
.compose .row ul li:last-child p {
	margin:0;
}

@media all and (max-width:720px){
	#ctt h4 {
		font-size:4rem;
	}
	.info li {
		grid-template-columns: 1fr;
	}
	.info p {
		padding-left:1.5rem;
	}
}
@media all and (max-width:380px){
	#ctt h4 br{
		display:none;
	}
}