@charset "UTF-8";
/*----------------------------------------------------
	☆Uniq Common Rules

bgColor #FFFFF3
theme color #FFFFF3
sub color #FFFFF3
color #333
title color #7A99B2
link color #448EE3

masking layer color #fcfff0;

transition:.2s;


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

body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
p,
img {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #333;
  line-height: 1.7;
  min-width: 320px;
}
.min {
  font-family: 游明朝, 游明朝体, Yu Mincho, YuMincho, ヒラギノ明朝 ProN W3,
    ヒラギノ明朝 Pro W3, HiraMinProN-W3, HG明朝E, Hiragino Mincho ProN,
    Hiragino Mincho Pro, HGS明朝E, ヒラギノ明朝 Pro W6, ＭＳ Ｐ明朝, MS PMincho,
    MS 明朝, serif;
}

/* .oswald {
  font-family: 'Oswald', 'Noto Sans JP', "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}

.gosi {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}

.en {
  font-family: 'Oswald', 'Noto Sans JP', "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  letter-spacing: 0.05em;
}

.en1 {
  font-family: "Montserrat", "Times New Roman", Times, serif;
  letter-spacing: 0.05em;
} */

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: #231815;
}

a:link {
  /*	text-decoration: underline;*/
  outline: none;
}

a:hover {
  text-decoration: none;
  outline: none;
}

#contents p {
  line-height: 1.7;
}

ul,
ol {
  list-style-type: none;
}

ul li,
ol li,
dl {
  line-height: 1.7;
}

a:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.7;
}

::selection {
  background-color: #888;
  color: #fffff3;
  /* Safari */
}

::-moz-selection {
  background-color: #888;
  color: #fffff3;
  /* Firefox */
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
li,
dt,
dd,
th,
td,
p {
  font-size: 100%;
}

/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
  /* for IE 6/7 only */
}


/*----------------------------------------------------
	☆base 要素
----------------------------------------------------*/

figure,
.is-img {
  line-height: 0 !important;
}

img {
  max-width: 100%;
  width: auto;
}

.spEle {
  display: none;
}


.btm0 {
  margin-bottom: 0px !important;
}
.btm10 {
  margin-bottom: 10px !important;
}

.btm20 {
  margin-bottom: 20px !important;
}

.btm30 {
  margin-bottom: 30px !important;
}

.btm40 {
  margin-bottom: 40px !important;
}

.btm50 {
  margin-bottom: 50px !important;
}

.btm60 {
  margin-bottom: 60px !important;
}
.btm80 {
  margin-bottom: 80px !important;
}

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

  /*----------------------------------------------------
	☆base 要素
----------------------------------------------------*/
  .spEle {
    display: block;
  }

  br.spEle {
    display: inline-block;
  }

  .pcEle {
    display: none !important;
  }


  .btm30 {
    margin-bottom: calc(30 / 414 * 100vw) !important;
  }

  .btm40 {
    margin-bottom: calc(30 / 414 * 100vw) !important;
  }

  .btm50 {
    margin-bottom: calc(30 / 414 * 100vw) !important;
  }

  .btm60 {
    margin-bottom: calc(30 / 414 * 100vw) !important;
  }


}



@media screen and (min-width: 769px) {
  .error-inner {
    margin: 0 auto;
    padding: 140px 48px 64px;
    text-align: center;
    border: 10px solid #000;
    margin: 250px auto;
    width: 400px;
    position: relative;
  }

  .error-inner:before {
    background-image: url(/lib/img/common/habatan-error.png);
    content: "";
    width: 220px;
    height: 310px;
    background-size: cover;
    position: absolute;
    left: calc(50% - 110px);
    top: -150px;




  }

  .errornum {
    font-size: 180px;
    line-height: 140px;
  }

  .errortxt {
    font-size: 45px;
  }
}



@media screen and (max-width: 769px) {
  .error-inner {
    margin: 0 auto;
    padding: 110px 48px 64px;
    text-align: center;
    border: 10px solid #000;
    margin: 250px auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }

  .error-inner:before {
    background-image: url(/lib/img/common/habatan-error.png);
    content: "";
    width: 195px;
    height: 270px;
    background-size: cover;
    position: absolute;
    left: calc(50% - 100px);
    top: -150px;




  }

  .errornum {
    font-size: 120px;
    line-height: 100px;
  }

  .errortxt {
    font-size: 25px;
  }
}