@charset 'utf-8';

/*メディアクエリー
スマホ @media (max-width: 768px)
タブレットのみ @media (min-width:768px) and (max-width:1000px)
タブレット・PC @media (min-width:768px)
PCのみ　@media (max-width: 1000px)
PC大 @media (min-width:1200px) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/

.area_type li a {
	position: relative;
  }
  
  @media screen and ( min-width:834px ) {
  .area_type li a::after {
	content: "";
	display: block;
	width: 6.9px;
	height: 10px;
	background-image: url('/img/arrow_right_green.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 4px;
	transform: translateX(0);  /* 初期位置 */
	transition: transform 0.3s ease-out; /* スムーズな動き */
  }
  
  .area_type li a:hover::after {
	transform: translateX(4px); /* ホバー時に右へ移動 */
  }
}
  
  .button_white { margin:0 auto; /*display:block; */}