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

body {
	background-color: black;
	background-repeat:repeat;}
	
h1,h2{
		font-family: "a-otf-ryumin-pr6n",serif !important;}

nav {
		font-family: "a-otf-ryumin-pr6n",serif !important;}
		
p , dt , dd  {
 		color: white;
		font-family: "ryo-gothic-plusn";
}
		
article {
	width:100%;
	margin:auto;}

.backimg {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.backimg img{
	position: absolute;
	opacity: 0.3;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	max-height: 700px;
}

@media screen and (max-width: 474px) {
	.backimg img{
	height: 90vh;
	object-fit: cover;
}
	
}


#top {
	width:100%;
	margin:auto;
	text-align:center;
}
	
#top h1 {
	margin:auto;
	text-align:center;
	font-size:300%;
	letter-spacing:0.2em;
	padding-top:150px;
	text-shadow: rgba(0,0,0,0.28) 1px 1px ; }
	

#top .illust {
	padding-top: 100px;}

#top .sentence {
	font-family: "a-otf-ryumin-pr6n",serif !important;
	max-width: 600px;
	margin:auto ;
	font-size:100%;
	line-height:2em;
	letter-spacing:0.08em;
/*	width:400px;*/
	padding: 50px 10px; 
}


/* トップナビ */

#top .button {
	max-width:1200px;
	margin:auto;
	text-align:center ;}	

	
#top .first , #top .mypage {
	display:block;
	margin:auto ;
	padding-top: 50px;
	padding-bottom:50px;}
	
#top .first p , #top .mypage p {
/*	min-width:400px;*/
	vertical-align:central;
	text-align:center ;	
	margin:10px auto ;
	padding-top: 30px;
	padding-bottom:30px;}
	
@media screen and (max-width: 474px) {
#top .first p , #top .mypage p {
	font-size:84.6%;
	width:90%;
	text-align:center ;	
	margin:5px auto ;
	padding-top: 30px;
	padding-bottom:30px;
	padding-right:10px;}	
}

#top .first span , #top .mypage span {
	font-weight:bold;}

/* bootstrap.css上書き （ボタンの背景色）*/
.btn-default {
	background-color:rgba(126,78,17,0.40);}

/* bootstrap.css上書き （サイドに余白ができるため）*/
.container-fluid  {
	padding-right:0px !important;
	padding-left:0px !important;}
	

	
/* お知らせ 、受験要綱、推奨環境、問題例　*/

#new, #outline , #environment , #sample , #text ,#pass {
	display:block;
	max-width:700px;
/*	min-width:500px ;*/
	margin:50px auto 80px auto ;
	padding-top:100px; }

#new .box ,#outline .box  , #environment .box  , #sample .box  , #text .box  ,#pass .box {
	border:1px dotted #322e2e ; 
	padding:10px 20px;
	margin:auto ; }	
	
	
@media screen and (max-width: 767px) {	
#new .box ,#outline .box  , #environment .box  , #sample .box  , #text .box  ,#pass .box {
	width:90%;
	border:1px dotted #322e2e ; 
	padding:10px 20px;
	margin:10px auto; }		
}

#new h2 , #outline h2 , #environment h2 , #sample h2  , #text h2  ,#pass h2 {
	color:rgba(255,255,255,1.00) ;
	border-radius:2px;
	font-size:164%;
	line-height:2em;
	margin:6px auto 20px auto ;
	text-align:center;
	letter-spacing:0.08em;
	padding-left:5px;}

#new p , #outline p , #environment p  , #text p ,#pass  p{
	font-size:93%;
	line-height:1.5em;
	text-align:left;
	letter-spacing:0.08em;}	
	
#new dl , #outline dl , #environment dl , #sample dl {
	font-size:93%;
	margin:auto;
	background-color:transparent;
	text-align:left;
	letter-spacing: 0.25em;
}
	
#new dl dt , #outline dl dt  , #environment dl dt , #sample dl dt {
		text-align:left;
		line-height:2.5em;
		width:110px;
 		display: block;		
		float:left;
		clear:left;}

