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

/*初期設定*/
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
  -webkit-appearance: none;
}
*:focus {outline: 0;}
body {
  font-family:"Yu Gothic", "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size:14px;
  color: #333;
  font-weight: 500;
  position: relative;
  margin: 0 auto;
}
select {
  appearance: none !important;           /* 標準のスタイルを無効にする */
    -webkit-appearance: none !important; /* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none !important;    /* ベンダープレフィックス(Firefox用) */
}
img {
  display: block;
  -webkit-backface-visibility: hidden;
  width: initial;
  height: initial;
}
a{
  word-break: break-all;
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #ff7600;
}
a img{
  border:none;
  border-style:none;
  outline:none;
}
a img:hover{
    opacity: 0.7;
}
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;
}
h1,h2,h3,h4,h5,h6{
  font-size: initial;
  font-weight: normal;
}
ul li{
  list-style: none;
}
h3 {
  margin-left: auto;
  margin-right: auto;
}
h3 img{
  display: block;
  width: 100%;
}
input[type="text"]:focus {
  outline: 0;
}
/*floatクリア用*/
  .clear {
    clear:both;
  }
/* ヘッダー */
  .header__area {
    width: 1200px;
    margin: 0 auto;
  }
/*メインコンテンツブロック*/
  .clearfix:after {
    content: " ";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .clearfix {
    min-height: 1px;
    overflow:visible;
  }

  * html .clearfix {
    height: 1px;
  }
@media(max-width:970px){
  .sp{
    display: block;
  }
  .pc{
    display: none;
  }
  .sp-pc {
    display: block !important;
  }
}

/* -970px */
@media screen and (min-width: 801px) and (max-width:970px){
}

@media(max-width:800px){
  input {
    font-size: 16px !important;
  }
}