@charset "UTF-8";
/* max-width: 767px */
/* max-width: 991px */
/* max-width: 1199px */
/* max-width: 1469px */
/* min-width: 768px */
/* min-width: 992px */
/* min-width: 1200px */
/* min-width: 1470px */
/* min-width: 768px ～ max-width: 991px */
/* min-width: 768px ～ max-width: 1199px */
/* min-width: 768px ～ max-width: 1469px */
/* min-width: 992px ～ max-width: 1199px */
/* min-width: 992px ～ max-width: 1469px */
/* min-width: 1200px ～ max-width: 1469px */
/* 游ゴシック対応 */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Windows8.1ではMediumがないのでRegularを指定 */
}

@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local("YoGothic-Bold"), local("Yu Gothic");
  /* Chrome用 */
}

@font-face {
  font-family: "a1_mincho";
  /*src: url("../fonts/condense-webfont.eot");*/
  src: url("../fonts/A-OTF-A1MinchoStd-Bold.woff") format("woff"), url("../fonts/A-OTF-A1MinchoStd-Bold.otf") format("otf");
}

html {
  width: 100%;
  height: 100%;
  font-size: 100%;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  line-height: 1.8em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  /* IE8〜11はメイリオ */
}

@media screen\0 {
  body {
    font-family: 'Segoe UI', Meiryo, sans-serif;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 0.875em;
  }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
}

a {
  color: #59574f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  a:hover, a:focus {
    color: #ff8577;
  }
}

/* Font Size ----- */
/* 10px */
[class*='font--3'] {
  font-size: 0.625em;
}

/* 12px */
[class*='font--2'] {
  font-size: 0.75em;
}

/* 14px */
[class*='font--1'] {
  font-size: 0.875em;
}

/* 16px */
[class*='font-0'] {
  font-size: 1em;
}

/* 18px */
[class*='font-1'] {
  font-size: 1.125em;
}

/* 21px */
[class*='font-2'] {
  font-size: 1.3125em;
}

/* 24px */
[class*='font-3'] {
  font-size: 1.5em;
}

/* 30px */
[class*='font-4'] {
  font-size: 1.875em;
}

/* 36px */
[class*='font-5'] {
  font-size: 2.25em;
}

/* 48px */
[class*='font-6'] {
  font-size: 3em;
}

@media screen and (max-width: 1469px) {
  [class*='font-'][class*='-xlg--3'] {
    font-size: 0.625em;
  }
  [class*='font-'][class*='-xlg--2'] {
    font-size: 0.75em;
  }
  [class*='font-'][class*='-xlg--1'] {
    font-size: 0.875em;
  }
  [class*='font-'][class*='-xlg-0'] {
    font-size: 1em;
  }
  [class*='font-'][class*='-xlg-1'] {
    font-size: 1.125em;
  }
  [class*='font-'][class*='-xlg-2'] {
    font-size: 1.3125em;
  }
  [class*='font-'][class*='-xlg-3'] {
    font-size: 1.5em;
  }
  [class*='font-'][class*='-xlg-4'] {
    font-size: 1.875em;
  }
  [class*='font-'][class*='-xlg-5'] {
    font-size: 2.25em;
  }
  [class*='font-'][class*='-xlg-6'] {
    font-size: 3em;
  }
}

@media screen and (max-width: 1199px) {
  [class*='font-'][class*='-xmd--3'] {
    font-size: 0.625em;
  }
  [class*='font-'][class*='-xmd--2'] {
    font-size: 0.75em;
  }
  [class*='font-'][class*='-xmd--1'] {
    font-size: 0.875em;
  }
  [class*='font-'][class*='-xmd-0'] {
    font-size: 1em;
  }
  [class*='font-'][class*='-xmd-1'] {
    font-size: 1.125em;
  }
  [class*='font-'][class*='-xmd-2'] {
    font-size: 1.3125em;
  }
  [class*='font-'][class*='-xmd-3'] {
    font-size: 1.5em;
  }
  [class*='font-'][class*='-xmd-4'] {
    font-size: 1.875em;
  }
  [class*='font-'][class*='-xmd-5'] {
    font-size: 2.25em;
  }
  [class*='font-'][class*='-xmd-6'] {
    font-size: 3em;
  }
}

