@charset "UTF-8";
/* Scss Document */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  /*16px x 0.625 = 10px(=1rem) */
  font-feature-settings: "palt";
  letter-spacing: .15rem;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  color: #fff;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 2.0rem;
	line-height: 1.5;
  /*line-height: 3.2rem;*/
}

.mincho {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho",'Noto Serif JP', serif;
}
.kaigyo {
  padding-bottom: 2rem;
}

button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}
input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.4em 0.8em;
  width: 100%;
}

input:focus {
  border: 1px solid rgba(0, 0, 0, 0.32);
  box-shadow: none;
  outline: none;
}

input[type="number"] { 
  -moz-appearance:textfield; 
} 
nput[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
ul {
  list-style: none;
}
img {
  width: 100%;
  vertical-align: top;
}
a {
  color: #fff;
  word-break: break-all;
  text-decoration: none;
  transition: 0.5s;
}
a img {
  border-bottom: none;
}
a:hover {
  opacity: 0.6;
  text-decoration: none;
}
a:hover img {
  border-bottom: none;
}
.link {
  color: #b51714;
  font-weight: 700;
}
.bold {
  font-weight: 700;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.font-small {
  font-size: 75%;
}
.red {
  color: #b51714;
}
/* SP */
@media screen and (max-width: 767px) {
  html { letter-spacing: .11rem;}
  body {
    font-size: 1.3rem;
    /*line-height: 2.4rem;*/
  }
  .kaigyo {padding-bottom: 1.2rem;}
}
/* TAB */
@media screen and (min-width: 768px) and (max-width: 1025px) {
  body {
    font-size: 1.6rem;
    /*line-height: 2.8rem;*/
  }
   .kaigyo {padding-bottom: 1.4rem;}
}