@charset "UTF-8";
/*
layout
*/
/*
color
*/
/*
pxをvwに変換

ウインドウ幅1400pxに対して要素幅50pxの場合
getvw(50,1400)となる
*/
/*
メディアクエリ
記述例
body{
  @include msw('max',1200){
    background-color: red;
  }
}
*/
/*
ICON FONT
*/
/************************************************************
SCREEN ALL
*************************************************************/
/************************************************************
SCREEN SP
*************************************************************/
@media screen and (max-width:767px) {
  .top {
    padding: 60px 0 100px;
  }
  .top .top-404 {
    color: #0C3387;
    text-align: center;
    font-feature-settings: "palt" on;
    font-size: 60px;
    font-weight: 700;
    line-height: 0.45em;
  }
  .top .top-404 small {
    font-size: 30px;
    line-height: 1em;
  }
  .top .top-txt-01 {
    width: 84.6153846154vw;
    margin: 30px auto 0;
    text-align: center;
    font-feature-settings: "palt" on;
    font-size: 16px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 1.12px;
  }
  .top .top-link {
    margin: 60px auto 0;
    width: 84.6153846154vw;
    max-width: 350px;
  }
}
/************************************************************
SCREEN PC
*************************************************************/
@media screen and (min-width:768px) {
  .top {
    padding: 150px 0;
  }
  .top .top-404 {
    color: #0C3387;
    text-align: center;
    font-feature-settings: "palt" on;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.45em;
  }
  .top .top-404 small {
    font-size: 40px;
    line-height: 1em;
  }
  .top .top-txt-01 {
    margin-top: 30px;
    text-align: center;
    font-feature-settings: "palt" on;
    font-size: 16px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 1.12px;
  }
  .top .top-link {
    margin: 60px auto 0;
  }
}