/* CSS Document */

#container {
	background:url(../img/bg.jpg) no-repeat center center;
	background-size:cover;
	}
#nuansLogo {
	position:absolute;
	top:30px;
	left:30px;
	width:60px;
	}
#langController {
	left: 120px;
    position: absolute;
    top: 43px;
	font-size:15px;
	}
#langController a {color:#fff;}
#langController a:hover {text-decoration:underline;}
.constBox {padding-top:0;padding-bottom:0;}
.constBox > .tableLayout {
	width:100%;
	height:100vh;
	color:#000;
	}
.constBox > .tableLayout > div {
	vertical-align:middle;
	text-align:center;
	}
	
h1 {font-size:24px;margin-bottom:30px;margin-top:27px;}

.constBox > .tableLayout .tableLayout {
	max-width:423px;
	margin:0 auto;
	}
.constBox > .tableLayout .tableLayout figure {
	max-width:130px;
	height:40vh;
	max-height:227px;
	margin:0 auto;
	}
.constBox > .tableLayout .tableLayout figure img {max-height:100%;}
.constBox > .tableLayout .tableLayout p {
	box-sizing:content-box;
	padding:30px 0 25px;
	min-height:3em;
	font-size:16px;
	}

.constBox > .tableLayout .tableLayout a i,
.constBox > .tableLayout .tableLayout a i::after {border-color:#fff;}
	
footer {
	position:absolute;
	bottom:30px;
	width:100%;
	text-align:center;
	font-size:9px;
	}
	
	
/*========================
スマホ レイアウト
========================*/
@media (max-width:768px) {
#nuansLogo {top:15px;left:15px;}
#langController {
	top:25px;
	left:0;
	text-align:right;
	width:92%;
	padding:0 4%;
	}
h1 {font-size:18px;margin-bottom:20px;}
.constBox > .tableLayout .tableLayout p {padding:15px 0;}
.constBox > .tableLayout .tableLayout p span {font-size:12px;}
footer {bottom:15px;}
}


/*========================
スマホ レイアウト ポートレートモード or ウィンドウ縦が低い時
========================*/
@media(max-height:610px){
h1 {margin-bottom:10px;}
.constBox > .tableLayout .tableLayout p {
	padding:0 0 5px;
	height:auto;
	min-height:none;
	}
}