.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: 740px;}
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: 740px;
  min-width: 320px;
  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: 320px; 
  
}



.demo01 td  { 
vertical-align: top;

  padding-top: 10px; padding-bottom: 10px;


 }

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

/*----------------------------------------------------
    .demo02
----------------------------------------------------*/
.demo02 {
  font-family: Arial,Helvetica,sans-serif;
background-color: white;
    width: 100%; 
  max-width: 720px;
  min-width: 300px;


  font-size: 10.5pt; 
line-height: 160%; 
 
  
}
.demo02 th  { 
  vertical-align: top;
width: 100%;

  padding-top: 10px; padding-bottom: 10px;


}




.demo02 td  { 
vertical-align: top;

  padding-top: 10px; padding-bottom: 10px;


 }

@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:740px){
    .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; }
}

.idou {
  width:100%;
  background-color: #339999;
 
  color: white;
  font-family: Arial,Helvetica,sans-serif;
   text-decoration: none;
  max-width:740px ;
  min-width:320px ;
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:740px ;
  min-width:320px ;
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;
  font-family: Arial,Helvetica,sans-serif;
  color: white;
  max-width:740px ;
  min-width:320px ;
text-align: left; 
  padding-left: 12px; 
  margin-left: auto; 
  margin-right: auto;
  font-size: 11pt; 

}



.hi {
  width:100%;
  background-color: #9ae4e6;
  font-family: Arial,Helvetica,sans-serif;
  color: black;
  max-width:740px ;
  min-width:320px ;
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;
  }