@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: 8px;
  height: 7px;
		transform: scale(1);
  border-style: solid;
  border-color: #272343;
}
.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;
}

/* フリーダイヤルアイコン
================================================== */
.icon__freedial::before {
 content: "";
	background: url("../images/icon__freedial.svg");
	background-size: 36px 22px;
	display: block;
	width: 36px;
	height: 22px;
	margin-right: 8px;
}
.icon__freedial02::before {
 content: "";
	background: url("../images/icon__freedial.svg");
	background-size: 56px 34px;
	display: block;
	width: 56px;
	height: 34px;
	margin-right: 20px;
}
@media screen and (max-width: 768px)  {
.icon__freedial02::before {
	background-size: 50px 30px;
	width: 50px;
	height: 30px;
	margin-right: 20px;
}

}
@media screen and (max-width: 480px)  {
.icon__freedial02::before {
	background-size: 33px 20px;
	width: 33px;
	height: 20px;
	margin-right: 10px;
}
}


/* 丸数字アイコン（プラン）
================================================== */
.icon__marunam01::before,
.icon__marunam02::before,
.icon__marunam03::before {
 content: "";
	position: absolute;
	top:-25px;
	left:-15px;
}
.icon__marunam01::before {
	background: url("../plan/images/icon_marunum01.svg");
	background-size: 76px 79px;
	width: 76px;
	height: 79px;
}
.icon__marunam02::before {
	background: url("../plan/images/icon_marunum02.svg");
	background-size: 76px 79px;
	width: 76px;
	height: 79px;
}
.icon__marunam03::before {
	background: url("../plan/images/icon_marunum03.svg");
	background-size: 76px 79px;
	width: 76px;
	height: 79px;
}
@media screen and (max-width: 568px)  {
.icon__marunam01::before,
.icon__marunam02::before,
.icon__marunam03::before {
	top:-35px;
	left:-5px;
}
.icon__marunam01::before,.icon__marunam02::before,.icon__marunam03::before {
	background-size: 56px 63px;
	width: 56px;
	height: 63px;
}
}
@media screen and (max-width: 480px)  {
.icon__marunam01::before,
.icon__marunam02::before,
.icon__marunam03::before {
	top:10px;
	left:10px;
}
.icon__marunam01::before,.icon__marunam02::before,.icon__marunam03::before {
	background-size: 48px 56px;
	width: 48px;
	height: 56px;
}
}


/* 丸数字アイコン（その他）
================================================== */
.icon__marunam01_SNT::before,
.icon__marunam02_SNT::before,
.icon__marunam03_SNT::before {
 content: "";
	position: absolute;
	top:20px;
	left:20px;
}
.icon__marunam01_SNT::before {
	background: url("../images/other/icon_marunum01.svg");
	background-size: 76px 79px;
	width: 76px;
	height: 79px;
}
.icon__marunam02_SNT::before {
	background: url("../images/other/icon_marunum02.svg");
	background-size: 76px 79px;
	width: 76px;
	height: 79px;
}
.icon__marunam03_SNT::before {
	background: url("../images/other/icon_marunum03.svg");
	background-size: 76px 79px;
	width: 76px;
	height: 79px;
}
@media screen and (max-width: 768px)  {
.icon__marunam01_SNT::before,.icon__marunam02_SNT::before,.icon__marunam03_SNT::before {
	background-size: 56px 63px;
	width: 56px;
	height: 63px;
}
}
@media screen and (max-width: 640px)  {
.icon__marunam01_SNT::before,.icon__marunam02_SNT::before,.icon__marunam03_SNT::before {
	background-size: 52px 55px;
	width: 52px;
	height: 55px;
}
}
@media screen and (max-width: 480px)  {
.icon__marunam01_SNT::before,
.icon__marunam02_SNT::before,
.icon__marunam03_SNT::before {
	top:15px;
	left:10px;
}
.icon__marunam01_SNT::before,.icon__marunam02_SNT::before,.icon__marunam03_SNT::before {
	background-size: 44px 47px;
	width: 44px;
	height: 47px;
}
}
@media screen and (max-width: 414px)  {
.icon__marunam01_SNT::before,
.icon__marunam02_SNT::before,
.icon__marunam03_SNT::before {
	top:20px;
	left:10px;
}
.icon__marunam01_SNT::before,.icon__marunam02_SNT::before,.icon__marunam03_SNT::before {
	background-size: 40px 42px;
	width: 40px;
	height: 42px;
}
}

