@media screen and (max-width:512px){

html {
	height:100%;
}

body{
	font-size: 16px;
	color:#000000;
	line-height:170%;
	word-break:break-all;
	font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", Osaka, sans-serif, Verdana, Arial, Helvetica;
	height:100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

.clr{
	clear: both;
}



h1,h2,h3,ol,li,p{
	margin:0 auto;
}

.indent{
	0 0 0 10px;
}


img{
	border: 0;
	vertical-align: bottom;
}

#container{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100vh;
}

#leftbox{
	width: 100%;
	height: 50vh;
}

#middlebox{
	display: none;
}

#rightbox{
	width: 100%;
	height: 50vh;
	vertical-align: middle;
	background-image: url(../img/bar.jpg);
	background-repeat:  repeat-x;
	background-position: left center;
	margin: 0 0 0 3%;
}


#copycontainer{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: table;
	width: 100%;
	height: 100vh;
}

#copybox{
	display: table-cell;
	width: 100%;
	height: 100vh;
	text-align: right;
	vertical-align: bottom;
	font-size: 13px;
	font-family:"Century Gothic";
}

table.logotable{
	width: 100%;
	height: 100%;
}

td.logoupper{
	width: 100%;
	height: 50%;
	padding: 0 0 2.5% 0;
}

td.logobottom{
	position: relative;
	width: 100%;
	height: 50%;
	padding: 2% 0 0 0;
}


img.logo{
	width: 80%;
	max-width: 500px;
}

img.logo_en{
	width: 53%;
	max-width: 325px;
}

#linkcontainer{
	position: absolute;
	left: 0;
	text-align: right;
	top: 0;
	height: 100%;
	z-index: 3;
	width: 100%;
	padding: 6% 5px 0 0;
	max-width: 700px;
}


.link {
	display: inline-block;
	font-family:"Century Gothic";
	text-align: center;
	font-size: 16px;
	line-height: 100%;
	color: #C55F5C;
	text-decoration: underline;
	font-weight: bold;
	padding: 0 15px 0 0;
	transition: 0.5s;
}

.link:hover {
	color: #2A003D;
}




















































}