
@media screen and (max-width:600px){

  /*画面幅が600pxまでの時*/
  
img{
width: 100%;
}

  
A{
color:#ffffff;
text-decoration:none;
}

A:hover{
color:#da70d6;
}

table{
position: static;  
left: 0%;   
width: 100%;  
margin-left: 0px;
}

body,table{
font-size:10pt;
color:#ffffff;
line-height:170%;
font-family:sans-serif;
padding-bottom:50px;
}


body {
  background: linear-gradient(0deg, rgba(255, 178, 210, .9), rgba(175, 197, 255, .9)) fixed, url(bg_daydream.JPG) fixed;
  background-size: cover;
}



.text{
padding-top:50px;
padding-left:10px;
padding-right:10px;
padding-bottom:50px;
}

.title{
font-size:11pt;
}

.sub{
padding-left:10pt;
padding-right:10px;}


input,textarea{
border-left:0px solid #333333;
border-right:0px solid #333;
border-top:0px solid #333;
border-bottom:1px solid #333;
font-size:12pt;
font-color:#333333;
background-color:#ffffff;
line-height:180%;
font-family:sans-serif;
}



}


@media screen and (min-width:601px){

  /*画面幅が601px以上の時*/
  
A{
color:#ffffff;
text-decoration:none;
}

A:hover{
color:#da70d6;
}

table{
position: absolute;  
left: 50%;  
width: 550px;  
margin-left: -275px;
}

body,table{
font-size:10pt;
color:#ffffff;
line-height:170%;
font-family:sans-serif;
padding-bottom:50px;
}

body {
  background: linear-gradient(0deg, rgba(255, 178, 210, .9), rgba(175, 197, 255, .9)) fixed, url(bg_daydream.JPG) fixed;
  background-size: cover;
}

.text{
padding-top:50px;
padding-left:10px;
padding-right:10px;
padding-bottom:50px;
}

.title{
font-size:11pt;
}

.sub{
padding-left:10pt;
padding-right:10px;}

input,textarea{
border-left:0px solid #333333;
border-right:0px solid #333;
border-top:0px solid #333;
border-bottom:1px solid #333;
font-size:12pt;
font-color:#333333;
background-color:#ffffff;
line-height:180%;
font-family:sans-serif;
}



  
  }