@media screen and (min-width: 900px)
 {

img[src$="images/tower_hedder.jpg"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/kotone_iriguti01.png"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/kotone_iriguti02.png"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/key.jpg"] {
width: 100%;
max-width: 100%;
height: auto;
}

img[src$="images/dravil_iriguti01.png"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/dravil_iriguti02.png"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/dravil_key.png"] {
width:100%;
max-width: 100%;
height: auto;
}


#hedder {
width: 100%; 
margin-bottom : 30px;
}

#tower {
width: 80%; 
}
p.tower {
float: left;
width: 80%;
margin-left : 10%;
margin-right : 10%;
p.copy {line-height: 1.5;}
margin-bottom : 30px;
text-align:center;
}


#boder {
}
p.boder {
margin-bottom : 30px;
}






#main {
float: left;
width: 100%; 
text-align:center;
p.copy {line-height: 1.5;}
}


p.key {
width: 30%;
float: left;
margin-left : 5%;
margin-right : 2;
margin-bottom : 30px;
}


p.txst {
width: 56%;
float: left;
margin-left : 1%;
margin-right : 5%;
margin-bottom : 30px;
}

p.title {
margin-left : 5%;
margin-right : 5%;
text-align:center;
}



#kotone_iriguti {
width: 40%;
margin-left : 30%;
margin-right : 30%;
text-align:center;
margin-bottom : 30px;
}

#footer {
text-align:center;
background-color: #ffcc00;
margin-top : 70px
margin-bottom :70px
}


}




@media screen and (max-width: 900px)
 {


img[src$="images/tower_hedder.jpg"] {
width:100%;
max-width: 100%;
height: 200px;
object-fit: none;
text-align: center;
}

img[src$="images/kotone_iriguti01.png"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/kotone_iriguti02.png"] {
width:100%;
max-width: 100%;
height: auto;
}


img[src$="images/key.jpg"] {
width: 90%;
max-width: 90%;
height: auto;
margin-left : 5%;
margin-right : 5%;
}


img[src$="images/dravil_iriguti01.png"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/dravil_iriguti02.png"] {
width:100%;
max-width: 100%;
height: auto;
}

img[src$="images/dravil_key.png"] {
width: 90%;
max-width: 90%;
height: auto;
margin-left : 5%;
margin-right : 5%;
}




#hedder {
width: 100%; 
margin-bottom : 30px;
}

#tower {
width: 90%; 
}
p.tower {
float: none;
width: 90%;
margin-left : 5%;
margin-right : 5%;
p.copy {line-height: 1.5;}
text-align:center;
margin-bottom : 30px;
}


#boder {
margin-bottom : 30px;
}



#main {
width: 80%;
margin-left : 10%;
margin-right : 10%;
text-align:center;
p.copy {line-height: 1.5;}
}

p.jaket {
float: left;
margin-left : 5%;
margin-right : 5%;
}
p.txst {
width: 90%;
margin-left : 5%;
margin-right : 5%;
}

p.title {
margin-left : 5%;
margin-right : 5%;
text-align:center;
}


#kotone_iriguti {
width: 80%;
margin-left : 10%;
margin-right : 10%;
margin-bottom :30px
text-align:center;
}

#footer {
text-align:center;
background-color: #ffcc00;
margin-top : 70px
margin-bottom :70px
}


}

@media screen and (max-width: 500px)
 {
span.kotone_setumei {font-size: 80%; }
}