@charset "utf-8";
/* CSS Document */


/* contents==========================

	1.for contents style
	
*/
/* 1.for contents style ==============================================*/

/* ----------------------------------------------------
メディアクエリ設定 All
------------------------------------.life .ex dd---------------- */
.bg-title{ margin-bottom: 0;}
.bg-title h1{ color: #333;}

/* 
.index
----------------------------------- */
.s-box{ 
  max-width: 980px;
  margin: 0 auto;
  line-height: 1.8;
}
.s-box p{ margin-bottom: 30px; }

.attention ol > li{
  list-style: decimal;
  margin:0 0 30px 30px;
}
.attention ol ul{
  margin: 10px 0 0 20px;
  list-style: disc;
  color: #DD0003;
}
.attention ol ol{
  margin: 10px 0 0 20px;
}
.attention ol ol li{ margin: 0;}
.attention .btn-red-s{
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
/*All END*/


/* ----------------------------------------------------
メディアクエリ設定 (PC) 1000px～ 
---------------------------------------------------- */
@media screen and (min-width: 1000px) {
  
/* (PC) 1000px～  END*/
}


 /* ----------------------------------------------------
メディアクエリ設定 (smartPhone only)   0～999px
---------------------------------------------------- */
@media screen and (max-width: 999px) {
}

 /* ----------------------------------------------------
メディアクエリ設定 (tablet and PC) 769px～ 
---------------------------------------------------- */
@media only screen and (min-width: 769px){
	
.sp-only { display: none; }
	
/*(tablet and PC) 769px～  END*/
}

 /* ----------------------------------------------------
メディアクエリ設定 (tablet　smartPhone)  0～960px
---------------------------------------------------- */
@media only screen and (max-width: 960px) {
  /*0～960px*/

}



 /* ----------------------------------------------------
メディアクエリ設定 (smartPhone only)   0～768px
---------------------------------------------------- */
@media screen and (max-width: 768px) {
  .bg-title{ margin-bottom: 30px ;}
  .s-box p{ margin-bottom: 15px; }
  
  .attention ol > li{
    margin: 0 0 15px 15px;
  }
  .attention ol ul,.attention ol ol{
    margin: 10px 0 0 15px;
  }
  .attention ol ol li+li,.attention ol ul li+li{
    margin-top: 5px;
  }
  /*smartPhone END*/
}


