@charset "utf-8";
/* CSS Document */


/* contents==========================

	1.for contents style
	
*/

/* 1.for contents style ==============================================*/


/* ----------------------------------------------------
メディアクエリ設定 All
---------------------------------------------------- */
/* common */

.breadcrumb li{
  color: #fff;
}
.breadcrumb li a{
  color: #fff;
  background: url(/common/img/arrow_white.png) right 5px center / 4px auto no-repeat;
}
.content > section{
  margin-top: 80px;
}
.index .content{
  line-height: 1.8;
}
.index .content dt{
  font-weight: bold;
  font-size: 24px;font-size: 2.4rem;
  margin-bottom: 10px;
}
.index .content dd{
  margin-bottom: 30px;
}
.index .content dd span{
  color: #b40200;
  font-weight: bold;
  font-size: 14px;font-size: 1.4rem;
}
.index .content p{
  margin-bottom: 20px;
}
.index .content .note{
  text-indent: -1em;
  padding-left: 1em;
}
.index .comparing table{
  border: 1px solid #e1e1e1;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.index .comparing table th{
  border: 1px solid #e1e1e1;
  padding: 10px;
  width: 50%;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.index .comparing th.one{
  background: #906;
}
.index .comparing th.m100{
  background: #C39;
}
.index .comparing table td{
  border: 1px solid #e1e1e1;
  padding: 10px;
  text-align: center;
}
.index .comparing td.one span{
  color: #906;
  font-weight: bold;
  font-size: 20px;font-size: 2.0rem;
}
.index .comparing td.m100 span{
  color: #C39;
  font-weight: bold;
  font-size: 24px;font-size: 2.4rem;
  border-bottom: 2px solid #C39;
}
.index .comparing .deadline{
  text-align: center;
  margin-top: 30px;
  font-size: 20px;font-size: 2.0rem;
}
/* 
index
---------------------------------------------------- */
/*All END*/


/* ----------------------------------------------------
メディアクエリ設定 (PC) 961px～ 
---------------------------------------------------- */
@media screen and (min-width: 961px) {
	

/* (PC) 961px～  END*/
}


 /* ----------------------------------------------------
メディアクエリ設定 (tablet and PC) 769px～ 
---------------------------------------------------- */
@media only screen and (min-width: 769px){
	
.sp-only { display: none; }
	
	
/*(tablet and PC) 769px～  END*/
}

 /* ----------------------------------------------------
メディアクエリ設定 (tablet　only)  769～960px
---------------------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 960px) {

/*769～960px*/
}

 /* ----------------------------------------------------
メディアクエリ設定 (tablet　smartPhone)  0～960px
---------------------------------------------------- */
@media only screen and (max-width: 960px) {

.pc-only { display: none; }
.sp-only { display: block !important; }
  /*0～960px*/
}



 /* ----------------------------------------------------
メディアクエリ設定 (smartPhone only)   0～768px
---------------------------------------------------- */
@media screen and (max-width: 768px) {
  
.content > section{
  margin-top: 40px;
}
.index .content dt{
  font-size: 18px;font-size: 1.8rem;
  margin-bottom: 10px;
}
.index .comparing table{
  width: 100%;
}
.index .comparing table td{
  font-size: 12px;font-size: 1.2rem;
  vertical-align: middle;
}
.index .comparing table td span{
  display: block;
}
.index .comparing td.one span{
  font-size: 14px;font-size: 1.4rem;
}
.index .comparing td.m100 span{
  font-size: 18px;font-size: 1.8rem;
}
.index .comparing .deadline{
  margin-top: 15px;
  font-size: 14px;font-size: 1.4rem;
}
/*smartPhone END*/
}