@keyframes dot {
  0% { opacity: 1; }
  100% { opacity: 0; }
  }
  /*Webフォント*/
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
  *{ font-family:"Noto Sans JP", sans-serif !important;}
  /*ヘッダーbg位置ずれ防止*/
  body{
      margin:0;
      padding:0;
      width:100%;
  }
  a{
     text-decoration:none;
   }
  p{
      margin:0;
      padding:0;
      line-height:1.25em;
      font-size:1.25em;
  }
  #content {
      padding:0;
      margin:0;
      width: 100%;
  }
  #content .head {
      padding: 35px 0 0 0;
      position:relative;
      z-index:10;
  }
 /*h1見出し周辺*/
  h1{
   color:#fff; 
   font-size:2.75em;
  }
  h2,h3{
    font-size:1.5em;
  }
  h1 span:nth-of-type(2){
   font-size:0.75555em;
  }
 .low #main {
/*       margin: 6em auto 0; */
      padding: 60px 20px;
      max-width: 1100px;
      margin: 0 auto;
  }
  #content .head h1 {
      padding-bottom: 20px;
      line-height: 1.4;
  } 
   /*h1見出し下線*/
  .border_b{
      width:24px;
      border-bottom:3px solid #fff;
      margin-top:15px;
  }
  /*背景画像-位置調整*/
  #content .bg {
      position:absolute;
/*        top:0; */
    right:0;
    z-index:-1;
  }
  /*テキストの項目表示*/
  ol ol{
   margin-top:1em;
  }
　  #main>section ol li ol {
       margin-top: 1em;
  }
  #main li {
      margin-bottom:1em;
  }
  .liststyle{  
       list-style:none;
  }
  #main>section ol li li {
      list-style-type: lower-roman;
 }
  #main>section ol li li li {
      list-style-type: lower-latin;
 }
  /*フォントの太さ*/
      h1 span,h3{font-weight:700;}
      h3 span{font-weight:400;}

  /*h3見出し*/
  #main h3 span{
      color:#0299f2;
  }
  #main h3{
      border-left:3px solid #0299f2;
      padding-left:0.5em;
      margin:2em auto;
  }

  #content .bg {
      height: 266px;
      width:100%;
      background-image:url(//6876478.fs1.hubspotusercontent-na1.net/hubfs/6876478/raw_assets/public/gleasin/assets/img/common/bg_mask_pc.png),url(//6876478.fs1.hubspotusercontent-na1.net/hubfs/6876478/raw_assets/public/gleasin/assets/img/privacypolicy/header_bg_privacy.jpg);
      background-size: 100%, cover;
      background-repeat: no-repeat;
      background-position: 0 100%, center right;
  } 
  /*共通で入れる上マージン*/
  .mt25{
   margin-top:25%; 
 }
 .mt50{
   margin-top:50px;
  }
 .mt30{
     margin-top:30px;
    }

  /*header*/
  .header_origin{
      height: 60px;
      width: 100%;
      background-color: #fafafa;
      position: fixed;
      top: 0;
      left: 0;
      z-index:999;
  }
  .header_logo{
   width:190px;
   height:auto;
   margin-left:30px;
  }
  .header_logo img{
       width:100%;
       height:auto;
      }


  /*レスポンシブ*/
@media (min-width: 821px) {
  #content .head h1 {
      line-height: 1.4;
      color:#fff;
  }
  #content .head h1:before {
      width: 20px;
      height: 2.5px;
  }
  #content .head h1 span:nth-of-type(1) {
      font-size: 40px;
  }
  #content .head h1 span:nth-of-type(2) {
      font-size: 20px;
  }
  #main .head h1 span {
      font-weight: 700;
}
  #main>section section {
      margin-top: 50px;
  }
  #main h2 {
      margin-bottom: 25px;
      font-size: 26px;
  }
  #main .badge .caption {
      font-size: 12px;
  }
  #main p, #main li {
      font-size: 14px;
  }
  #main h3 {
      margin-bottom: 25px;
      font-size: 20px;
      border-left:3px solid #0299f2;
      padding-left:0.5em;
  }
　 #main .update {
      margin-top: 50px;
  }
}
@media screen and (max-width: 820px) {
.mt25{
   margin-top:25%!important; 
}
body {
  min-width:unset;
 }
 h1{
  color:#fff;  
}
.low #main {
      margin: 0 auto 5em;
      padding:unset;
      width:96%;
  }
 #content .bg {
      height:35vw;
      background-image:url(//6876478.fs1.hubspotusercontent-na1.net/hubfs/6876478/raw_assets/public/gleasin/assets/img/common/bg_mask_sp.png),url(//6876478.fs1.hubspotusercontent-na1.net/hubfs/6876478/raw_assets/public/gleasin/assets/img/privacypolicy/header_bg_privacy_sp.jpg);  

    }
  #content .head {
      margin: 0 auto;
    padding: 7em 0 0 0;
  }
  #content .head h1 {
      line-height: 1.3;
  }
  #content .head h1 span:nth-of-type(1) {
      font-size: 6.5vw;
  }
  #content .head h1 span:nth-of-type(2) {
      font-size: 3.5vw;
  }
  #main>section {
      margin: 0 auto;
      width: 92vw;
  }
  #main>section section {
      margin-top: 6.66667vw;
  }
  #main h2 {
      margin-bottom: 3.33333vw;
      font-size: 3.5vw;
  }
  #main .badge img {
      width: 60.66667vw;
  }
  #main .badge .caption {
      font-size: 2.93333vw;
  }
  #main p, #main li {
      font-size: 2.5vw;
  }
  #main h3 {
      margin-bottom: 5vw;
      font-size:3vw;
      border-left:3px solid #0299f2;
      padding-left:0.5em;
  }
  #main .update {
      margin-top: 6.66667vw;
  }
   #main li, #main p {
      font-size: 2.2vw;
  }
  .header_logo {
      width:150px;
      margin-top:5px;
}
  .flex-r {
    flex-direction: column;
    justify-content: center;
}
/*     .footer_menu {
    width: 50%;
    margin:0 auto;
    font-size: 12px;
    text-align:center;
}
.footer_logo {
  margin: 0 auto;
}
.footer_origin {
  height: 230px;
}
  .header_origin {
  height: 50px;
}
 .footer_menu p {
   margin:10px 0 0 0;
  font-size:12px;
}
} */
@media screen and (max-width:400px){
.header_origin{
  height:40px;
}
h1{
  font-size:1em;
}
 #content .head h1 span:nth-of-type(1) {
  font-size:1.35em;
 }
#content .head h1 span:nth-of-type(2) {
  font-size:0.5em;
 }
  #content .head h1 {
  line-height: 1.2;
}
  .header_logo{
   margin-left:10px;
  }
    .header_logo {
      width: 100px;
      margin-top: 5px;
  }

}