<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*
	TOP—p‚Ì
*/
#header-img {
	background-image:url(/aras/images/top/main_background.jpg);
	background-size: cover;
	background-position: center center;
	width: 100%;
	text-align:center;
	box-sizing:border-box;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#header-img .a-button {
	margin: 0  !important;
	width:30%;
}

#header-img p {
	margin: 0em auto;
	padding-bottom: 20px;
}

#header_text {
	margin: 40px auto 40px auto;
	width:1000px;
	text-align:left;
	box-sizing:border-box;
	filter: drop-shadow(0 0 10px #000);
}

#header_text h1 {
	line-height: 2em;
	color: #FFF;
	letter-spacing: 2px;
	font-size:28px;
	filter: drop-shadow(0 0 10px #000);
}

#contents article:nth-child(odd) {
	background: #CBD6DC;
}

#contents article:nth-child(odd) h2 {
}

#contents article {
	padding: 35px 0;
	width: 100%;
}

#contents article h2,
#contents article p,
#contents article .colbox,
#record {
	width: 70%;
	margin:1em auto;
}
.items_list p {
	width: 100% !important;
}


#example_companys p {
	width: 100% !important;
}


#contents a.wArrow {
	background:url(/aras/images/widgets/arrow_white.png) no-repeat 0px 0.3em;
	padding-left:20px;
}

#contents a.wArrow:hover {
	color: #99d6ea !important;
}

.seminar-item a {
	text-align:left;
}
#example_companys {
}

#record {
	color: black;
	background: #EBEEF0;
	padding: 10px 20px;
}

@media all and (max-width: 899px) {
	#header_text {
		width: auto;
		margin: 30px 0 20px 20px;
		box-sizing:border-box !important;
	}
	
	#header_text h1 {
		line-height: 2em;
		letter-spacing: 1px;
		font-size:30px;
	}
	
	#header-img .a-button {
		width: 70% !important;
	}
		
	#contents article h2,
	#contents article &gt; p,
	#contents article :not(.items_list):not(.seminar_list):not(#example_companys) p,
	#contents article .colbox,
	#example_companys,
	#record {
		width: 80%;
	}
	#contents article .colbox .a-button-s {
		width: 80%;
	}
		
	#contents h3,
	#contents  :not(.items_list):not(.seminar_list):not(#example_companys) h3 {
		padding: 0 30px;
	}
	
	.items_list,
	.seminar-item {
		width: 90% !important;
	}
	.items_list h3,
	.seminar_list h3,
	#example_companys h3 {
		padding:0 !important;
	}
}

@media all and (max-width: 425px) {
	#header_text h1 {
		font-size: 100%;
	}
	
	#header-img .a-button-o {
		margin: 0 auto 20px auto !important;
	}
}




</pre></body></html>