@charset "UTF-8";
/* =================================================================================
//
// RESET
//
//================================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu, select,
time, mark, audio, video, source, picture {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

html, body {
  height: 100%; }

html {
  overflow-y: scroll;
  font-size: 62.5%;
  /* 10px */
  min-height: 100%; }
  html.no-scroll {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

body {
  font-family: "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-print-color-adjust: exact;
  font-size: 16px;
  font-size: 1.6rem; }
  body * {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit; }
    body *::before, body *::after {
      box-sizing: border-box; }
  body.fixed {
    position: fixed;
    width: 100%; }
  body.pattern {
    background: url("../img/bg_head.png"); }

main, section {
  display: block; }

p, li, dt, dd, textarea {
  color: #333;
  line-height: 1.7; }

h1, h2, h3, h4, h5 {
  line-height: 1.7; }

img {
  border: 0px;
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  text-align: left; }

#wrap td.center, #wrap th.center {
  text-align: center; }
#wrap td.left, #wrap th.left {
  text-align: left; }
#wrap td.right, #wrap th.right {
  text-align: right; }

li {
  list-style: none; }

a {
  color: #000;
  outline: 0;
  opacity: 1;
  transition: opacity 0.5s; }
  a:hover {
    opacity: 0.5; }
  a.link--blue {
    color: #0256a9; }

input[type=text], input[type=password] {
  font-size: 14px;
  font-size: 1.4rem;
  height: 34px;
  line-height: 34px;
  padding: 0 5px;
  border: solid 1px #646464; }
  input[type=text].bor, input[type=password].bor {
    border-width: 2px; }

input:focus {
  outline: 0; }

textarea {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px;
  margin: 0;
  border: solid 1px #646464; }

select {
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select:focus {
  outline: 0; }

select::-ms-expand {
  display: none; }

input[type=checkbox], input[type=radio] {
  display: none; }

input[type=button] {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

input::placeholder {
  color: #969696; }

/* IE */
input:-ms-input-placeholder {
  color: #969696; }

/* Edge */
input::-ms-input-placeholder {
  color: #969696; }

.clear {
  clear: both; }

.cf::after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

.pc {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block; } }