@charset "utf-8";

/* category.css */

main h2 {
	padding:0 0 10px 0;
	font-size:1.25rem;
	font-weight:normal;
	color:#231815;
}

main p {
	padding:0 0 1em 0;
	line-height:1.7em;
}

/* 学部 */
.faqBox {
	padding:0 0 30px 0;
	border-top:#d8d6d6 1px solid;
}
.faqBox dt {
    position: relative;
	display:block;
	cursor:pointer;
	padding:10px 30px 10px 20px;
	border-bottom:#d8d6d6 1px solid;
	border-right:#d8d6d6 1px solid;
	border-left:#d8d6d6 1px solid;
}

.faqBox dt.active {
	background-color:#e5f1fa;
	background-color:#d8f3fc;
	background-color:#bfebfb;
}

.faqBox dt i {
    position: absolute;
	right: 10px;
	font-size:24px;
	color:#b6b6b6;
    transition: all 0.2s ease-in-out 0s;
}

.faqBox dt i.fa {
	padding-right:0;
}

.faqBox dt.active i {
	transform: rotate(180deg);
}

.faqBox dt.cat_cs {
	border-left:18px solid #a0cf8e;
}

.faqBox dt.cat_cs::before {
	content:"情報科学科";
	width:10em;
	display:inline-block;
}

.faqBox dt.cat_ns {
	border-left:18px solid #7ab8e5;
}

.faqBox dt.cat_ns::before {
	content:"自然科学科";
	width:10em;
	display:inline-block;
}

.faqBox dt.cat_cn {
	border-left:18px solid #e8ba73;
}

.faqBox dt.cat_cn::before {
	content:"情報通信工学科";
	width:10em;
	display:inline-block;
}

.faqBox dt.cat_ims {
	border-left:18px solid #e5829d;
}

.faqBox dt.cat_ims::before {
	content:"経営システム工学科";
	width:10em;
	display:inline-block;
}

.faqBox dd {
	display:none;
	padding:10px 20px 10px 50px;
	background:#f2f2f2;
	border-bottom:#d8d6d6 1px solid;
	word-break:break-all;
}

.faqBox dd em {
	display:inline-block;
	margin-left:-3ex;
	width:3ex;
}

.faqBox dd ol {
	padding:0 0 1em 1.5em;
	list-style:decimal outside;
}

.faqBox dd ol li {
	padding:0 0 0.5em 0;
}

.faqLink {
	padding:0 0 20px 0;
	border-top:#d8d6d6 1px solid;
}

.faqLink dl {
	display:table;
	width:100%;
	border-right:#d8d6d6 1px solid;
	border-bottom:#d8d6d6 1px solid;
	border-left:#d8d6d6 1px solid;
	box-sizing:border-box;
}

.faqLink dt {
	display:table-cell;
	width:30%;
	padding:10px 0 10px 20px;
	background-color:#e2e6e8;
}

.faqLink dd {
	display:table-cell;
	width:70%;
	padding:10px 0 10px 20px;
}

@media only screen and (max-width: 640px) {

#mainInr {
	margin: 0 auto;
	width: 94%;
}

main h2 {
	padding:0 0 10px 0;
	font-size:1.25rem;
}

.faqBox dt::before {
	display:block !important;
}

.faqLink dl {
	display: block;
	margin-bottom: 10px;
}

.faqLink dt {
	box-sizing: border-box;
	display: block;
	padding: 10px;
	width: 100%;
}

.faqLink dd {
	box-sizing: border-box;
	display: block;
	padding: 10px;
	width: 100%;
	word-break:break-all;
}

}