@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　social
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background-image:url(../image/ttl_page_pc.png); 
}
.page-ttl h2 {
	width: 100%;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* social
-----------------------------------------------------------------*/
.social{
  padding: 50px 0 100px;  
}
.social .inner{
  max-width: 1030px;  
}
.social p.txt-lead{
  margin-bottom: 35px;
  font-size: 2rem;
  color:#e60020;
  text-align:center;
}
.social p.txt-lead2{
  margin-bottom: 20px;
  font-size: 1.6rem;
}
.social p.txt-lead3{
  margin-bottom: 15px;
  font-size: 2rem;
  color:#e60020;
  text-align:center;
}
.social p.txt-lead4{
  margin-bottom: 15px;
  font-size: 1.4rem;
  text-align:right;
}
.social p.txt-lead5{
  margin-bottom: 15px;
  padding-left:2em;
  text-indent:-2em;
}
.social p.txt-lead6{
  font-size:1.6rem;
  padding-left:1em;
  text-indent:-1em;
}
.social p.txt-lead7{
  margin-top: 15px;
  margin-bottom: 15px;
  font-size:1.6rem;
  padding-left:1em;
  text-indent:-1em;
}
.social p.txt-lead8{
  margin-left: 48px;
  font-size:1.6rem;
  padding-left:1em;
  text-indent:-1em;
}
.social p.txt-lead9{
  font-size:1.6rem;
  padding-left:3em;
  text-indent:-3em;
}
.social p.txt-lead10{
  margin-left: 16px;
  font-size:1.6rem;
  padding-left:1em;
  text-indent:-1em;
}
.social ol{
  font-size: 1.4rem;
  position:relative;
}
.social ol > li{
  list-style:decimal inside none;
  padding-left:1em;
  text-indent:-1em;
}
.social ol > li+li{
  margin-top: 15px;  
}
.social ol a{
  padding: 0 3px;
  color: #DE0021;
  text-decoration:underline;  
}
.social ol a:hover{
  text-decoration:none;  
}
.social li{
  font-size:1.6rem;
}
.social ul{
  margin-left: 30px;  
}
.social ul > li{
  list-style:decimal;   
}

/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

  .page-ttl{
    background-image:url(../image/ttl_page_sp.png); 
  }

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* social
-----------------------------------------------------------------*/
  .social{
    padding: 30px 0 40px;  
  }
  .social p.txt-lead{
    margin-bottom: 25px;
    font-size: 1.5rem;  
  }
  .social ol{
    font-size: 1.3rem;  
  }
  .social ol > li+li{
    margin-top: 10px;  
  }
  .social ul{
    margin-left: 25px;  
  }
}