@charset "UTF-8";
/* CSS Document */
/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

html{
	height: 100%;
	width: 100%;
}
body{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	height: 100%;
	width: 100%;
	text-align:center;
	margin: 0px;
	padding:0px;
	line-height:1.5em;
	font-size:13px;
}
#corporate{
	background-color:#B9C0C3;
}
#advertising{
	background-color:#55b9e1;
}
h1,h2,h3,h4,h5,p,ul,li,a,img,table,th,td,dl,dt,dd{
	margin:0;
	padding:0;
	line-height:1.5em;
}
img{
	vertical-align:bottom;
	border:0;
}
li{
	list-style-type:none;
}
a img{
	vertical-align:bottom;
	-webkit-transition:opacity 0.4s;
	-moz-transition:opacity 0.4s;
	-ms-transition:opacity 0.4s;
	-o-transition:opacity 0.4s;
	transition:opacity 0.4s;
}
a:hover img{
	opacity:0.6;
}

#loading{
	width:100%;
	height:100%;
	margin:0;
	background:#fff;
	opacity:1.0;
	position:fixed;
	top:0;
	left:0;
	z-index: 9999;
}

#wrap{
	overflow:hidden;
	position:relative;
	text-align:left;
}

/* main */
#main{
	padding:130px 0 100px 0;
	position:relative;
	z-index:3;
}
#main h1{
	text-align:center;
	font-size:182%;
	color:#fff;
}
#brandstatement #main h1{
	color:#1A284B;
}
#main h1 strong{
	display:block;
	font-size:60px;
	font-family:'Oswald', sans-serif;
	margin-bottom:20px;
}

/* main_bg */
#main_bg{
	display:table;
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
}
#index #main_bg{
	background-image:url(/mobilespace/images/index/main_bg.jpg);
	background-position:center center;
}
#vision #main_bg{
	background-image:url(/mobilespace/images/vision/main_bg.jpg);
	background-position:center bottom;
}
#main_bg .inner{
	display:table-cell;
	vertical-align:middle;
}
#vision #main_bg .inner{
	padding-bottom:220px;
}
#main_bg .txt{
	max-width:1100px;
	margin:0 auto;
	color:#fff;
	padding:0 40px;
}
/* #main_bg .txt h1{
	text-align:center;
	margin-bottom:10%;
	font-size:182%;
} */
#main_bg .txt h1 strong{
	display:block;
	font-size:60px;
	font-family:'Oswald', sans-serif;
	margin-bottom:20px;
}
#main_bg .txt h1{
	color:#fff;
	font-size:30px;
	line-height:1.6em;
	margin-bottom:10px;
}
#index #main_bg .txt h1{
	-moz-text-shadow: 0px 0px 10px rgba(79, 77, 82, 0.5);
	-webkit-text-shadow: 0px 0px 10px rgba(79, 77, 82, 0.5);
	-ms-text-shadow: 0px 0px 10px rgba(79, 77, 82, 0.5);
	text-shadow: 0px 0px 10px rgba(79, 77, 82, 0.5);
}
#vision #main_bg .txt h1{
	-moz-text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
	-webkit-text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
	-ms-text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
	text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
}
#main_bg .txt h1 .sp{
	display:none;
}
#main_bg .txt p{
	font-size:108%;
	line-height:2em;
	-moz-text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
	-webkit-text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
	-ms-text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
	text-shadow: 0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1),0px 0px 4px rgba(26, 40, 75, 1);
}

/* contents */
.contents{
	position:relative;
	z-index:3;
	max-width:1100px;
	margin:0 auto;
	padding:0 40px;
}

/* footer */
#footer{
	position:relative;
	z-index:99;
}
#footer footer{
	margin: 0;
}

@media screen and (max-width: 750px) {
/* main */
#main{
	padding:80px 0 20px 0;
}
#main  h1{
	font-size:16px;
	margin-bottom:20px;
}
#main h1 strong{
	font-size:40px;
}

/* main_bg */
#vision #main_bg{
	background-image:url(/mobilespace/images/vision/main_bg_sp.jpg);
}
#vision #main_bg .inner{
	padding-bottom:60px;
}
#main_bg .txt h1{
	font-size:16px;
	margin-bottom:20px;
}
#main_bg .txt h1 strong{
	font-size:40px;
}
#main_bg .txt h1{
	font-size:20px;
	text-align:center;
}
#main_bg .txt{
	padding:0 20px;
}
#main_bg .txt p{
	font-size:12px;
}
#main_bg .txt p br{
	display:none;
}

/* contents */
.contents{
	padding:0 20px;
}
}

@media screen and (max-width: 550px) {
/* main_bg */
#main_bg .txt h1 .sp{
	display:block;
}
}