/* 丸数字アイコン（入校）
================================================== */
.icon__marunam01_Nyuko::before,
.icon__marunam02_Nyuko::before,
.icon__marunam03_Nyuko::before {
 content: "";
	display: inline-block;
	/*position: absolute;
	top:25px;
	left:20px;*/
}
.icon__marunam01_Nyuko::before {
	background: url("../images/other/icon_marunum01.svg");
	background-size: 48px 51px;
	width: 48px;
	height: 51px;
}
.icon__marunam02_Nyuko::before {
	background: url("../images/other/icon_marunum02.svg");
	background-size: 48px 51px;
	width: 48px;
	height: 51px;
}
.icon__marunam03_Nyuko::before {
	background: url("../images/other/icon_marunum03.svg");
	background-size: 48px 52px;
	width: 48px;
	height: 52px;
}
@media screen and (max-width: 768px)  {

}
@media screen and (max-width: 480px)  {
.icon__marunam01_Nyuko::before {
	background-size: 40px 43px;
	width: 40px;
	height: 43px;
}
.icon__marunam02_Nyuko::before {
	background-size: 40px 43px;
	width: 40px;
	height: 43px;
}
.icon__marunam03_Nyuko::before {
	background-size: 40px 43px;
	width: 40px;
	height: 43px;
}
}
@media screen and (max-width: 480px)  {

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

}


/* TELアイコン
================================================== */
.icon__TEL::before {
 content: "";
	background: url("../images/icon_tel.svg");
	background-size: 50px;
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 25px;
}
.icon__TEL_entry::before {			/*  仮入校  */
 content: "";
	background: url("../entry/images/icon_tel.svg");
	background-size: 44px;
	display: inline-block;
	width: 44px;
	height:44px;
	margin-left: 30px;
	margin-top: -5px;
}
.icon__TEL_nyuko::before {			/*  入校の流れ  */
 content: "";
	background: url("../entry/images/icon_tel.svg");
	background-size: 44px;
	display: inline-block;
	width: 44px;
	height:44px;
	margin-top: -5px;
}
@media screen and (max-width: 768px)  {
.icon__TEL::before {
	background-size: 40px;
	width: 40px;
	height: 40px;
	margin-right: 30px;
}
}

@media screen and (max-width: 480px)  {
.icon__TEL::before {
	background-size: 30px;
	width: 30px;
	height: 30px;
	margin-right: 12px;
}
.icon__TEL_entry::before {			/*  仮入校  */
	background-size: 26px;
	width: 26px;
	height:26px;
	margin-left: 10px;
	margin-top: -5px;
}
.icon__TEL_nyuko::before {			/*  入校の流れ  */
	background-size: 34px;
	width: 34px;
	height: 34px;
}
}


/* MAILアイコン
================================================== */
.icon__MAIL::before {
 content: "";
	background: url("../images/icon_mail.svg");
	background-size: 32px 24px;
	display: block;
	width: 32px;
	height: 24px;
}
.icon__MAIL_entry::before {			/*  仮入校  */
 content: "";
	background: url("../entry/images/icon_mail.svg");
	background-size: 40px 50px;
	display: inline-block;
	width: 40px;
	height: 50px;
	margin-left: 30px;
	margin-top: 0px;
}
@media screen and (max-width: 480px)  {
.icon__MAIL::before {
	background-size: 25px 20px;
	width: 25px;
	height: 20px;
}
.icon__MAIL_entry::before {			/*  仮入校  */
	background-size: 26px 32px;
	width: 26px;
	height: 32px;
	margin-left: 15px;
}
}

/* 書類アイコン
================================================== */
.icon__DOC_entry::before {
 content: "";
	background: url("../entry/images/icon_doc.svg");
	background-size: 44px 42px;
	display: inline-block;
	width: 44px;
	height: 42px;
	margin-left: 30px;
	margin-top: 5px;
}
.icon__DOC_nyuko::before {
 content: "";
	background: url("../entry/images/icon_doc.svg");
	background-size: 44px 42px;
	display: inline-block;
	width: 44px;
	height: 42px;
	margin-top: 5px;
}
@media screen and (max-width: 640px)  {

}
@media screen and (max-width: 480px)  {
.icon__DOC_entry::before {
	background-size: 26px 25px;
	width: 26px;
	height: 25px;
	margin-left: 10px;
}
.icon__DOC_nyuko::before {
	background-size: 34px 32px;
	width: 34px;
	height: 32px;
}
}


/* 車アイコン（入校手順で使用）
================================================== */
.icon__Car_nyuko::before {
 content: "";
	background: url("../school/images/icon_car.svg");
	background-size: 60px;
	width: 60px;
	height: 60px;
	display: inline-block;
}
@media screen and (max-width: 480px)  {
.icon__Car_nyuko::before {
	background-size: 50px;
	width: 50px;
	height: 50px;
}
}