/* --------------------------------------------
besic setting
 -------------------------------------------- */
html {
	font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }

html,body{
     height:100%;
}

body  {
	background-color:#fff;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
	font-style:normal;
	font-size:1.6rem;
	color:#444;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
	}
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
body  {
	font-size:1.5rem;
}
}


a:link    { text-decoration:none; color:#fff; }
a:visited { text-decoration:none; color:#fff; }
a:hover   { text-decoration:none; color:#999; }
a:active  { text-decoration:none; color:#fff; }


a.trans:link    {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
a.trans:visited {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
a.trans:hover   {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
a.trans:active  {text-decoration:none; color:#fff; display: inline-block; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}


img { border-style:none; margin: 0px; padding: 0px;}


/* --------------------------------------------
float  setting
 -------------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* --------------------------------------------
contents  setting
 -------------------------------------------- */

header {
	height:180px;
	padding:20px;
}

#contents {
	width:900px;
	margin:0 auto;
}

h1 {
	font-size:1.6rem;
	line-height: 1.5em;
	margin: 1em auto;
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px)  {
h1 {
	font-size:2.6rem;
}
}

.btn {
	padding:25px 0 0 0;
	margin:25px auto 0 auto;
	border-top:1px #ccc solid;
}

.leftSide {
	text-align:center;
	width:450px;
	float:left;
}
.rightSide {
	text-align:center;
	width:450px;
	float:right;
}
.leftSide p,.rightSide p {
	text-align: center;
}

.btn .leftSide img,
.btn .rightSide img {
	width: auto;
	height: 110px;
}