@charset "utf-8";

/* ------------------------------------------------------
reset
------------------------------------------------------ */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body,h1,h2,h3,h4,h5,h6,p,div,table,td,dl,dt,dd,ul,li,ol,form,input,textarea{margin:0;padding:0;}
html { height: 100%; }

body { height: 100%; margin: 0;}


h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
li,ol{list-style:none outside;}
address,th,caption{font-weight:normal;font-style:normal;}
img{border:none; outline:none;vertical-align:top;}

table{border-collapse:collapse;border-spacing:0;line-height:inherit;}
table th,table td{line-height:inherit;}

a{ outline:none;}
a:link,a:visited {color:#666666;}
a:hover {text-decoration:none;}
a:hover img{opacity:0.75;filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";-moz-opacity:0.75;-khtml-opacity: 0.75;}


/* ------------------------------------------------------
body/general
------------------------------------------------------ */
html{overflow-y:scroll;}
body {
font-size:18px;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, san-serif;
color:#000;
line-height:1.6em;
word-wrap: break-word;
-webkit-text-size-adjust: none;
}
#container{ width:100%; height: 100%; /*min-width:900px;*/ }


.header{ width: 100%; text-align:left; height: 95px; padding: 0.5rem; }
.header img{ height: 100%; width:auto; }

.main{ width:100%; height:100%; text-align:center; position:relative; }

.main .inner{
  position: absolute;
  /*min-width: 900px;*/
  top: 53%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
   }

.main h1{ margin-bottom: 3.0rem; }
.main p{ margin-bottom: 1.5rem; white-space:nowrap; }


@media screen and (max-width:768px) {
	
	#container{ min-width:0;}
	.header{ height: 13%; }
	.main .inner{  width: 100%; min-width: 0; padding: 0 2.0rem; }
	.main .inner h1{ /*width: 85%;*/ margin-bottom: 1.5rem; }
	.main .inner h1 img{ width: 100%; height:auto; }
	.main p{ margin-bottom: 1.0rem; white-space:normal; }
	.pcDisp{ display: none; }
	
	
}