@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
background:#111;
height:100%;
}
img {
	border:none;
}
/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/
/**
#supersized-loader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	text-indent:-999em;
	background:url(../img/progress.gif) no-repeat center center;
}
**/
/**********************************************
    * Animation 5 - Expanding Lines
**********************************************/
#supersized-loader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .9;
	/**z-index: 9999;**/
	height: 100%;
	height: 100%;
}
#status {
	position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -25px;
    text-align: center;
    font-size: 10px;
}
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #dbdbdb;
  height: 100%;
  width: 4px;
  margin:0 3px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* fade out 100% */
@keyframes fade-out {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

#supersized {
	display:block;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:-999;
	height:100%;
	width:100%;
}
#supersized img {
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
	border:none;
}
#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#111;
}
#supersized a {
	width:100%;
	height:100%;
	display:block;
}
#supersized li.prevslide {
	z-index:-20;
}
#supersized li.activeslide {
	z-index:-10;
}
#supersized li.image-loading {
	background:#111 url(../img/progress.gif) no-repeat center center;
	width:100%;
	height:100%;
}
#supersized li.image-loading img {
	visibility:hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
	display:inline;
}
h1 {
	background-color: transparent;
	background-image: url("../images/header-logo.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	margin: 0;
	width: 640px;
	height: 130px;
}
*html h1 {
	background-color: transparent;
	background-image: url("../images/header-logo.gif");
	background-repeat: no-repeat;
	background-position: 0 0
}
h1 a:hover {
	color:#bbb;
	text-decoration:underline;
}
h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited {
	font:14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	margin: 5px 0px 0.5em 4px;
	color:#2A6BA9;
	letter-spacing: -0.6px;
	text-decoration:none;
}
html>body h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited {
	font:13px "Helvetica", "Helvetica Neue", Arial, sans-serif;
}
h2 a:hover, h3 a:hover {
	color:#bbb;
	text-decoration:underline;
}
h4, h4 a:link, h4 a:visited {
	font:12px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	margin: 5px 0px 1em 4px;
	color:#0075aa;
	letter-spacing: -0.6px;
	text-decoration:none;
}
h6 {
	color: #222202;
	font-size: 130px;
	font-family: HelveticaNeue-UltraLight, "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	font-weight: lighter;
	line-height: normal;
	font-stretch: normal;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -0.6px;
	margin: 0
}
html>body h4, h4 a:link, h4 a:visited {
	font:11px "Helvetica", "Helvetica Neue", Arial, sans-serif;
}
p {
	font:12px "HelveticaNeue-UltraLight", "Helvetica Neue", Arial, sans-serif;
	margin: 0px;
	/*color:#a6c3cc;*/
	letter-spacing: -0.4px;
}
html>body p {
	font:11px "HelveticaNeue-UltraLight", "Helvetica Neue", Arial, sans-serif;
}
p a:link, p a:visited {
	color:#a6c3cc;
	text-decoration: none;
}
p a:hover {
	color:#a6c3cc;
	text-decoration: none;
}
@media only screen and (min-width: 650px){
  br.br-sp {
    display: none;
  }
}
@media only screen and (max-width: 650px){
  br.br-sp {
    display: block;
  }
}


/*======== Menu ================ */
#menu {
	position: fixed !important;
	/**osition: absolute;**/
	bottom:0px;
	left:0px;
	width:100%;
	z-index:9999;
	font-size:10px;
	width:100%;
	line-height:22px;
	height:62px;
	background: rgba(49, 49, 49, 0.8);
}
#menu h1 {
	position:absolute;
	top:0;
	right:0px;
	overflow:hidden;
	background-color: transparent;
	/**background-image: url("../images/footer-logo.png");**/
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -1000px;
	margin: 0;
	width: 640px;
	height: 130px;
	opacity: 0;
}
*html #menu h1 {
	background-color: transparent;
	background-image: url("../images/footer-logo.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menu ul {
	position:absolute;
	top:0;
	left:20px;
	padding-left: 0px;
	opacity:1.0;
	filter:alpha(opacity=100);
	margin-top: 20px;
}
#menu li {
	float:left;
	list-style: none;
	font-size: 16px;
	margin-right: 20px;
}
#menu li a {
    text-decoration: none;
	color:#fff;
	height:22px;
}

#menu li a:hover {
        text-decoration: underline;
	color:#fff;
}

#menu li.info {
	list-style: none;
	font-size: 13px;
	font-weight: normal;
	margin-left: 2em;
    color:#FFF;
}


