@charset "utf-8";

/*--------------------------------------------
エージェント別
--------------------------------------------*/
/********* pc *********/
.u-pc {
  display: block !important;
}

.u-pc__flex {
  display: flex !important;
}

.u-pc__inline {
  display: inline !important;
}

.u-sp,
.u-sp__flex,
.u-sp__inline {
  display: none !important;
}

/********* sp *********/
@media only screen and (max-width: 767px) {
  .u-pc,
  .u-pc__flex,
  .u-pc__inline {
    display: none !important;
  }

  .u-sp {
    display: block !important;
  }

  .u-sp__flex {
    display: block !important;
  }

  .u-sp__inline {
    display: inline !important;
  }
}


/*--------------------------------------------
font
--------------------------------------------*/
/* Zen Kaku Gothic New
Medium 500
Bold 700
Black 900
*/
.u-fn_zenkaku {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
}

.u-fn_zenkaku.-fw_700 {
  font-weight: 700;
}

.u-fn_zenkaku.-fw_900 {
  font-weight: 900;
}

/* Noto Sans JP
Regular 400
Medium 500
Bold 700
*/
.u-fn_noto {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.u-fn_noto.-fw_500 {
  font-weight: 500;
}

.u-fn_noto.-fw_700 {
  font-weight: 700;
}

/* Oswald
Regular 400
Medium 500
*/
.u-fn_oswald {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}


/*--------------------------------------------
scroll fadeIn
--------------------------------------------*/
.u-fadein {
	opacity: 0;
	transform: translate(0, 1.111vw);
	transition: all 1s ease-out;
}


/*--------------------------------------------
hoverで半透明
--------------------------------------------*/
.u-hover:hover {
  opacity: 0.7;
  transition-duration: 0.2s;
}