@charset "UTF-8";

/* -------------------------------------------------

icon.css

------------------------------------------------- */
/* 外部リンクアイコン
================================================== */
i { 
	position:relative;
}
.icon__ex_link,.icon__ex_link--black {				/* 黒 */
	left:3px;
	top:0px;
}
.icon__ex_link::before,
.icon__ex_link::after,
.icon__ex_link--black::before,
.icon__ex_link--black::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 7px;
  height: 6px;
		transform: scale(1);
  border-style: solid;
  border-color: #333333;
}
.icon__ex_link::before,.icon__ex_link--black::before {
  top: 0;
  left: 0;
  border-width: 1px;
}
.icon__ex_link::after,.icon__ex_link--black::after {
  top: 2px;
  left: 2px;
  border-width: 0 1px 1px 0;
}


.icon__ex_link--white {				/* 白 */
	margin-left: 5px;
	top:-15px;
}
.icon__ex_link--white::before,
.icon__ex_link--white::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 7px;
  height: 6px;
		transform: scale(1);
  border-style: solid;
  border-color: #272343;
}
.icon__ex_link--white::before {
  top: 0;
  left: 0;
  border-width: 1px;
}
.icon__ex_link--white::after {
  top: 2px;
  left: 2px;
  border-width: 0 1px 1px 0;
}

.icon__ex_link--KK {				/*  */
	margin-left: 5px;
	top:0px;
}
.icon__ex_link--KK::before,
.icon__ex_link--KK::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width:6px;
  height: 5px;
		transform: scale(1);
  border-style: solid;
  border-color: #333333;
}
.icon__ex_link--KK::before {
  top: 0;
  left: 0;
  border-width: 1px;
}
.icon__ex_link--KK::after {
  top: 2px;
  left: 2px;
  border-width: 0 1px 1px 0;
}


/* TELアイコン
================================================== */
.icon__TEL::before {
 content: "";
	background: url("../images/icon_tel.svg");
	background-size: 30px;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.icon__TEL_SP::before {
 content: "";
	background: url("../images/icon_tel.svg");
	background-size: 40px;
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
/*@media screen and (max-width: 480px)  {
.icon__TEL_SP::before {
	background-size: 30px;
	width: 30px;
	height: 30px;
}
}*/


/* MAILアイコン
================================================== */
.icon__MAIL::before {
 content: "";
	background: url("../images/icon_mail.svg");
	background-size: 30px;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
/*@media screen and (max-width: 480px)  {
.icon__MAIL::before {
	background-size: 20px;
	width: 20px;
	height: 20px;
}
}*/


/* 丸アイコン
================================================== */

.icon__circle::before {
  content: ''; /* 必須 */
  display: inline-block;
  width: 10px;
  height: 10px;
		border: 1px solid #333;
  border-radius: 50%; /* 50%で円形に [1] */
  margin-right: 10px; /* 見出し文字との間隔 */
}