@charset "utf-8";
/* CSS Document */

#main{
}

#main .container{
}

#title_box {
	margin: 4% 0 0;
}

#title_box ul {
}

#title_box li {
	display: inline-block;
	width: 30%;
	margin:0.5%;
	font-size:1.13rem;
}

#title_box li a {
	text-decoration: none;
	display:block;
	transition: 0.5s;
	padding:5%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.group {
	padding: 10% 0 0;
}

.group_ttl{
	font-size:1.66rem;
	padding:2% 0;
	letter-spacing: 0.1rem;
	margin: 0 0 4%;
}

#question_box{
}

.list{
    text-align:left;
    margin: 0 0 6%;
}

#main .inner {
	margin: 4% 10%;
}

.number{
	letter-spacing: 0.1rem;
	font-size: 0.88rem;
}

.title{
	font-size:1.33rem;
}
			
#main .comment{
}

/* =============================================================================
   Device
   ========================================================================== */

@media screen and (max-width: 768px){	
	#title_box{
		margin: 6% 0 10%;
	}	
	
	#title_box li{
		font-size: 0.88rem;
		width: 48%;
	}
	
	.group {
		padding: 0 0 4%;
	}
	
	.group_ttl{
		font-size: 1rem;
		padding: 6% 0;
	}
	
	#main .inner {
		margin: 4% 0 20%;
	}
	
	.number{
		font-size: 0.78rem;
		margin: 0 0 4%;
	}
	
	.title{
		font-size: 1rem;		
	}	
}