@charset "UTF-8";

#Journal article > h2{
	padding-left:10px;
	padding-right:10px;
}

  /* ２段目のパンくずを無効化（現在キャンペーンを無効化） */
  #bread-crumb-listTop li:nth-of-type(2) a {
	pointer-events: none;
  }


/* ユーティリティ */
.u_sp {
	display: none;
  }
  
  
  @media screen and (max-width: 768px) {
	.u_pc {
		display: none;
	  }
	  
	.u_sp {
	  display: block;
	}
	.u_sp_inlineblock {
	  display: inline-block ;
	}
  
  }
  
  
  .u_clearfix:after {
	content: "";
	display: block;
	clear: both;
  } 

.content_width:after {
	content: "";
	display: block;
	clear: both;
  } 

  .content_width{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	line-height:1.8;
	font-size:16px;
	letter-spacing: 0.1em;
	padding-left:20px;
	padding-right:20px;
  }


/*customer_area*/

.customer_area{
	padding-top:30px;
}

.customer_area .color-red{
	color:#db6557 !important;
}

.customer_area .weight-bold{
	font-weight: bold;
}


.customer_area-hl01{
	position: relative;
	font-weight: bold;
	font-size: 24px !important;
	margin-bottom:30px !important;
	border-bottom:1px solid #999 !important;
	z-index: 1;
}

.customer_area-hl01:before{
	content: "";
	display: block;
	position: absolute;
	width:100px;
	height:3px;
	bottom:-2px;
	left:0;
	background:#db6557;
	z-index: 2;
}


.customer_area-textarea{
	margin-bottom:60px;
}

.customer_area-textarea > p{
	font-size: 18px;
}

.customer_area-textarea > p+.customer_area-graylist{
	margin-top:20px !important;
}

.customer_area-graylist{
	background:#eee;
	padding:20px !important;
	
}

.customer_area-graylist li{
	position: relative;
	padding-left:10px !important;
}

.customer_area-graylist li::before{
	content: "";
	display: block;
	border-radius: 100%;
	background:#db6557;
	position: absolute;
	width:5px;
	height:5px;
	left:0;
	top:12px;
}

.customer_area-graylist li+li{
	margin-top:5px !important;
}


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

	.customer_area{
		padding-top:3vw;
	}

	.customer_area-hl01{
		font-size: 5vw !important;
		margin-bottom:5vw !important;
		padding-bottom:3vw !important;
		line-height:1.3;
	}
	
	.customer_area-hl01:before{
		width:30vw;
	}
	
	
	.customer_area-textarea{
		margin-bottom:10vw;
	}
	
	.customer_area-textarea > p{
		font-size: 4vw;
	}
	
	.customer_area-textarea > p+.customer_area-graylist{
		margin-top:5.5vw !important;
	}
	
	.customer_area-graylist{
		padding:5vw !important;
		
	}
	
	.customer_area-graylist li{
		padding-left:3vw !important;
		font-size: 3.5vw;
	}
	
	.customer_area-graylist li::before{
		width:1.5vw;
		height:1.5vw;
		top:2.1vw;
	}
	
	.customer_area-graylist li+li{
		margin-top:2vw !important;
	}

}