/*style.css--------------------------------*/
main{
	/*width:90%;
	margin:0 auto;
	max-width:1280px;*/

	font-size:18px;
	margin-bottom:100px;
}

/*ランダム問題-------------------------------*/
.CSeRandom{
	width:90%;
	margin:0 auto;
	max-width:1280px;
}
.CSeRandom h2{
    margin: 100px 0 13px;
    font-size:20px;
    font-weight: 700;
    letter-spacing: 0.03em;
	color:#555555;
}
.CSeRandom .CCardCo{
	gap:12px;
	margin-top:30px;
	display:grid;
	grid-template-columns: repeat(2, 1fr); /* 横幅があれば3列 */
	/*grid-template-columns: 1fr;*/       /* モバイル1列 */
}
.CSeRandom .CCard{
	border-radius:20px;
	border: 1px solid rgb(200 200 230);
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
    padding:30px;
    text-decoration:none;
}
.CSeRandom .CCard img{
	width:50px;
	height:50px;
}
.CSeRandom .CCardName{
	font-size:24px;
	font-weight:500;
	color:rgb(40 150 200);
	margin-left:20px;
}
@media only screen and (max-width:960px){/*スマホ対応*/
	.CSeRandom .CCardCo{
		grid-template-columns: repeat(1, 1fr); /*モバイル１列*/
	}
	.CSeRandom .CCard img{
		width:40px;
		height:40px;
	}
}

/*問題一覧---------------------------------------------------------------------------------------------*/
.CSeQuestionList{
	width:90%;
	margin:0 auto;
	max-width:1280px;
}
.CSeQuestionList h2{
    margin: 50px 0 13px;
    font-size:20px;
    font-weight: 700;
    letter-spacing: 0.03em;
	color:#555555;
}
.CSeQuestionList .CCardCo{
	gap:12px;
	margin-top:30px;
	display:grid;
	grid-template-columns: repeat(2, 1fr); /* 横幅があれば3列 */
	/*grid-template-columns: 1fr;*/       /* モバイル1列 */
}
.CSeQuestionList .CCard{
	border-radius:20px;
	border: 1px solid rgb(200 200 230);
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
    padding:30px;
    text-decoration:none;
}
.CSeQuestionList .CCard img{
	width:50px;
	height:50px;
}
.CSeQuestionList .CCardName{
	font-size:24px;
	font-weight:500;
	color:rgb(40 150 200);
	margin-left:20px;
}
@media only screen and (max-width:960px){/*スマホ対応*/
	.CSeQuestionList .CCardCo{
		grid-template-columns: repeat(1, 1fr); /*モバイル１列*/
	}
	.CSeQuestionList .CCard img{
		width:30px;
		height:30px;
	}
}

/*このサイトについて---------------------------------------------------------------------------------------------*/
.CSeAbout{
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 20px;
	margin-top:100px;
}
/*.CSeAbout h2{
    margin: 0 0 13px;
    font-size:20px;
    font-weight: 700;
    letter-spacing: 0.03em;
}*/
.CSeAbout .CCard{
	border-radius:20px;
	border: 1px solid rgb(200 200 230);
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
    padding:30px;
    text-decoration:none;
}
.CSeAbout h2{
    margin-bottom: 20px;
    font-size: 18px;
	font-weight:700;
    color: #555555;
}
.CSeAbout .CIndexList{
	display:flex;
	flex-flow:column;
	line-height:1.6;
	font-size:18px;
}
.CSeAbout li{
	list-style-type:disc;
	margin-left:24px;
}

/*.CSeAbout p{
	font-size:18px;
	line-height:1.6;
	margin-left:30px;
	margin-right:30px;
}*/

/*余白----------------------------------------------------------*/
/*.CYohaku{
	height:150px;
	background-color:rgb(200 240 240);
}*/