@import url('https://fonts.googleapis.com/css2?family=Marcellus');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Exo+2');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho');

html,body {
  height: 100%;
  font-size: 16px;
  font-family: 'OpenSans', sans-serif;
}

.title_inner {
	font-family: 'Sawarabi Mincho', serif;
	font-family: 'OpenSans', sans-serif;
}



p {
  margin: 10px 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  display: block; 
  margin: 0;
  padding: 0;
}
img,a img {
  border: 0;
  height: auto;
  outline: none;
  text-decoration: none;
}

.indent {
	text-indent:16px;
}

a.share_via_image:link img, a.share_via_image:visited img, a.share_via_image:active img {
   border: 2px solid #999999;
}

a.share_via_image:hover img {
   border: 2px solid #cc3366;
}

button {
  font-size:18px;
}

a:link, a:visited, a:active {
  color: #233c94;
  text-decoration: underline;
}

a:hover {
  color: #cc3366;
  text-decoration: none;
}

.clear {
  clear: both;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  color:#171717;
  display: block;
  font-family: 'OpenSans', sans-serif;
}


#body_content {
	position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	
    background-attachment: fixed;
    background-position: center center;
	min-height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background: linear-gradient(to bottom, #01060f, #112e63) no-repeat fixed;
	animation: fadeInBackgroundGradient 3s linear 0s 1 forwards running;
	background-attachment: scroll;
}


.disable-hover {
  pointer-events: none;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.inline_block {
  display: inline-block;
}


   
.body_wrapper {
	margin:0;
	padding:0;
	width:100%;
}

.outermost_container {
	margin:0;
	padding:0 0 0 0;
	overflow: hidden;
	/* display: inline; */
}


#title_wrapper {
   margin:24px 0 0 0;
   text-align: center;
}
 

.title_container {
	margin:0 auto 0 auto; 
	padding: 0 20px;
	max-width: 600px; 
	z-index: 20; 
	position: relative;
}

.title_inner {
	margin:0 auto;
	padding:14px 22px 20px 22px;
	max-width:800px;
}

.title_primary {
	font-size: 1.9em;
	padding:2px 0 0 0;
	font-weight:bold;
	color:#fcf8e1;
	letter-spacing:0.9px;
}

.title_top {
	font-size: 1.8em;
	padding:0 0 0 0;
	font-weight:bold;
	color:#e1ebfc;
}


.title_bottom {
	margin:10px 0 0 0;
	font-size:1.3em;
	padding:6px;
	font-weight:bold;
	color:#e1ebfc;
}


.section_title {
    font-family: 'Sawarabi Mincho', serif;
  font-family: 'OpenSans', sans-serif;
	margin:54px 0 0 0;
	font-size:1.4em;
	padding:12px 12px;
	font-weight:bold;
	color:#f2f6fc;
	background-color: #7a1b07;
	/* letter-spacing:0.8px; */
}

 
/* ----------- Stars ------------- */

#outer_space {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
	bottom:0;
	left:0;
	right:0;
	z-index: 5;
}
 
 
.starDiv {
  position:absolute;
}

.starDivNormal {
  opacity:0.4; 
}


.starDivNormal_1 {
  opacity:0.7; 
}


.starDivYellow {
  opacity:0.5; 
  transform: translate(-30vw, -40vh);

}


.starDivYellow_1 {
  opacity:0;
  transform: translate(-30vw, -40vh);
}

.starDivOrange {
  opacity:0;
  transform: translate(-40vw, -50vh);
}


.starDivOrange_slow {
  opacity:0;
  transform: translate(-40vw, -50vh);
}


.starDivOrange_slowest {
  opacity:0;
  transform: translate(-40vw, -50vh);
}

.starSVG {
  width:20px;
  height:20px;
}
 
.circleStar {
  fill: #f9fae1;
}

.circleNormal {
  stroke:#fcfcf2;
}
 
.circleSmall {
  fill: #fcfcf2;
  stroke:#fcfcf2;
}

 
/* ------------------------------ */

 


.main_content_container {
	margin: 0 auto 0 auto;
	padding:0 0 0 0;

	position: relative;
	z-index:10;
	width:auto;
	overflow:hidden;
}

.clear {
	clear:both;
}

 

  
 

.section_block {
	margin:0 0 0 0;
	padding:26px 24px 24px 24px;
	overflow: hidden;
	background-color:#fffef7;
	font-size:1.06em;
	line-height:1.3em;
}

.para_normal {
	margin:12px 0 0 0;
}
 
.para_excerpt {
	margin:20px 14px 0 0;
}

.para_excerpt_after_subtitle {
	margin:10px 14px 0 0;
}

.para_smaller_font {
	margin:20px 14px 0 0;
	font-size:0.92em;
}

.topic_title {
	margin:38px 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:1.15em;
}


.subtopic_title {
	margin:22px 0 0 0;
	font-weight:bold;
	font-size:1em;
}


.box_si_contact {
	margin:26px 0 14px 0;
	padding:5px 22px;
	background-color:#fcfdff;
	border:3px ridge #7089b3;
}
 
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*  ####### Min Width 400 ####### */

@media only screen and (min-width: 400px) {
 
}
	



/*  ####### Min Width 500 ####### */

@media only screen and (min-width: 500px) {


	
	

}





/*  ####### Min Width 600 ####### */

@media only screen and (min-width: 600px) {


.title_top {
	font-size: 2.0em;
}
 


}





/*  ####### Min Width 700 ####### */

@media only screen and (min-width: 700px) {
	

 


}





/*  ####### Min Width 800 ####### */

@media only screen and (min-width: 800px) {


	.section_block {
		font-size:1em;
		line-height:1.3em;
	}

	.title_top {
		font-size: 2.4em;
	}
	 

 	.main_content_container {
		margin: 9px auto 28px auto;
		padding:0 0 0 0;
		max-width:650px;
		
	} 
	
	.section_title {
		 
		padding:18px 12px;
		text-align:center;
		font-size:1.45em;
		
	}
	
 
 
}



/*  ####### Min Width 900 ####### */

@media only screen and (min-width: 900px) {



}





/*  ####### Min Width 1000 ####### */

@media only screen and (min-width: 1000px) {



	.title_container {
		margin:0 auto 0 auto; 
		padding: 0 30px;
		max-width: 1000px; 
	}
 
	.main_content_container {
		margin: 0 auto 54px auto;
		padding:0 0 0 0;
		max-width:800px;
	} 
 

	
}





@media screen and (min-width: 1170px) {


 

	.section_block {
		margin:0 0 0 0;
		padding:26px 32px 26px 32px;
		overflow: hidden;
	}
  

		
}






/*  ####### Min Width 1200 ####### */

@media only screen and (min-width: 1200px) {


 
}