/* for body */
body {
	margin: 0;
	padding: 0;
	background: #fff;
/*	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif; */
    
    font-family:"新ゴ Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #333;
	font-size: 1.4vw;
    letter-spacing: 0.1em;     
    
    
}
#head {
	background: #191970;
	color: #fff;
}

#head img{
    width: 8%;
    height: auto;
    margin: 0.5vw;
}


#body {
	padding:3vw 10%;
}

h1 {
	font-size: 1.8em;
    text-align: center;
}

.h1_sub {
    font-size: 0.9em;
}


h2 {
	font-size: 1.2em;
	text-align: left;
    border-left: solid 0.5em #99CCFF;
 /*	border-bottom: 1px solid gray; */
	padding:1vw;
	margin: 3vw 0vw 0vw;
}

.lead_txt{
    margin:0; 
    font-size: 1.0em;
}


/* for table */


#form-tbl {
	margin:0 0vw; 
    font-size: 1.0em;
}

#form {
	border-collapse: collapse;
}
#form th, #form td {
	border: 1px solid #d5d5d5;
	padding: 1vw;
}
#form th {
	white-space: nowrap;
	background: #F8F8FF;
    text-align: left;
} 

#form td {
	background: #fff;
    padding: 1vw 2vw;
    width: 100%;
}

#form td input{
    padding: 1vw;
    font-size: 1.1em;
    margin-right: 1vw;
    margin-bottom: 0.5vw;
}

#form td select{
    font-size: 1.1em;
    background-color: #F8F8FF;
/*    -webkit-appearance: none; */
    height: 2.0em;
    border: none;
}



.caution{
    color: #339933;
    letter-spacing: 0;
}


.need{
    background-color: #CC0000;
    color: #fff;
    font-size: 0.8em;
    padding: 0.3em;
}

#policy i{
     color: #339933;
     margin-right: 0.5em;
}

#policy a{
    text-decoration: none;
    color: #339933;
}

p.btn{
    text-align: center;
    margin: 2vw;
}

p.btn input {
  font-size: 1.2em;
  display: inline-block;
  padding: 0.5em 3em;
  text-decoration: none;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  background: #66CC33;
  color: #FFF;
  letter-spacing: 0.1em;
}

p.btn input:hover {
  background-color: #339933;
}    

#link_back{
  margin-top: 3.0em;
}



.footer{
    background-color: #333;
    color: #fff;
    width: 100%;
    height: auto;
    position: absolute;
    padding-top: 30px;
}


.footer p{
    text-align: center;
    padding-bottom: 5px;
    text-decoration: none;
}


.footerlink{
    text-align: center;
    padding: 0;
}

.footerlink li{
    margin: 0;
    padding: 0;
    display: inline;
    color: #fff;
}
.footerlink a{
    color: #fff;
    text-decoration: none;
    padding-left: 0.5em;
}


.footerlink li a:hover{
    opacity: 0.5;
    border-bottom: dotted 1px #fff;
}

.footerlink li+ li{
    border-left: 1px solid #fff;
}


#copyr{
    text-align: center;
    font-size: 0.6em;
    padding: 2vw 5vw;
}    
    
    
/* for message */
p.msg {
	color: #339933;
	margin: 2em;
    text-align: center;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

.pc_only{
    display: inline;
}
.sp_only{
    display: none;
}



/* スマホ用 */
@media only screen and (max-width: 480px) {

#head img{
    width: 15%;
    height: auto;
    margin: 1.5vw;
}
    
body {
  font-size: 3vw;
    }
    
#body {
  padding: 0 5%;
  margin-bottom: 10vw;
    }    
h1 {
  font-size: 1.6em;
}
    
h2 {
	padding:2vw;
    margin: 2em 0 0;
}    

#form {
    text-align: center;        
    }
    
#form-tbl {
    margin: 0; 
    }
      

#form th, #form td {
    text-align: left;
    display: block;
    padding: 3vw;
    border-top: none;
    font-size: 1.2em;
    width: 93%;
    } 
    
#form tr:first-child th	{ border-top: 1px solid #d5d5d5; }


#form td input{
   background-color: #f5f5f5;
   border: none;
   font-size: 1.5em;
   width: 90%;
}    

#form td select{
  margin: 2vw 0; 
}    

#form td input.gcollege{
  width: 10%;
    }
    
p.btn{
text-align: center;
margin: 1vw 0vw 1vw 0vw;
    }

p.btn input { 
  font-size: 1.2em;
/*  display: inline-block; */
  margin: 3vw; 0 0vw;
  letter-spacing: 0.1em;
  width: 80%;
}

    
/* サンクス */
p.msg { margin: 1em auto; }

    
.need{
    margin-left: 1em;
}    
    
 
.pc_only{
    display: none;
}
.sp_only{
    display: inline;
} 

input[type="submit"]{
-webkit-appearance: none;
}   
    

input[type="button"]{
-webkit-appearance: none;
}     
    
    
    
    
    
}