@charset "utf-8";
@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css");
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {content: "";display: block;clear: both;}
/* flex */
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	en
------------------------------------------------------------*/

.min {
	font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.en{
	font-family: din-condensed, sans-serif;
font-weight: 400;
}

/*-----------------------------------
ローディング
-------------------------------------*/
.loading-screen {
  background-color: white;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0%;
  transition: all .3s;
	height: 100dvh;
  width: 100%;
  z-index: 999999999;
}
  .loading-screen .mask {
    overflow: hidden;
    height: 31px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-49%);
    transition: all .3s;
    transition-delay: .4s; 
}
    .loading-screen .mask img {
      transform: translateY(55px);
      transition: all .6s;
}
  .loading-screen .logo {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-49%);
}
  .loading-screen.active {
    transition-delay: 2s;
    opacity: 0;
    pointer-events: none; 
}
    .loading-screen.active .mask img {
      transform: translateY(-15px); 
}