@media screen and (max-width: 991px) {
  [class*='font-'][class*='-mid--3'] {
    font-size: 0.625em;
  }
  [class*='font-'][class*='-mid--2'] {
    font-size: 0.75em;
  }
  [class*='font-'][class*='-mid--1'] {
    font-size: 0.875em;
  }
  [class*='font-'][class*='-mid-0'] {
    font-size: 1em;
  }
  [class*='font-'][class*='-mid-1'] {
    font-size: 1.125em;
  }
  [class*='font-'][class*='-mid-2'] {
    font-size: 1.3125em;
  }
  [class*='font-'][class*='-mid-3'] {
    font-size: 1.5em;
  }
  [class*='font-'][class*='-mid-4'] {
    font-size: 1.875em;
  }
  [class*='font-'][class*='-mid-5'] {
    font-size: 2.25em;
  }
  [class*='font-'][class*='-mid-6'] {
    font-size: 3em;
  }
}

@media screen and (max-width: 767px) {
  [class*='font-'][class*='-min--3'] {
    font-size: 0.625em;
  }
  [class*='font-'][class*='-min--2'] {
    font-size: 0.75em;
  }
  [class*='font-'][class*='-min--1'] {
    font-size: 0.875em;
  }
  [class*='font-'][class*='-min-0'] {
    font-size: 1em;
  }
  [class*='font-'][class*='-min-1'] {
    font-size: 1.125em;
  }
  [class*='font-'][class*='-min-2'] {
    font-size: 1.3125em;
  }
  [class*='font-'][class*='-min-3'] {
    font-size: 1.5em;
  }
  [class*='font-'][class*='-min-4'] {
    font-size: 1.875em;
  }
  [class*='font-'][class*='-min-5'] {
    font-size: 2.25em;
  }
  [class*='font-'][class*='-min-6'] {
    font-size: 3em;
  }
}

.xtAc {
  text-align: center !important;
}

.xtAl {
  text-align: left !important;
}

.xtAr {
  text-align: right !important;
}

