@charset "utf-8";
body {
  font-family: 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  color: #000;
  line-height: 1.5em;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
}

p {
  margin: 1.5em 0;
}

.clear {
  clear: both;
}

img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}

a {
  color:inherit;
  text-decoration: none;
}

.DivLink {
  position: relative;
}

.DivLink .Link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #e5e7eb;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

main{
  min-height: 100vh;
}


/*========================================================
　　　　　　　　　　ここまで基本設定
========================================================*/




/*========================================================
==========================================================
　　　　　　　　　　　　　PC only
==========================================================
========================================================*/
@media screen and (min-width:1190px) {
  html {
    font-size: 62.5%;
  }

  .pc-none {
    display: none;
  }

  .pc-br::after {
    content: "\A";
    white-space: pre;
  }




}

/*=======================================================
==========================================================
  　　　　　　　　　　　　SP only
==========================================================
========================================================*/
@media screen and (max-width:768px) {
  html {
    font-size: 55%;
  }

  body {
    min-width: 360px;
  }

  .sp-none {
    display: none;
  }

  .sp-br::after {
    content: "\A";
    white-space: pre;
  }


}

/*====================================================
  　　　　　　　　　　　　さらに細かく480以下
=======================================================*/
@media screen and (max-width:480px) {}

/*=======================================================
==========================================================
  　　　　　　　　　　　　Ipad only
==========================================================
========================================================*/
@media screen and (min-width:768px) and (max-width:1190px) {
  html {
    font-size: 59%;
  }

  .pc-none {
    display: none;
  }

  .pc-br::after {
    content: "\A";
    white-space: pre;
  }



}

/*=======================================================
==========================================================
==========================================================
========================================================*/