#top {
	position:absolute;
        top:300px;
        /**top:44%;**/
	left:50%;
	margin: 0 0 0 -310px;
	height: 180px;
	z-index: 9999;
}
#nav {
	font-family: HelveticaNeue-UltraLight, "Helvetica Neue", Arial, sans-serif;
	text-transform: lowercase;
	letter-spacing: -0.6px;
	float: left
}
#nav a:link, #nav a:visited {
	font-family: HelveticaNeue-UltraLight, "Helvetica Neue", Arial, sans-serif;
	font-variant: normal;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -0.6px
}
#nav a:hover {
	color:#fff;
}
#container {
display:none;
}
#section0, #wsection1, #section2, #section4 {
overflow: auto;
margin:20px;
margin-bottom:700px;
}

@media screen and (min-width: 1240px) {
.col{
margin-left:20%;
margin-right:20%;
}
.cover{
max-width: 1240px;
}
}
@media screen and (min-width: 844px) and (max-width: 1240px) {
.col{
margin-left:15% !important;
margin-right:15% !important;
}
.cover{
max-width: 640px;
}
}
@media screen and (max-width: 843px) {
.col{
margin-left:5% !important;
margin-right:5% !important;
}
.cover{
max-width: 600px;
}
p{
font-size: 10px !important;
}
}

#wrap, #wrap2, #wrap3 {
overflow: auto;
margin: 400px 20px;
}


#wrap-concept, #wrap26, #wrap25, #wrap24, #wrap23, #wrap22, #wrap21, #wrap20, #wrap19, #wrap18, #wrap17, #wrap16, #wrap15, #wrap14, #wrap13, #wrap12, #wrap11, #wrap10 {
margin: 400px 20px;
clear:both;
}


#wrap18-2 {
margin-bottom: 40px;
clear:both;
}

#wrap4, #wrap-bottomspace {
overflow: auto;
height:1200px;
margin:20px;
}

.box {
	margin: 0px 10px 10px 0px;
	padding: 10px;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.box p {
	color: #88775c; font: 12px/1.5em "HelveticaNeue-Light", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: -0.2px;
	margin: 0 8px 8px 8px;
	padding: 0;
	line-height: 1.6em;
	word-break: break-all;
}
html>body .box p {
/**font: 11px/1.5em "HelveticaNeue-Light, "Helvetica Neue", Arial, sans-serif;**/
}
.box a:link, .box a:visited {
	color:#88775c;
	text-decoration: none;
}
p.concept a:link, .box a:visited {
	color:#ffffff;
	text-decoration: none;
}
.box a:hover {
	color:#b9a88d;
	text-decoration: none;
}


/* value = (width * n) + (15+15+15) * (n-1). 
 * ex.
 * width=70 : 70, 185, 300, 415, 530, 645, 760, 805, 990
 * padding + margin-right (10+10+10)
 * width=70 : 70, 170, 270, 370, 470, 570, 670, 770, 870
 * width=200 : 200, 445, 650, 935
 * width=270 : 270, 555, 640, 925
 * width=290 : 290, 615, 940, 1265
 */
.col {
    /**min-width:400px;**/
	margin:460px 0 600px 0;
	margin-left:25%;
	margin-right:25%;
	padding:30px;
	/**max-width:600px; margin-top: 320px;**/
    /**margin-top: 1200px;**/
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#33000000, EndColorStr=#33000000);
	background: rgba(0, 0, 0, 0.8);
}
.col0 {
	/**width: 640px;**/
	width: 620px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 0.9);
}
.col1 {
	width: 70px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col2 {
width: 170px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col3 {
	width: 270px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col4 {
	width: 370px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col5 {
	width: 470px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col6 {
	width: 570px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col7 {
	width: 670px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col8 {
	/**width: 770px;**/
    width: 870px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background: rgba(255, 255, 255, 1);
}
.col10 {
	width: 270px;
	background: rgba(255, 255, 255, 0);
	margin-top: -20px;
}
.col11 {
	/**width: 370px;**/
    width: 270px;
	background: rgba(255, 255, 255, 0);
	margin-top: -20px;
}

/**.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col10 img, .col11 img {
	max-width: none;
	max-height: none;
}
**/
.col img{
	clear:both;
}
p.concept {
	font-size:12px;
	margin:1em 0 1em 4px;
	color:#fff;
	letter-spacing: 0px;
}
p.caption {
	font:11px "HelveticaNeue-Light", "Helvetica Neue", Arial, sans-serif;
	margin:1em 0 1em 4px;
	color:#88775c;
	letter-spacing: 0px;
}
h3.concept, h4.concept {
	margin: 5px 0px 0.5em 4px;
	letter-spacing: -0.6px;
	text-decoration:none;
}
h3.concept {
	font:20px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	color:#FFF;/**color:#24a8d4;**/
}
h4.concept {
	font:16px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	color:#FFF;/**color:#4ab0da;**/
}


#footer {
	color: #fff;
	font: 11px "Helvetica Neue", Arial, sans-serif;
	line-height:22px;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -0.2px;
	position:absolute;
	top:40px;
	right:40px;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}