@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;
}

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

.en {
  font-family: 'Montserrat', "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-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;
}


.mb0 {
  margin-bottom: 0px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

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

.mb24 {
  margin-bottom: 24px !important;
}

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

.mb32 {
  margin-bottom: 32px !important;
}

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

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

.mb60 {
  margin-bottom: 60px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

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

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

  br.spEle {
    display: inline-block;
  }

  .pcEle {
    display: none !important;
  }


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

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

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

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


}



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



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