@charset "UTF-8";
/****************************************************
 * Stylesheet
 *
 * 1.リセット reset
 * 2.基本設定 basic setting
 * 3.ユーティリティ utility
 * 4.印刷用調整 print
 * 
 ****************************************************/
/****************************************************
 * 1.リセット reset
 ****************************************************/
/*!
 YUI 3.18.1 (build f7e7bcb)
 Copyright 2014 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 http://yuilibrary.com/license/
 */
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

/****************************************************
 * 2.基本設定 basic setting
 ****************************************************/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  background-color: transparent;
  background-image: none; }

main {
  display: block; }

img {
  max-width: 100%;
  vertical-align: bottom; }

input, textarea {
  outline: none; }
  input:focus, textarea:focus {
    outline: none; }

input[type="submit"], input[type="button"] {
  -webkit-appearance: none; }

a {
  text-decoration: none;
  outline: none; }
  a:focus {
    outline: none; }

@media screen and (max-width: 768px) {
  html, body {
    height: 100%; }

  body {
    -webkit-text-size-adjust: 100%; } }
/****************************************************
 * 3.ユーティリティ utility
 ****************************************************/
.pcNone {
  display: none !important; }

.float-left, .float-left_pc {
  float: left; }

.float-right, .float-right_pc {
  float: right; }

.float-none {
  float: none; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clear {
  clear: both; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.align-baseline {
  vertical-align: baseline; }

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle; }

.align-bottom {
  vertical-align: bottom; }

.align-text-bottom {
  vertical-align: text-bottom; }

.align-text-top {
  vertical-align: text-top; }

.underline {
  text-decoration: underline; }

.bold {
  font-weight: 700; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.m-0 {
  margin: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.m-01 {
  margin: 0.5em !important; }

.mt-01 {
  margin-top: 0.5em !important; }

.mr-01 {
  margin-right: 0.5em !important; }

.mb-01 {
  margin-bottom: 0.5em !important; }

.ml-01 {
  margin-left: 0.5em !important; }

.m-02 {
  margin: 1em !important; }

.mt-02 {
  margin-top: 1em !important; }

.mr-02 {
  margin-right: 1em !important; }

.mb-02 {
  margin-bottom: 1em !important; }

.ml-02 {
  margin-left: 1em !important; }

.m-03 {
  margin: 1.5em !important; }

.mt-03 {
  margin-top: 1.5em !important; }

.mr-03 {
  margin-right: 1.5em !important; }

.mb-03 {
  margin-bottom: 1.5em !important; }

.ml-03 {
  margin-left: 1.5em !important; }

.m-04 {
  margin: 2em !important; }

.mt-04 {
  margin-top: 2em !important; }

.mr-04 {
  margin-right: 2em !important; }

.mb-04 {
  margin-bottom: 2em !important; }

.ml-04 {
  margin-left: 2em !important; }

.m-05 {
  margin: 2.5em !important; }

.mt-05 {
  margin-top: 2.5em !important; }

.mr-05 {
  margin-right: 2.5em !important; }

.mb-05 {
  margin-bottom: 2.5em !important; }

.ml-05 {
  margin-left: 2.5em !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.p-01 {
  padding: 0.5em !important; }

.pt-01 {
  padding-top: 0.5em !important; }

.pr-01 {
  padding-right: 0.5em !important; }

.pb-01 {
  padding-bottom: 0.5em !important; }

.pl-01 {
  padding-left: 0.5em !important; }

.p-02 {
  padding: 1em !important; }

.pt-02 {
  padding-top: 1em !important; }

.pr-02 {
  padding-right: 1em !important; }

.pb-02 {
  padding-bottom: 1em !important; }

.pl-02 {
  padding-left: 1em !important; }

.p-03 {
  padding: 1.5em !important; }

.pt-03 {
  padding-top: 1.5em !important; }

.pr-03 {
  padding-right: 1.5em !important; }

.pb-03 {
  padding-bottom: 1.5em !important; }

.pl-03 {
  padding-left: 1.5em !important; }

.p-04 {
  padding: 2em !important; }

.pt-04 {
  padding-top: 2em !important; }

.pr-04 {
  padding-right: 2em !important; }

.pb-04 {
  padding-bottom: 2em !important; }

.pl-04 {
  padding-left: 2em !important; }

.p-05 {
  padding: 2.5em !important; }

.pt-05 {
  padding-top: 2.5em !important; }

.pr-05 {
  padding-right: 2.5em !important; }

.pb-05 {
  padding-bottom: 2.5em !important; }

.pl-05 {
  padding-left: 2.5em !important; }

.mr-auto {
  margin-right: auto !important; }

.ml-auto {
  margin-left: auto !important; }

@media screen and (max-width: 768px) {
  .pcNone {
    display: block !important; }

  .spNone {
    display: none !important; }

  .float-left_pc, .float-right_pc {
    float: none; } }
/****************************************************
 * 4.印刷用調整 print
 ****************************************************/
@media print {
  @page {
    /* A4縦サイズ */
    size: 210mm 297mm; }
  body {
    margin: 0 !important;
    padding: 0 !important; }

  * {
    -webkit-print-color-adjust: exact; }

  .container {
    padding: 0 !important; }

  #header {
    position: static !important; }

  img {
    display: block !important; } }