.osewa {
  font-size: 1.8rem;
  text-align: right; 
  vertical-align: top; 
  color: white; 
  line-height: 350%; 
  box-shadow: 2px 2px 4px 2px black;

}

.bun {
  font-size: 12pt;
  text-align: left; 
  vertical-align: top; 
padding-left: 26px;
  line-height: 200%; 
  
}
.midasi {
  text-align: left;
padding-left: 26px;
font-weight: bold;
}


.honbun {
text-align: left; 
font-size: 11pt; 
line-height: 190%; 
text-align: left;
padding-left: 15px;
  padding-top: 15px; padding-bottom: 10px;padding-right: 15px;"
    }







section table   { width: 950px;}
section th, section td  { background-color: white; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
    .demo01
----------------------------------------------------*/
.demo01 {
  font-family: Arial,Helvetica,sans-serif;
background-color: white;
    width: 100%; 
  max-width: 950px;
  min-width: 400px;
  margin-left: auto; 
  margin-right: auto;
  font-size: 10.5pt; 
line-height: 160%; 
 
  
}
.demo01 th  { 
  vertical-align: top;
  text-align: left;
 padding-left: 17px; padding-right: 10px;
  padding-top: 10px; padding-bottom: 10px;
  width: 400px; 
  
}



.demo01 td  { 
vertical-align: top;
  
  padding-top: 10px; padding-bottom: 10px;
   img style="width: 370px;"


 }

/*----------------------------------------------------
    .demo03
----------------------------------------------------*/
.demo03 {
  font-family: Arial,Helvetica,sans-serif;
background-color: white;
    width: 100%; 
  
  font-size: 10.5pt; 
line-height: 160%; 
 
  
}


/*----------------------------------------------------
    .demo02
----------------------------------------------------*/
.demo022 {
  font-family: Arial,Helvetica,sans-serif;
background-color: white;
    width: 100%; 
  max-width: 740px;
  min-width: 300px;
  margin-left: auto; 
  margin-right: auto;
  padding-right: 0px;
  font-size: 10.5pt; 
line-height: 160%; 
 
  
}
.demo022 th  { 
  vertical-align: top;
  text-align: left;
 padding-left: 0px; padding-right: 0px;
  padding-top: 10px; padding-bottom: 10px;


}



.demo022 td  { 
vertical-align: top;
  padding-left: 8px; padding-right: 8px;
  padding-top: 3px; padding-bottom: 3px;


 }


.demo02 {
  font-family: Arial,Helvetica,sans-serif;
background-color: white;
    width: 100%; 
  max-width: 740px;
  min-width: 300px;
  margin-left: auto; 
  margin-right: auto;
  padding-right: 6px;
  font-size: 10.5pt; 
line-height: 160%; 
 
  
}
.demo02 th  { 
  vertical-align: top;
  text-align: left;
 padding-left: 10px; padding-right: 10px;
  padding-top: 10px; padding-bottom: 10px;
  width: 300px; 
  img style="width: 300px;"
}



.demo02 td  { 
vertical-align: top;
  padding-left: 10px; padding-right: 10px;
  padding-top: 10px; padding-bottom: 10px;
   img style="width: 300px;"

 }

@media only screen and (max-width:950px){
    .demo01 { margin: 0px; }
    .demo01 th,
    .demo01 td{
        width: 100%;
         display: block;
        border-top: none; 
     img style="width: 340px;"

    }
  
  .demo01 tr:first-child th   { border-top: 1px solid #ddd; }
}

@media only screen and (max-width:720x){
    .demo02 { margin: 0px; }
    .demo02 th,
    .demo02 td{
        width: 100%;
         display: block;
        border-top: none; 
     img style="width: 340px;"

    }
  
  .demo02 tr:first-child th   { border-top: 1px solid #ddd; }
}


@media only screen and (max-width:720x){
    .demo022 { margin: 0px; }
    .demo022 th,
    .demo202 td{
        width: 100%;
         display: block;
        border-top: none; 
     img style="width: 300px;"

    }
  
  .demo022 tr:first-child th   { border-top: 1px solid #ddd; }
}



.idou {
  width:100%;
  background-color: #339999;
 
  color: white;
   text-decoration: none;
  max-width:740px ;
  min-width:300px ;
text-align: center; 
  margin-left: auto; 
  margin-right: auto;

}
.idou td  { 
  text-decoration: none;
  width: 33%;

}

.idou2 {
 font-family: Arial,Helvetica,sans-serif;
  width:100%;
  background-color: #804000;

  color: white;
    text-decoration: none;
  max-width:720px ;
  min-width:400px ;
text-align: center; 
  margin-left: auto; 
  margin-right: auto;

}
.idou2 td  { 
width: 33%;
   text-decoration: none;
  background-color: #804000; 
 
  line-height: 180%;
  
}


.nengetsu {
  width:100%;
  background-color: #57b3b7;
  color: white;
  max-width:740px ;
  min-width:400px ;
text-align: left; 
  padding-left: 12px; 
  margin-left: auto; 
  margin-right: auto;
  font-size: 11pt; 

}



.hi {
  width:100%;
  background-color: #9ae4e6;
  color: black;
  max-width:740px ;
  min-width:300px ;
text-align: left; 
  padding-left: 12px; 
  margin-left: auto; 
  margin-right: auto;
  font-size: 11pt; 


}

.zentai {
background-color: #e7f8fb;
  }



.box{
  position: relative;
}
.box img{
width: 100%;
hight: auto;
}
.center {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
color: white;
font-size:4vmin;
width:100%;
text-align: center;



.hyousi {
  width:100%;
  max-width:740px ;
  min-width:300px ;
}


html {
  font-size: 20%;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 50%;
  }
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 100%;
  }
}

}