#new dl dd , #outline dl dd  , #environment dl dd , #sample dl dd {
		text-align:left;		
		line-height:2.5em;
		margin-left:115px;
 		display: block;
		border-bottom:dotted 1px #322e2e;}

#new dl dd:after , #outline dl dd:after , #environment dl dd:after {
	clear:left; }
	

@media screen and (max-width: 474px) {
#new dl dt , #outline dl dt  , #environment dl dt , #sample dl dt {
	margin-left: 0;
	float:left;	
	width: 100%;}

#new dl dd , #outline dl dd  , #environment dl dd , #sample dl dd {
	margin-left: 0;
	float:left;	
	width: 100%;}
	
	
}



/*　問題例　*/
#sample {
	padding-bottom:50px;
	margin-bottom:0px; }

#sample h3 {
		margin:50px auto 20px;
		font-size:115.4%;
		font-weight:bold;}
		
#sample p {
	font-size:93%;
	line-height:1.5em;
	text-align:center;
	letter-spacing:0.08em;}	
	
		
#sample ul {
 }	
 
#sample ul li {
	font-family: "ryo-gothic-plusn";	 
	font-size:93%;	 
	 text-align:left;}

#sample .select {
	width:80%;
	margin:auto; }

@media screen and (min-width: 767px) {
#sample .select {
	width:400px;
	margin:auto; }
}


#sample .img {
	margin:auto;
	text-align:center;}

/* SP */
@media screen and (max-width: 767px) {
#sample .img img {
	width:100%;
	height:100%; }
}
	
	



/*　参考テキスト　*/
#text {
	margin-bottom:0px;
}
	
#text h3 {
	font-family: "ryo-gothic-plusn";	
		margin:50px auto 20px;
		font-size:115.4%;
		font-weight:bold;}
		
#text p {
	margin:40px auto ;
	font-size:93%;
	line-height:2em;
	text-align:left;
	letter-spacing:0.08em;}	

#text .pdf a {
	text-decoration:underline; }

#text .img {
	margin:auto;
	text-align:center;}

/* SP */
@media screen and (max-width: 767px) {
#text .img img {
	width:100%;
	height:100%; }
}
	
	

/*　合格認定　*/
#pass {
	padding-bottom:50px;
	margin-bottom:0px; 
	text-align:center ;}

#pass h3 {
	font-family: "ryo-gothic-plusn";	
		margin:50px auto 20px;
		font-size:115.4%;
		font-weight:bold;}

#pass .small {
	font-size:85%;
	text-align:center;}

#pass .img {
	margin:auto;
	text-align:center;}

/* SP */
@media screen and (max-width: 767px) {
#pass .img img {
	width:100%;
	height:100%; }
}


/*  */
	

/* for 挿絵　*/

#wrapp {
	  margin: 0 auto; }

#wrapp .contents {
	margin:0 auto ;
	position: relative;
	text-align:center;}
	
.right {
	text-align:right;
	margin-top:50px; }

.left {
	text-align:left;
	margin-top:50px;  }
	
/*.right img{
	width:100%; }

.left img{
	width:100%;	}*/

		  
.illustration {
  position: absolute;
}
.illustration img {
	width:100%;}




/* フッター */	
footer {
	padding-top: 100px;
	clear:left;
	width:100%;
	margin:0 auto ;
	background: #333;
	height:300px;
	font-size:84.6%;
	color:#fff;
	text-align:center;
	position:relative; }

footer .rogo {
	margin:50px auto 30px auto ; }
	
footer p {
	line-height:1em; }


/*
.col-md-12 {
	padding-left:0px;
	padding-right:0px; }*/
	
	
/*.container-fluid {
	margin-left:0;
	margin-right:0; }
*/	
.row {
/*元は  margin-right: -15px;
  margin-left: -15px;*/
  margin-right: 0px;
  margin-left: 0px;
}