@charset 'UTF-8';
/* CSS Document */
.secret-to-you{display:none;}

*{padding:0;margin:0;text-decoration:none;list-style-type:none;color:#202020;}
body{overflow-y:scroll;font-family:/*'YuGothic','Yu Gothic','游ゴシック',*/"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
header{background:white;position:relative;border-bottom:3px #47B7FF solid;width:100%;z-index:1001;padding:0;}
header h1{font-size:0;width:480px;height:70px;}

#smp-menu,#smp-logo{display:none;}
#language_switch{
	display:none;position:absolute;background-color:white;font-weight:bold;color:#47B7FF;border:3px solid #47B7FF;font-size:10pt;padding:5px 20px;top:80px;left:1%;z-index:10000;
}
#smp_language_switch{display:none;}
header nav {width:720px;float:right;margin-top:0;}
header nav a{
	display:table-cell;
	width:180px;height:70px;padding:0px 0;
	text-align:center;font-size:12pt;vertical-align:middle;
	background:#000B3E;color:#47B7FF;text-shadow:none;
	transition:0.4s;
}
header nav a:hover{
	background:#004EA2;
	box-shadow:0 0 5px #47B7FF;
	text-shadow:0 0 6px ;
}

section{padding:50px 0;}
section h2{font-size:16pt;margin-bottom:50px;text-align:center;}
section p{font-size:12pt;}

.contents{width:960px;margin:0 auto;}

footer{background:#444444;}
#copyright{color:white;font-size:10pt;text-align:center;padding:40px 20px;}

@media only screen and (max-width:1280px){
	header{
		position:relative;
	}
	header h1{position:absolute;width:100%;top:0px;text-align:center;}
	header  nav{
		float:none;
		width:100%;
		margin: 0;
		padding-top:80px;
	}
	header nav a{
	display:inline-block;
	width:25%;height:inherit;padding:20px 0;
	text-align:center;font-size:10.5pt;
	color:#47B7FF;text-shadow:none;
	}
	#language_switch{position:absolute;margin:0;left:1%;top:25%;}
}
@media only screen and (max-width:960px){
	header{padding:5px 0 0;}
	header h1{z-index:11;top:0px;}
	header nav{display:none;padding-top:0;}
	header nav a{width:50%;padding:15px 0;}
	#smp-menu{display:block;position:relative; width:50px; height:57px;margin:0px 10px;z-index:13;}
	
	.contents{width:100%;}
	
	#gettingstarted_beliefs li{
		font-size:0;
	}
	#language_switch{z-index:8;top:85px;}
	
	/* * * * * * * * * * HEADER * * * * * * * * * */
	.menu-bar1,.menu-bar2,.menu-bar3{width:50px;height:6px;background-color:#333; margin:10px 0;transition:0.5s;}
	/* Rotate 1st bar */		.change .menu-bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-15px, 14px); }
	/* Fade out the 2nd bar */	.change .menu-bar2{opacity:0;}
	/* Rotate last bar */		.change .menu-bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px);}
}
@media only screen and (max-width:512px){
	header{padding-bottom:10px;}header h1{height:inherit;}
	#pc-logo{display:none;}
	#smp-logo{
		top:5px;
		position:relative;
		display:inline-block;
		text-align:center;
	}
	#smp-logo img{width:120px;display:inline;padding-top:2px;}
	#smp-menu{display:block;position:relative; width:50px; height:37px;margin:0px 10px;z-index:13;}
	/* * * * * * * * * * HEADER * * * * * * * * * */
	.menu-bar1,.menu-bar2,.menu-bar3{width:35px;height:4px;background-color:#333; margin:10px 0;transition:0.5s;}
	.change .menu-bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-12px, 11px); }
	
	header nav{width:100%;position:fixed;top:60px;}
	header nav a{width:100%; display:block; padding:12px 0;transition:none;}
	#smp_language_switch{/*display:block;*/display:none;}#language_switch{display:none;}
	
	section{}
	section h2{font-size:13pt;margin-bottom:35px;}
	section p{font-size:10pt;}
}