@charset "UTF-8";
/* CSS Document */

/*初期設定*/
* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100px;
}

html.no-scroll {
  overflow: hidden !important;
  height: 100vh !important;
}

body {

  font-size: 0.15rem;
  font-weight: 400;
  position: relative;
  margin: 0 auto;
  background: #fff
}

/*floatクリア用*/
.clear {
  clear: both;
}

/*メインコンテンツブロック*/

.clearfix:after {
  content: " ";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
  overflow: visible;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

a {
  text-decoration: none;
  color: #3E3A39;
  display: block;
}

a img {
  border: none;
  outline: none;
}

.txt-area a.link-btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;

}

.txt-area a.link-btn {
  transition: all .8s ease;
  -webkit-transition: all .8s ease;
}

p {
  line-height: 1.7;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

table img {
  display: block;
}

table td,
table th {
  box-sizing: border-box;
}

.right {
  float: right;
}

.left {
  float: left;
}

.rela {
  position: relative;
}

.abso {
  position: absolute;
}

h1,
h2,
h3,
h4 {
  text-align: center;
}

ul li {
  list-style: none;
}

/* iOSでのデフォルトスタイルをリセット */
/*input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input, button, select, textarea {
    -webkit-appearance: none;}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}*/

img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* 画面外にいる状態 */
.fadein {
  opacity: 0;

  transition: all 1000ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
  opacity: 1;

}

.mt10 {
  margin-top: 10px;
}

.sp-vis {
  display: none !important;
  margin: 40px auto;
}


@media(min-width:751px) {
  .sp-vis {
    display: none !important;
    margin: 40px auto;
  }
}

@media(max-width:750px) {
  .sp-vis {
    display: block !important;
    margin: 0 auto;
  }

  .pc-vis {
    display: none !important;
  }
}

.bk,
nav li a,
footer li {
  font-family: vdl-logojrblack, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.static {
  position: static !important;
}