@charset "utf-8";

/*--Reset-----------------------------------------------------------*/

* {
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
}

html,body {
height: 100%;
text-align:center;
}

img {
border: none;
}

ul,ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

body {
font-size: 100%;
line-height: 1.6;
color:#333333;
font-family:"Sawarabi Gothic" ,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}

a,a:link,a:visited {
color: #333333;
text-decoration: none;
}

a:hover,a:active {
color: #333333;
}

article,aside,details,footer,header,main,menu,nav,section,summary {
display: block;
}

/*------------------------------------------------------------------*/

/*--sample----------------------------------------------------------*/

body {
-webkit-text-size-adjust: 100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #eeeeee !important;
text-align;center;
}
.jumbotron{
background-color: #eeeeee !important;
}
header {
overflow: hidden;
position:fixed;
top:0;
z-index:900;
}

header h1 {
display:block;
font-size:18px;
font-weight:bold;
margin-top:0px;
}

section#page0{
min-height: 100vh;
padding-top: 50px;
background-image: url("../img/bgimage.jpg");
background-repeat: no-repeat;
background-position: center top;
}

section#page1{
min-height: 100vh;
padding-top: 50px;
}

#page0 img{
padding-top:15%;
padding-bottom:0%;
width:90%;
max-width:500px;
}

.glyphicon-chevron-down{
font-size:30px;
color:#fff;
}

.glyphicon-collapse-up
font-size:30px;
}

#contents #main {
overflow: hidden;
}
article{
position:static;
}
.logo{
display:block;
position:absolute;
top:0;
z-index:100;
}
section p{
max-width:600px;
text-align:left;
margin:10px auto;
}
section span{
display:block;
text-align:center;
margin:10px auto;
width:100%;
}
.table{
max-width:600px !important;
margin:0 auto;
}
.table>tbody>tr>td,.table>tbody>tr>th{
text-align:left;
}

ul#service{
max-width:500px !important;
margin:0 auto;
}
ul#service li{
list-style-type: disc;
text-align:left;
margin:5px;
}
form{
max-width:600px !important;
margin:0 auto;
}
div.form-group{
margin:10px 0; 
text-align:left;
}
form label{
text-align:right;
}
footer {
overflow: hidden;
position: fixed;
bottom: 0px;
width: 100%;
text-align: center;
color:#666;
margin:0 auto;
z-index: 605;
background-color: #ffffff;
box-shadow:0px 0px 5px #888;
}

footer #copyright {
padding:0px 5px 5px 5px;
color:#666;
font-size:12px;
display:block;
}
footer #pageback {
font-size:16px;
padding:5px 0px 0px 0px;
display:block;
text-align:center;
}