@media screen and (min-width: 768px) {
  .tAc {
    text-align: center !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .tAc-sm {
    text-align: center !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tAc-md {
    text-align: center !important;
  }
}

@media screen and (min-width: 1200px) {
  .tAc-lg {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .tAc-xs {
    text-align: center !important;
  }
}

@media screen and (min-width: 768px) {
  .tAl {
    text-align: left !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .tAl-sm {
    text-align: left !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tAl-md {
    text-align: left !important;
  }
}

@media screen and (min-width: 1200px) {
  .tAl-lg {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .tAl-xs {
    text-align: left !important;
  }
}

@media screen and (min-width: 768px) {
  .tAr {
    text-align: right !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .tAr-sm {
    text-align: right !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tAr-md {
    text-align: right !important;
  }
}

@media screen and (min-width: 1200px) {
  .tAr-lg {
    text-align: right !important;
  }
}

@media screen and (max-width: 767px) {
  .tAr-xs {
    text-align: right !important;
  }
}

/* Font Color ----- */
.fff {
  color: #fff !important;
}

.black {
  color: #333 !important;
}

/* Background Color ----- */
.bg-off {
  background-color: transparent !important;
}

.bg-white {
  background-color: #fff !important;
}

/* Font Weight ----- */
.bold {
  font-weight: bold;
}

.bold-off {
  font-weight: normal;
}

/* Font Style ----- */
.trebuchet {
  font-family: "Trebuchet MS";
}

.gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: 500;
}

@media screen and (min-width: 992px) {
  .gothic {
    letter-spacing: 0.22em;
  }
}

@media screen\0 {
  .gothic {
    font-family: 'Segoe UI', Meiryo, sans-serif;
  }
}

.mincho {
  font-family: "a1_mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";
}

.roman {
  font-family: "Times New Roman", Times, "serif";
  letter-spacing: 0.04em;
}

.xtAx .roman, .roman.xtAx {
  text-indent: 0.04em;
}

*[class*='in-note'] {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .in-note {
    line-height: 2.0em;
  }
}

@media screen and (min-width: 1200px) {
  .in-note {
    line-height: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .in-note-ptit {
    line-height: 1.7em;
  }
}

@media screen and (min-width: 1200px) {
  .in-note-ptit {
    line-height: 2.0em;
  }
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.relative {
  position: relative !important;
}

/* margin ----- */
.space {
  padding-top: 30px;
}

@media screen and (min-width: 768px) {
  .space {
    padding-top: 45px;
  }
}

@media screen and (min-width: 992px) {
  .space {
    padding-top: 60px;
  }
}

.space-half {
  padding-top: 15px;
}

@media screen and (min-width: 768px) {
  .space-half {
    padding-top: 20px;
  }
}

@media screen and (min-width: 992px) {
  .space-half {
    padding-top: 30px;
  }
}

.space-ptit {
  padding-top: 7px;
}

@media screen and (min-width: 768px) {
  .space-ptit {
    padding-top: 10px;
  }
}

@media screen and (min-width: 992px) {
  .space-ptit {
    padding-top: 15px;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-0-sm {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-0-md {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-0-lg {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-0-xs {
    padding-top: 0 !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pl-0-sm {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-0-md {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-0-lg {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-0-xs {
    padding-left: 0 !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pr-0-sm {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-0-md {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-0-lg {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-0-xs {
    padding-right: 0 !important;
  }
}

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

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-0-sm {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-0-md {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-0-lg {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-0-xs {
    padding-bottom: 0 !important;
  }
}

/* HR ----- */
hr {
  border-top-color: #999;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
}

hr.ccc {
  border-top-color: #ccc;
}

hr.dark {
  border-top-color: #333;
}

hr.solid {
  border-top-style: solid;
}

hr.dotted {
  border-top-style: dotted;
}

hr.dashed {
  border-top-style: dashed;
}

/* Ul ----- */
ul.default {
  padding-left: 20px;
}

ul.decimal {
  list-style: decimal;
}

ul.square {
  list-style: square;
}

/* Force Imaging ----- */
.remove {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  font-size: 0.5em;
  text-align: left;
  text-indent: -9999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.navbar {
  border: none;
  margin-bottom: 0;
}

.navbar-default {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 767px) {
  .row-xs {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .row-xs.ptit-xs {
    margin-left: -7px !important;
    margin-right: -7px !important;
  }
  .row-xs.ptit-xs > * {
    padding-left: 7px;
    padding-right: 7px;
  }
}

.row.ptit {
  margin-left: -7px;
  margin-right: -7px;
}

@media screen and (max-width: 767px) {
  .row.ptit-xs {
    margin-left: -7px !important;
    margin-right: -7px !important;
  }
  .row.ptit-xs > * {
    padding-left: 7px;
    padding-right: 7px;
  }
}

.row.ptit {
  margin-left: -7px;
  margin-right: -7px;
}

.row.ptit > * {
  padding-left: 7px;
  padding-right: 7px;
}

#wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0px;
  /*z-index: 700;*/
  _zoom: 1;
}

@media screen and (max-width: 991px) {
  #wrapper {
    padding-top: 175px !important;
  }
}

@media screen and (max-width: 767px) {
  #wrapper {
    padding-top: 55px !important;
  }
}

#outline {
  position: relative;
  background-color: #fff;
  z-index: 100;
}

@media screen and (max-width: 991px) {
  #outline {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  #outline {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .breadcrumbs:hover, .breadcrumbs:focus {
    color: #ed9e2e;
  }
}

.breadcrumbs > * + * {
  margin-left: 3px;
}

.breadcrumbs > * + *:before {
  display: inline-block;
  color: #ed9e2e;
  font-family: "dashicons";
  vertical-align: middle;
  /*content: "\f345";*/
  content: ">";
}

@media screen and (min-width: 768px) {
  .breadcrumbs {
    padding-top: 15px;
  }
}

@media screen and (min-width: 992px) {
  .breadcrumbs {
    padding-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  br.hidden-xs:not(.hidden-sm) {
    display: inherit !important;
  }
}

@media screen and (min-width: 992px) {
  br.hidden-sm {
    display: inherit !important;
  }
}

@media screen and (min-width: 1200px) {
  br.hidden-md {
    display: inherit !important;
  }
}

@media screen and (max-width: 991px) {
  br.visible-sm, br.visible-sm.visible-xs {
    display: inherit !important;
  }
}

@media screen and (max-width: 767px) {
  br.visible-xs {
    display: inherit !important;
  }
}

@media screen and (min-width: 1470px) {
  .container.container-wide {
    width: 1440px;
  }
}