@charset "utf-8";
/* CSS Document */
#main-visual{height:450px;}
#main-visual h2{
margin-top:120px;
}
#main-visual h2+img{margin-top:65px;}
#cloud1 img{
width:100px;
height:auto;
}
#cloud2 img{
width:85px;
height:auto;
}
#global-nav{position:relative;margin-top:0px;}
@media screen and (max-width: 640px) {
#global-nav{margin-top:-435px;}
#main-visual{height:330px;}
#main-visual h2+img{
width:1300px;
display:inline-block;
height:auto;
position: relative;
left: 50%;
margin-top:50px;
margin-left: -650px; 
}
#main-visual h2{
position:relative;
display:block;
font-size:130%;
margin-top:100px;
}
#sp_logo2{
position:relative;
display:block;
z-index:10;
margin:0.5em auto 0;
width:150px;
height:auto;
}
#cloud1{
pos ition:absolute;
z-index:1;
top:110px;
left:20px;
anim ation:none; 
}
#cloud1 img{
width:80px;
height:auto;
}
#cloud2{display:none;}
@keyframes translate { 
0%  { transform:  translate(0px, 15px); } 
15% { transform:  translate(40px, 0px);}
30% { transform:  translate(30px, 15px);}
45% { transform:  translate(20px, 25px);} 
60% { transform:  translate(-50px, 15px);}
75% { transform:  translate(-10px, 8px);} 
85% { transform:  translate(-50px, 0px);} 
100%{ transform:  translate(0px, 15px);} 
} 
@-webkit-keyframes translate { 
0%  { transform:  translate(0px, 15px); } 
15% { transform:  translate(40px, 0px);}
30% { transform:  translate(30px, 15px);}
45% { transform:  translate(20px, 25px);} 
60% { transform:  translate(-50px, 15px);}
75% { transform:  translate(-10px, 8px);} 
85% { transform:  translate(-50px, 0px);} 
100%{ transform:  translate(0px, 15px);} 
} 
}
#contents_box{
font-size:90%;
width:90%;
}
#contents_box h3{
text-align:center;
font-size:120%;
}
#contents_box section{
line-height:2;
max-width:1200px;
margin:1em auto 0;
}
form{
max-width:620px;
margin:1em auto 0;
text-align:center;
}
table{
width:100%;
border-collapse:collapse;
border-bottom:1px solid #54c6ff;
}
tr{border-top:1px solid #54c6ff;}
th{
padding:2em 2em 2em 0;
white-space: nowrap;
}
th{
vertical-align:middle;
white-space: nowrap;
}
th span{
font-size:120%;
color:#C00;
}
td{padding:2em 0;}
td span.cap{
font-size:80%;
line-height:1.5;
display:block;
padding-top:0.5em;
}
th,td{
text-align:left;
line-height:2.5;
}
td input,
textarea{
padding:0.8em;
width:30em;
}
textarea{width:100%;}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:hover{
cursor:pointer;
}
select{
font-size:90%;
height:30px;
}
option{height:30px;}
#thanks{
text-align:center;
line-height:2;
}
#privacy{
margin-bottom:2em;
}
#contents_box section dd{
margin-bottom:2em;
}
#contents_box section dt{
font-size:120%;
}
@media screen and (max-width: 640px) {
#contents_box h3{
margin-top:2em;
text-align:justify;
}
table{
width:90%;
margin:0 auto;
}
th,td{
display:block;
width:100%;
margin:0 auto;
line-height:2;
}
td input,
textarea{
width:100%;
margin:0 auto;
padding:0.5em 0;
}
th{
text-align:center;
padding:1em 0 0.5em;
line-height:1.7;
}
td{
padding:0 0 0.5em;
margin-bottom:1em;
}
.button{
margin:0 auto;
text-align:center;
padding-bottom:1em;
}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:nth-of-type(1){margin-right:1em;}
.submit_button2{
width:12em;
margin:1em auto 0;
text-align:center;
display:block;
}
caption{padding:0.5em 0;}
input[type="submit"],
input[type="reset"]
{font-size:90%;}
#thanks{
text-align:justify;
margin:2em auto;
}
#privacy{

}
}
@media screen and (max-width: 360px) {.submit_button:nth-of-type(1){margin-right:0;}
}