html {
   /* font-size: 62.5%; */
   font-family:  "ヒラギノ角ゴ Pro W3";
   word-break: break-all;/*テキスト　エリア内で折り返す*/
  }
  body {
  max-width: 800px;
   margin: auto;
   /* font-size: 1.2rem; */
  }
topheader{
    text-align: center;
}
topheader h1{
  color: rgb(75, 75, 75);
  font-size: 1.5rem;
}
topheader h2{
  color: rgb(6, 106, 255);
  /* font-size: 1.7em; */
}
contents{
  text-align: center;
}
textblue_25{
      font-weight:bold;
      font-size: 1.2rem;
      color: rgb(6, 106, 255);
    } 
textpink_25{
      font-weight:bold;
      font-size: 1.5rem;     
      color: rgb(243, 10, 138);
    } 
  textpink_iphone{
      font-weight:bold;
      font-size: 1.5rem;     
      color: rgb(243, 10, 138);
    } 
help_here{
      font-weight:bold;
      font-size: 1.0rem;
      color: rgb(245, 26, 26);
    } 
.help_go_box {
      margin: 2%;/*0em auto;*/
     /* padding: 1em;*/
      width: 96%;
     /* background-image: url("kabe.jpeg");*/
      background-color: #087fa3; /* 背景色 */
      box-shadow: 0 0 5px 1px rgb(16, 90, 228); /* 影 */
     }
text_kome{
  font-weight:bold;
  margin-left: 10px;
  text-align: left;
  font-size: 1rem;
  color: rgb(12, 12, 12);
    } 
.adcontainer{
      display: flex;
      flex-wrap:wrap;
       justify-content: center;/*センター寄せ*/
     margin: auto;
      border: 0px solid rgb(215, 215, 215);
      background-color: #ffffff;
    }
.c-ad-outer {
    display: flex;
    align-items: center;
    border:  1px           solid orange;   /*  境界線 */
    margin:             1px;            /*  外側の余白 */
    padding:            0.5em;            /*  内側の余白 */
    box-shadow:         0 0 0px orangered;
width: 320px;
 }
.ad-children {
   display: flex;
    border:    0px        solid blue;     /*  境界線 */
    margin:             0px;            /*  外側の余白 */
    padding:            0em;            /*  内側の余白 */
    background-color:   rgb(255, 255, 255);
  }
.ad-children2 {
    border:     0px        solid blue;     /*  境界線 */
    margin:             0px;            /*  外側の余白 */
    padding:            0em;            /*  内側の余白 */
    background-color:   #dde;
    width: auto;
  }
.kakomi_box_head {
  margin: 2%;/*0em auto;*/
 /* padding: 1em;*/
  width: 96%;
 /* background-image: url("kabe.jpeg");*/
  background-color: #d9f4fc; /* 背景色 */
  box-shadow: 0 0 5px 1px rgb(16, 90, 228); /* 影 */
 }

 .kakomi_box_head h1{
  font-size: 1.2rem;
  color: #0b0b0b;
}
policy{
  margin: 1em ;
  font-size: 1.6rem;	
  font-weight: bold;
  color: rgb(250, 16, 8); 
}
.container {
  display: flex;
  flex-wrap:wrap;
  justify-content: center;/*センター寄せ*/
 
  border: 1px solid rgb(223, 223, 223);
  background-color: #ffffff;
  margin: 1%;
}
.container h2{
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
}
.box {
  display: flex;
  flex-wrap:wrap;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: normal;/*100px;*/
  margin: 1%;
  width: 30%;
}

.innercontainer {
  display: flex;
  flex-wrap:wrap;
  font-size: 1.5rem;
  align-self: stretch;/*縦方向　高さ合わせ*/
  border: 1px solid rgb(221, 221, 221);
  box-shadow: 0 0 5px 1px  #85858552;
  margin-bottom: 30px;
padding-bottom: 6px;
}
.innerbox0 {
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 1.2rem;
  text-align: left;
  line-height: normal;
  background-color: #faf392;
  margin: 1%;
  width: 98%;
}
.innerbox0 h2{
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 1rem;
}

.innerbox1 {
  color: rgb(218, 31, 31);
  font-size: 1.0rem;
  font-weight: bold;
  text-align: center;
  line-height: normal;
  margin: 2%;
  width: 96%;
}

.innerbox2 {
  color: rgb(0, 26, 255);
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  line-height: normal;/*100px;*/
  margin: 2%;
  width:96%;
}
.innerbox3 {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: normal;
  margin: 2%;
  width: 96%;
}

.innerbox4 {
  background-color: #eea6ed;
  border: 3px solid rgb(233, 3, 198);
  color: #f8f8f8;
  font-weight: bold;
  text-align: center;
  line-height: normal;
 margin:  0 auto;    
  width: 90%; 
  padding-top: 8px;
  padding-bottom: 8px;
}
.innerbox1 img{
  width:60%;
}

.innerbox3 img{
  width: 90%;
}
.innerbox4 p{
  font-size: 1.2rem;
  color: #000;
}

.innerbox4 a{
  font-size: 1rem;
  color: #f304a3;
}

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

スマホ用
-------------------------------------------- */
  @media not all and (min-width: 768px) {
.container {
  display: flex;
  flex-wrap:  wrap;/*width で改行する*/
  justify-content: center;/*センター寄せ*/
  flex-direction: column;/*縦並び*/
  border: 1px solid rgb(223, 223, 223);
  background-color: #ffffff;
  margin: 1%;
  /* margin-bottom: 30px;*/
}

.box {
  display: flex;
  flex-wrap:wrap;
  
  color: #fff;
 /* font-weight: bold;*/
  text-align: center;
  line-height: normal;/*100px;*/
  /*background-color: #e9e9e9;*/
  margin-right: 1%;
 margin-left: 1%;
 margin-top: 1%;
 margin-bottom: 1%;
 width: 98%;
}

.innercontainer {
  display: flex;
  flex-wrap:wrap;
  flex-direction: row;
  justify-content: center;/*センター寄せ*/
  align-items: center;
  margin-bottom: 5px;
  border: 1px solid rgb(221, 221, 221);
  /*background-color: #E4EDE8;*/
  box-shadow: 0 0 5px 1px  #85858552;
}
.innerbox0 {
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 1.5rem;
  text-align: left;
  line-height: normal;
  background-color: #faf392;
  margin: 1%;
  width: 98%;
}
.innerbox1 {
  color: rgb(218, 31, 31);
  font-size: 1.0rem;
  font-weight: bold;
  text-align: center;
  line-height: normal;
  /*background-color: #e9e9e9;*/
  margin: 1%;
  width: 30%;
}
.innerbox2 {
  color: rgb(0, 26, 255);
  font-size: 1.0rem;
  font-weight: bold;
  text-align: center;
  line-height: normal;/*100px;*/
  /*background-color: #e9e9e9;*/
  margin: 0%;
  width:60%;
  
 }
.innerbox3 {
  color: #eec6c6;
  font-weight: bold;
  text-align: center;
  line-height: normal;
  background-color: #ffffff;
  margin: 0px;
  width: 90%;
}

.innerbox4 {
  background-color: #eea6ed;
  border: 3px solid rgb(233, 3, 198);
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  line-height: normal;
  margin: 0px;
  width: 70%;
}

.innerbox1 img{
  width: 50%;
}

.innerbox3 img{
  width: 50%;
}
help_here{
  color: rgb(250, 20, 51);
  font-size: 1.2rem;
} 
}