html {
    font-size: 62.5%;
   font-family:  "ヒラギノ角ゴ Pro W3";
   word-break: break-all;/*テキスト　エリア内で折り返す*/
  }
  body {
  max-width: 800px;
   margin: auto;
   padding: 4px;
   font-size: 1.5rem;
  }
  
  
topheader{
  text-align: center;
}

.eoplogo {
  display: flex;
  flex-wrap: wrap;
}

.eoplogo_inner {
  /* background-color: #000101; */
  width: 49%;
}

.eoplogo_inner img {
  width: 80%;
}

.today_date {
  color: #002228;
  /* background-color: #fdf919; */
  width: 49%;
  text-align: right;
}


textblue_25{
  
    font-weight:bold;
    font-size: 1.5rem;
    color: rgb(6, 106, 255);
    
  } 
  
textpink_25{
  
    font-weight:bold;
    font-size: 1.5rem;     
    color: rgb(243, 10, 138);
    
  } 

help_here{
  
    font-weight:bold;
    font-size: 1rem;
    color: rgb(245, 26, 26);
    
  } 

text_kome{
font-weight:normal;
margin-left: 10px;
text-align: left;
font-size: 1rem;
color: rgb(12, 12, 12);
    
  } 
  .play_budge {
    text-align: center;
}

.play_budge img {
    width: 30%;
}




policy{
margin: 1em ;
font-size: 1.6rem;	
font-weight: bold;
color: rgb(250, 16, 8); 
}
/*---------------------------------------*/
.tophead_container {
display: flex;
flex-wrap:  wrap;/*width で改行する*/
align-items: center;/*縦方向のセンター寄せ*/
/*justify-content: center;/*横方向センター寄せ*/

/* border: 1px solid rgb(223, 223, 223);*/
background-color: #ffffff;
margin: 1%;
/* margin-bottom: 30px;*/


}
.tophead_box0{

color: rgb(5, 5, 5);
font-weight: bold;
text-align: left;
line-height: normal;/*100px;*/

/*background-color: #fc7878;*/
margin: 0%;
width: 25%;
}

.tophead_box0_1{

color: rgb(5, 5, 5);
font-weight: bold;
text-align: right;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 0%;
width: 75%;
}
.tophead_box0_1 img{
width: 80%;

}



/*---------------------------------------*/
.head_container {
display: flex;
flex-wrap:  wrap;/*width で改行する*/
 align-items: center;/*縦方向のセンター寄せ*/
justify-content: center;/*横方向センター寄せ*/

border: 1px solid rgb(223, 223, 223);
background-color: hsl(60, 100%, 93%);
margin: 1%;
/* margin-bottom: 30px;*/
}

.head_box1 {

color: rgb(5, 5, 5);
font-weight: bold;
text-align: right;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 2%;
width: 46%;
}
.head_box1 img{
width: 40%;
}
.head_box1_2 {

color: rgb(5, 5, 5);
font-weight: bold;
font-size: 2rem;
text-align: left;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 2%;
width: 46%;
}
.head_box2 {

color: rgb(5, 5, 5);
font-weight: bold;
text-align: center;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 2%;
width: 46%;
}
.head_box2 img{
width: 100%;
}
.head_box3 {

color: rgb(5, 5, 5);
font-weight: bold;
font-size: 1.5rem;
text-align: left;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 4%;
width: 92%;
}






/*---------------------------------*/
.setumei_container_outer {
display: flex;
flex-wrap:  wrap;/*width で改行する*/
align-items: center;/*縦方向のセンター寄せ*/
justify-content: center;/*横方向センター寄せ*/

border: 1px solid rgb(223, 223, 223);
background-color: #ffffff;
/* background-color: #f0f0f0;*/
margin: 1%;

/* margin-bottom: 30px;*/
}






.setumei_container {
display: flex;
flex-wrap:  wrap;/*width で改行する*/
align-items: center;/*縦方向のセンター寄せ*/
justify-content: center;/*横方向センター寄せ*/
align-self: stretch;/*縦方向　高さ合わせ*/
border: 1px solid rgb(223, 223, 223);
background-color: #ffffff;
margin: 1%;
width: 47%;
/* margin-bottom: 30px;*/
}
.setumei_box_title {

color: rgb(5, 5, 5);
font-size: 1.7rem;
font-weight: bold;
text-align: left;
line-height: normal;/*100px;*/
border: 1px solid rgb(201, 201, 201);
background-color: #b9e4f8;
margin: 1%;
width: 98%;
}



