* {font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}

body {
 color:#fff;
 line-height:1.5;
    }

html {
 overflow-x: hidden;
 overflow-y: hidden;
}

#modal{
    height: 600px;
    width: 100%;
    position: relative;
}
#modal-inner{
 width:80%;
 background-color: #000;
 position: absolute;
 top: 40%;
 left: 50%;
 transform: translate(-50%, -40%);
 -webkit-transform: translate(-50%, -40%);
 -moz-transform: translate(-50%, -40%);
}

/* h
-----------------------------------------------------*/ 
h1 {
 font-size: 0.8em;
 font-weight:normal;
 text-align:right;
}
h2 {
 margin:0 0 10px 0;
 padding:10px 0;
 font-size: 2em;
 text-align:center;
 border-bottom: 1px solid #fff;
}		
h3 {
 margin:25px 0 5px 0;
 font-size:1.5em;
}


ul{
 margin:0 0 20px 0;
 padding:0 0 0 1.5em;
}
ul.disc{list-style:disc;}		
ul.decimal{list-style:decimal;}	

.box{
 width:98%;
 margin:0 auto;
 display: table;
 table-layout: fixed;
}
.box-inner{
 display: table-cell;
}




.price{
font-size:1.1em;
font-weight:bold;
text-decoration:underline;}








/* contact
-----------------------------------------------------*/ 
table.contact{
 width:100%;
 margin:0 auto 10px auto;
}
table.contact td,table.contact th{
 padding:5px 2px;
 vertical-align:middle;
}


table.contact th,table.contact td{
 font-size:0.9em;

}

.input-company{
width:80%;
}

.input-name{
width:40%;
}

.input-fa{
width:80%;
height:100px;
}

.contact-confirm{

}
.contact-title{
margin:0 0 0px 0;
font-size:1.5em;
font-weight:bold;
}
.contact-exp{
margin:0 0 20px 0;
 border-bottom:1px dotted #fff; 
}


@media only screen and (max-width: 1500px){	
#modal{height: 500px;}
#modal-inner{
 top: 38%;
  transform: translate(-50%, -38%);
 -webkit-transform: translate(-50%, -38%);
 -moz-transform: translate(-50%, -38%);
}

.input-name{
width:80%;
}
.input-fa{
height:70px;
}

}




@media only screen and (max-width: 800px){	
#modal{
height:800px;
font-size:0.9em;
}

h1{display:none;}
h2 {font-size: 2em;}

}



@media only screen and (max-width: 600px){	
#modal{
    height: auto;
}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
#modal-inner{
 width:95%;
  top: 0;
  transform: translate(-50%, 0);
 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0);
}

.box{
 display: block;
}
.box-inner{
 display: block;
}



@media only screen and (max-width: 320px){	
#modal{
font-size:0.8em;
}

}