@charset "utf-8";
/*
htmlやbody、a要素など、タグに直接設定するものを記述します。
Things that will be set directly and tags such as HTML, body and a element will be written.

このカテゴリーのみ、接頭辞から始まりません。
Only this category will not begin with the prefix.

フォントサイズはremで指定します。
Font size will be set as "rem".

↓↓↓↓↓↓コメントアウト表記サンプル Comment out sample ↓↓↓↓↓↓
*/
/*----------------------------------------------
	大くくりコメントアウト large part
---------------------------------------------*/

/*  中くくりコメントアウト middle part
------------------------------------- */

/* 小くくりコメントアウト small part */
/*
↑↑↑↑↑↑コメントアウト表記サンプル Comment out sample ↑↑↑↑↑↑

*/
/*----------------------------------------------
	html
---------------------------------------------*/
html {
  font-size: 62.5%;
  scroll-padding-top: 72px;
}
/*↑ 10pxが1remとなる様に調整*/

/*----------------------------------------------
	body
---------------------------------------------*/
body {
  min-width: 1260px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  color: #000000;
  line-height: 1.6;
  overflow-x: hidden;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  body {
    min-width: 100%;
    overflow-x: hidden;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #fff!important;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);;
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
  }
  body::before,
  body::after {
      content: "";
      display: block;
      width: 100%;
      height: 100vh;
      position: fixed;
      position: -webkit-fixed;
      left: 0;
      z-index: -1;
      transform: translateZ(-1px);
      transform: rotateY(180deg);
	    -webkit-transform: translateZ(-1px);
	    -webkit-transform: rotateY(180deg);
  }
  body::before {
      top: 0;
      background-color: #fff!important;
  }
  body::after {
      bottom: 0;
      background-color: #fff!important;
  }
}

/*----------------------------------------------
	a
---------------------------------------------*/
a {
  color: #FA0046;
  transition: .3s;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}

/*----------------------------------------------
	table
---------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----------------------------------------------
	h1,h2,h3,h4,h5,h6
---------------------------------------------*/
h1,h2,h3,h4,h5,h6{ margin: 0; }
/*----------------------------------------------
	img
---------------------------------------------*/
img {
  max-width: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  img {
    height: auto;
  }
}
/*----------------------------------------------
	li
---------------------------------------------*/
li {
  list-style-type: none;
}
/*----------------------------------------------
	*
---------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}