.setumei_box_img {

color: rgb(5, 5, 5);

text-align: center;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 0%;
width: 40%;
}
.setumei_box_img img{
width: 90%;
}
.setumei_box_text {
color: rgb(1, 45, 189);
text-align: left;
line-height: normal;/*100px;*/
font-size: 1.5rem;
font-weight: bold;
/*background-color: #e9e9e9;*/
margin: 2%;
width: 96%;
}

.setumei_boxtext img{
width: 80%;
}







/* -----------------------------------------

スマホ用
-------------------------------------------- */
@media not all and (min-width: 768px) {
/* ----------------------------------
--------------------------------------*/
.tophead_container {
display: flex;
flex-wrap:wrap;/*width で改行する*/
 align-items: center;/*縦方向のセンター寄せ*/
/* justify-content: center;/*横方向センター寄せ*/

/* border: 1px solid rgb(223, 223, 223);*/
background-color: #ffffff;
margin: 2%;
/* margin-bottom: 30px;*/
}
.tophead_box0{

color: rgb(5, 5, 5);
font-weight: bold;
text-align: left;
line-height: normal;/*100px;*/

background-color: #ffffff;
margin: 0%;
width: 50%;
}

.tophead_box0_1{

color: rgb(5, 5, 5);
font-weight: bold;

line-height: normal;/*100px;*/
text-align: right;
/*background-color: #e9e9e9;*/
margin: 0%;
width: 50%;
}
.tophead_box0_1 img{
width: 100%;

}



/*---------------------------------------*/
.head_container {
display: flex;
flex-wrap:  wrap;/*width で改行する*/
 align-items: center;/*縦方向のセンター寄せ*/
justify-content: center;/*横方向センター寄せ*/

border: 1px solid rgb(223, 223, 223);
background-color: hsl(60, 100%, 93%);
/* background-color: #ffffff;*/
margin: 1%;
/* margin-bottom: 30px;*/
}

.head_box1 {

color: rgb(5, 5, 5);
font-weight: bold;
text-align: right;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 2%;
width: 31%;
}
.head_box1 img{
width: 40%;
}
.head_box1_2 {

color: rgb(5, 5, 5);
font-weight: bold;
font-size: 2rem;
text-align: left;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 2%;
width: 61%;
}
.head_box2 {
font-size: 1.5rem;
color: rgb(5, 5, 5);
font-weight: bold;
text-align: center;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 2%;
width: 80%;
}
.head_box2 img{
width: 100%;
}
.head_box3 {

color: rgb(5, 5, 5);
font-size: 1.2rem;
font-weight: bold;
text-align: left;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 4%;
width: 92%;
}






/*---------------------------------*/
.setumei_container_outer {
display: flex;
flex-wrap:  wrap;/*width で改行する*/
align-items: center;/*縦方向のセンター寄せ*/
justify-content: center;/*横方向センター寄せ*/

border: 1px solid rgb(223, 223, 223);
background-color: #ffffff;
margin: 1%;

/* margin-bottom: 30px;*/
}





.setumei_container {
display: flex;
flex-wrap:  wrap;/*width で改行する*/
align-items: center;/*縦方向のセンター寄せ*/
justify-content: center;/*横方向センター寄せ*/

border: 0px solid rgb(223, 223, 223);
background-color: #ffffff;
margin: 1%;
width:98%;
/* margin-bottom: 30px;*/
}
.setumei_box_title {

color: rgb(5, 5, 5);
font-size: 1.7rem;
font-weight: bold;
text-align: left;
line-height: normal;/*100px;*/
border: 1px solid rgb(201, 201, 201);
background-color: #b9e4f8;
margin: 2%;
width: 96%;
}



.setumei_box_img {

color: rgb(5, 5, 5);

text-align: center;
line-height: normal;/*100px;*/

/*background-color: #e9e9e9;*/
margin: 20px;
width: 80%;
}
.setumei_box_img img{
width: 70%;
}
.setumei_box_text {
color: rgb(1, 45, 189);
text-align: left;
line-height: normal;/*100px;*/
font-size: 1.5rem;
font-weight: bold;
/*background-color: #e9e9e9;*/
margin: 2%;
width: 96%;
}

.setumei_boxtext img{
width: 80%;
}





}