@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

body {
  line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

ul, ol {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

del {
  text-decoration: line-through
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input, select {
  vertical-align: middle
}

img {
  vertical-align: bottom
}

html {
  overflow-y: scroll;
  font-size: 62.5%
}

body {
  font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #333
}

body * {
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%
  }
}

a {
  color: #ff9308;
  text-decoration: underline;
  transition: all .1s linear;
  -webkit-transition: all .1s linear
}

a:visited, a:hover, a:active {
  color: #ff9308;
  text-decoration: none
}

.bold {
  font-weight: bold!important
}

.normal {
  font-weight: normal!important
}

.txtC {
  text-align: center!important
}

.txtR {
  text-align: right!important
}

.txtL {
  text-align: left!important
}

.f11 {
  font-size: 72%
}

.f12 {
  font-size: 86%
}

.f13 {
  font-size: 93%
}

.f15 {
  font-size: 107%
}

.f16 {
  font-size: 115%
}

.f18 {
  font-size: 129%
}

.f20 {
  font-size: 143%
}

.f22 {
  font-size: 157%
}

.f24 {
  font-size: 171%
}

.f26 {
  font-size: 185%
}

.f28 {
  font-size: 200%
}

sup {
  font-size: 78%;
  vertical-align: top;
  top: 0;
  line-height: inherit
}

sub {
  font-size: 78%;
  vertical-align: baseline
}

.red {
  color: #f1391a
}

.orange {
  color: #ff9308
}

.lGlay {
  color: #999
}

.lGlay-02 {
  color: #ccc
}

p {
  letter-spacing: .02em
}

h1, h2, h3, h4, h5 {
  letter-spacing: .05em
}

.pcNone {
  display: none!important
}

.spNone {
  display: block!important
}

@media screen and (max-width:767px) {
  .pcNone {
    display: block!important
  }
  .spNone {
    display: none!important
  }
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.img-rp {
  display: block;
  width: 100%;
  height: auto
}

a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  opacity: .7;
  transition: all .2s linear;
  -webkit-transition: all .2s linear
}

@media screen and (max-width:1100px) {}

#header .header_inner {
  padding: 28px 2.6vw 24px;
  margin: auto
}

#header .header_left {
  float: left;
  padding-top: 5px
}

#header .header_right {
  float: right
}

#header .header_right .subTxt {
  text-align: right;
  font-size: .78em;
  margin-bottom: 8px;
  color: #888;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: normal
}

#header .header_right .subNav {
  float: right;
  margin-right: 1.42em
}

#header .header_right .subNav li:first-child {
  border-bottom: 1px dotted #CCC
}

#header .header_right .subNav li a {
  position: relative;
  display: block;
  padding-right: 2.5em;
  text-decoration: none;
  color: #333
}

#header .header_right .subNav li a:after {
  content: " \f105";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 100%;
  font-weight: normal;
  color: #ff9308
}

#header .header_right .subNav li a:hover {
  color: #ff9308
}

#header .header_right .tel {
  float: right;
  text-align: center;
  font-size: .85em;
  width: 210px;
  padding: 6px;
  background: #666;
  color: #FFF;
  border-radius: 3px;
  line-height: 1.17
}

#header .header_right .tel .num {
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: .02em
}

#header .header_right .num:before {
  content: " \f095";
  font-family: FontAwesome;
  padding-right: 4px;
  font-size: .9em;
  font-weight: normal
}

@media screen and (max-width:960px) {
  #header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: #FFF;
    box-shadow: 1px 1px 2px 1px rgba(51, 51, 51, 0.13)
  }
  #header .header_inner {
    padding: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center
  }
  #header .header_right {
    float: none;
    display: none
  }
  #header .header_left {
    float: none;
    margin-right: auto;
    padding-top: 0
  }
  #siteId {
    width: 220px;
    height: 41px
  }
}

@media screen and (max-width:480px) {
  #siteId {
    width: 210px;
    height: 38px
  }
  #header .header_inner {
    padding: 12px
  }
}

#gNav {
  width: 100%;
  margin: auto;
  padding: 0 2.6vw
}

#gNav #nav {
  display: table;
  width: 100%;
  margin: 0 auto 15px;
  border-left: 1px solid #e5e5e5
}

#gNav #nav li {
  display: table-cell;
  text-align: center;
  font-size: 1.07em;
  width: 12.5%;
  border-right: 1px solid #e5e5e5
}

/*#gNav #nav li:nth-last-child(-n+2) {
  display: none
}*/

#gNav #nav li a {
  display: block;
  color: #333;
  padding: 7px 0;
  text-decoration: none
}

#gNav #nav li a:hover {
  color: #ff9308
}

#spNavBtn {
  display: none
}

@media screen and (max-width:1140px) {
  #gNav #nav li {
    font-size: 1em
  }
}

@media screen and (max-width:960px) {
  #gNav #nav {
    display: none;
    position: fixed;
    top: 76px;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border-top: solid 1px #ccc;
    border-left: none;
    background: rgba(0, 0, 0, 0.7)
  }
  #gNav #nav li {
    display: block;
    text-align: left;
    border-bottom: solid 1px #ccc;
    margin: 0;
    width: 100%
  }
  #gNav #nav li:nth-last-child(-n+2) {
    display: block
  }
  #gNav #nav li:nth-child(n+2) {
    margin-left: 0
  }
  #gNav #nav li a {
    display: block;
    position: relative;
    font-size: 12px;
    padding: 13px 10px 10px;
    color: #333;
    background: #FFF
  }
  #gNav #nav li a:after {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin: auto;
    color: #ff9308;
    font-family: FontAwesome;
    font-weight: 700;
    font-size: 108%;
    content: " \f105"
  }
  #spNavBtn {
    display: block;
    text-align: center;
    padding-top: 5px;
    cursor: pointer
  }
  #spNavBtn p {
    position: relative;
    width: 30px;
    margin: 0 auto 3px
  }
  #spNavBtn .txt-menu {
    font-size: 10px;
    letter-spacing: -0.01em
  }
  #spNavBtn p span {
    display: block;
    height: 3px;
    margin-bottom: 5px;
    background: #333;
    transition: all .4s
  }
  #spNavBtn p span:nth-of-type(3) {
    margin: 0
  }
  #spNavBtn p span:nth-of-type(2)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 3px;
    background-color: #333;
    transition: all .4s;
    box-sizing: border-box
  }
  #spNavBtn.active p span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0)
  }
  #spNavBtn.active p span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  #spNavBtn.active p span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  #spNavBtn.active p span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0)
  }
}

@media screen and (min-width:961px) {
  #gNav #nav {
    display: table!important
  }
}

#contents {
  position: relative;
  margin: 0 2.6vw;
  padding-bottom: 76px
}

@media screen and (max-width:1100px) {
  #contents {
    margin: 0
  }
}

@media screen and (max-width:960px) {
  #contents {
    padding-top: 130px
  }
}

@media screen and (max-width:767px) {
  #contents {
    padding-top: 130px
  }
}

.sec_inner {
  position: relative;
  z-index: 99;
  max-width: 1100px;
  margin: auto
}

@media screen and (max-width:1100px) {
  .sec_inner {
    width: 100%;
    padding: 0 20px
  }
}

.btn-01, .btn-01:visited {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 1em;
  background: #ff9308;
  color: #FFF;
  border: 1px solid #ff9308;
  border-radius: 3px;
  text-decoration: none
}

.btn-01:after {
  content: " \f105";
  font-family: FontAwesome;
  padding-left: 7px;
  font-size: 100%;
  font-weight: normal
}

.btn-01:hover {
  color: #ff9308;
  background: 0;
  text-decoration: none
}

.btn-02, .btn-02:visited {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 1em;
  background: #d3371d;
  color: #FFF;
  border: 1px solid #d3371d;
  border-radius: 3px;
  text-decoration: none
}

.btn-02:after {
  content: " \f105";
  font-family: FontAwesome;
  padding-left: 7px;
  font-size: 100%;
  font-weight: normal
}

.btn-02:hover {
  color: #d3371d;
  background: 0;
  text-decoration: none
}

.btn-03, .btn-03:visited {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 1em;
  background: #FFF;
  color: #7f442a;
  border: 1px solid #7f442a;
  border-radius: 3px;
  text-decoration: none
}

.btn-03:after {
  content: " \f105";
  font-family: FontAwesome;
  padding-left: 7px;
  font-size: 100%;
  font-weight: normal
}

.btn-03:hover {
  color: #fff;
  background: #7f442a;
  text-decoration: none
}

.btn-04, .btn-04:visited {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 200px;
  padding: 1em;
  background: #a4d754;
  color: #FFF;
  border: 1px solid #a4d754;
  border-radius: 3px;
  text-decoration: none
}

.btn-04:after {
  content: " \f105";
  font-family: FontAwesome;
  padding-left: 7px;
  font-size: 100%;
  font-weight: normal
}

.btn-04:hover {
  color: #a4d754;
  background: 0;
  text-decoration: none
}

.btn-05, .btn-05:visited {
  display: inline-block;
  text-align: center;
  width: 200px;
  padding: .85em 1em;
  background: #ff9308;
  color: #FFF;
  border: 1px solid #ff9308;
  border-radius: 3px;
  text-decoration: none
}

.btn-05:after {
  content: " \f105";
  font-family: FontAwesome;
  padding-left: 7px;
  font-size: 100%;
  font-weight: normal
}

.btn-05:hover {
  color: #ff9308;
  background: #FFF;
  text-decoration: none
}

.btn-06, .btn-06:visited {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 1em;
  background: #fce7e3;
  color: #f06c55;
  border: 1px solid #f06c55;
  border-radius: 3px;
  text-decoration: none
}

.btn-06:after {
  content: " \f105";
  font-family: FontAwesome;
  padding-left: 7px;
  font-size: 100%;
  font-weight: normal
}

.btn-06:hover {
  background: #FFF
}

.ttl-01 {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 1.15em;
  border-bottom: 3px solid #eee;
  line-height: 1.4;
  color: #333
}

.ttl-01>span {
  display: inline-block;
  position: relative;
  padding: 0 0 .38em 0
}

.ttl-01>span:after {
  content: "";
  position: absolute;
  bottom: -3px;
  display: block;
  width: 100%;
  height: 3px;
  background: #ff9308
}

.ttl-01 .sub {
  display: inline-block;
  position: static;
  font-size: .76em;
  letter-spacing: .01em;
  margin-left: 8px
}

.ttl-01 .sub:after {
  content: "";
  display: none
}

.ttl-02 {
  font-size: 1.43em;
  font-weight: bold;
  margin-bottom: 1em;
  padding-bottom: 10px;
  line-height: 1.4;
  border-bottom: 1px dotted #ccc
}

.ttl-03 {
  font-size: 1.43em;
  font-weight: bold;
  margin-bottom: 1em;
  padding-bottom: 10px;
  line-height: 1.4;
  border-bottom: 1px dotted #ccc;
  color: #ff9308
}

.ttl-04 {
  font-size: 1.42em;
  font-weight: bold;
  margin-bottom: 1em;
  padding: 10px 12px;
  line-height: 1.4;
  color: #FFF;
  background: #ff9308
}

.ttl-05 {
  font-size: 1.29em;
  font-weight: bold;
  margin-bottom: .55em;
  line-height: 1.4
}

.ttl-05:before {
  content: " \f058";
  font-family: FontAwesome;
  color: #a4d754;
  padding-right: 7px;
  font-size: 100%;
  font-weight: normal
}

.ttl-06 {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 1.15em;
  padding: 0 0 .38em 0;
  border-bottom: 3px solid #eee;
  line-height: 1.4;
  color: #333
}

.ttl-06 .fukidashi {
  display: inline-block;
  text-align: center;
  position: relative;
  font-family: 'Oswald', sans-serif;
  font-size: 19px;
  padding: 1px 8px 2px 8px;
  margin-right: 20px;
  color: #FFF;
  background: #ff9308;
  border-radius: 3px;
  letter-spacing: .01em;
  font-weight: normal
}

.ttl-06 .fukidashi:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  right: -8px;
  border-top: 5px solid transparent;
  border-left: 5px solid #ff9308;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ff9308
}

.ttl-07 {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.6;
  color: #ff9308
}

.ttl-08 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.6;
  color: #333
}

@media screen and (max-width:960px) {
  .ttl-01 .sub {
    margin-left: 0
  }
  .ttl-06 .fukidashi {
    display: block;
    margin: 0 0 14px 0
  }
  .ttl-06 .fukidashi:after {
    content: "";
    bottom: -10px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 5px solid #ff9308;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent
  }
}

@media screen and (max-width:767px) {
  .ttl-01, .ttl-06 {
    font-size: 2.2rem
  }
  .ttl-07 {
    font-size: 1.8rem
  }
}

.list-01 li {
  position: relative;
  padding: 0 0 10px 18px;
  font-size: 1.07em
}

.list-01 li:before {
  position: absolute;
  top: 7px;
  left: 4px;
  right: auto;
  bottom: auto;
  color: #a4d754;
  font-size: 42.8%;
  content: "●"
}

.list-02 {
  line-height: 1.57
}

.list-02 li {
  padding: 0 0 10px 0;
  font-size: 18px
}

.list-02 li a {
  position: relative;
  display: inline-block
}

.list-02 li a:after {
  content: " \f138";
  font-family: FontAwesome;
  color: #a4d754;
  font-size: 100%;
  font-weight: normal;
  position: absolute;
  right: -22px;
  bottom: auto
}

.list-03 li {
  position: relative;
  padding: 0 0 10px 18px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  font-size: 1.07em
}

.list-03 li:before {
  position: absolute;
  top: 7px;
  left: 4px;
  right: auto;
  bottom: auto;
  color: #a4d754;
  font-size: 42.8%;
  content: "●"
}

.list-04 li {
  padding-left: 1.4em;
  text-indent: -1.4em
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .list-01 li:before, .list-03 li:before {
    -webkit-transform: scale(0.6);
    -webkit-transform-origin: 0 0
  }
}

#nav-side {
  display: none
}

.nav-side_inner {
  position: fixed;
  right: 0;
  top: 10%;
  width: 210px;
  padding: .35em 1.28em;
  z-index: 101;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 1px 2px 1px rgba(51, 51, 51, 0.13);
  transition: all .1s linear;
  -webkit-transition: all .1s linear
}

#nav-side.is-closed .nav-side_inner {
  right: -210px
}

#nav-side li a {
  display: block;
  position: relative;
  font-size: 1.07em;
  border-bottom: dotted 1px #ccc;
  width: 100%;
  padding: 7px 0;
  color: #333;
  text-decoration: none
}

#nav-side li a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin: auto;
  color: #ff9308;
  font-family: FontAwesome;
  content: " \f105"
}

#nav-side li:last-child a {
  border: 0
}

#nav-side li a:hover {
  color: #ff9308
}

#nav-side .nav-side-btn {
  position: absolute;
  top: 0;
  left: -48px;
  display: block;
  width: 48px;
  height: 200px;
  background: url(../img/common/btn_close.png) no-repeat;
  cursor: pointer
}

#nav-side .nav-side-btn.is-closed {
  background: url(../img/common/btn_open.png) no-repeat
}

@media screen and (max-width:960px) {
  #nav-side {
    display: none!important
  }
}

#nav-foot {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 0;
  border-top: 1px solid #e5e5e5
}

#nav-foot.is-fixed {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99;
  border-top: 0
}

#nav-foot.is-absolute {
  position: absolute
}

#nav-foot li {
  float: left;
  width: 16%;
  margin-left: .8%;
  font-size: 1.14em;
  font-weight: bold
}

#nav-foot li:first-child {
  margin: 0
}

#nav-foot li a {
  display: block;
  text-align: center;
  width: 100%;
  padding: .78em .57em;
  border-radius: 3px;
  text-decoration: none
}

#nav-foot li:nth-child(1) a {
  background: #ff9308;
  border: 1px solid #ff9308;
  color: #FFF
}

#nav-foot li:nth-child(1) a:hover {
  background: #FFF;
  color: #ff9308
}

#nav-foot li:nth-child(2) a {
  background: #d3371d;
  border: 1px solid #d3371d;
  color: #FFF
}

#nav-foot li:nth-child(2) a:hover {
  background: #FFF;
  color: #d3371d
}

#nav-foot li:nth-child(6) a {
  background: #95c521;
  border: 1px solid #49710a;
  color: #fff
}

#nav-foot li:nth-child(6) a:hover {
  background: #FFF;
  color: #49710a
}

#nav-foot li:nth-child(4) a, #nav-foot li:nth-child(5) a, #nav-foot li:nth-child(3) a {
  background: #FFF;
  border: 1px solid #7f442a;
  color: #7f442a
}

#nav-foot li:nth-child(4) a:hover, #nav-foot li:nth-child(5) a:hover, #nav-foot li:nth-child(3) a:hover {
  background: #7f442a;
  color: #FFF
}

@media screen and (max-width:960px) {
  #nav-foot li {
    width: 32.5%;
    margin: 0 0 1.25% 1.25%
  }
  #nav-foot li:nth-child(3n-2) {
    margin: 0 0 1.25% 0
  }
  #nav-foot li:nth-last-child(-n+3) {
    margin-bottom: 0
  }
}

@media screen and (max-width:767px) {
  #nav-foot li {
    font-size: 11px
  }
}

@media screen and (max-width:480px) {
  #nav-foot li i {
    display: none
  }
  #nav-foot li a {
    padding: .78em .3em
  }
}

#pageTop {
  position: fixed;
  z-index: 99;
  right: 7%;
  bottom: 10%
}

#pageTop a {
  text-align: center;
  display: table;
  width: 58px;
  height: 58px;
  font-size: 143%;
  border-radius: 50%;
  background: #666;
  color: #FFF;
  text-decoration: none;
  transition: all .2s linear;
  -webkit-transition: all .2s linear
}

#pageTop a:hover {
  opacity: .8
}

#pageTop a i {
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  padding-bottom: 4px
}

@media screen and (max-width:767px) {
  #pageTop {
    right: 3%;
    bottom: 19%
  }
  #pageTop a {
    width: 44px;
    height: 44px
  }
}

#footer {
  background: #f5f5f5;
  color: #333
}

#footer .footer_inner {
  max-width: 1100px;
  padding: 2em 0;
  margin: auto
}

#footer .footer_left {
  float: left;
  color: #333
}

#footer .footer_left .logo {
  margin-bottom: 1.42em
}

#footer .footer_right {
  float: right;
  width: 40%
}

#footer .footer_right ul {
  float: left;
  margin-right: 40px
}

#footer .footer_right ul:last-child {
  margin-right: 0
}

#footer .footer_right ul li {
  position: relative
}

#footer .footer_right ul li a {
  display: block;
  color: #333;
  text-decoration: none
}

#footer .footer_right ul li a:before {
  content: " \f105";
  font-family: FontAwesome;
  padding-right: 7px;
  color: #333;
}

#footer .footer_right ul li a:hover, #footer .footer_right ul li a:hover:after {
  opacity: .8
}

#copyright {
  text-align: center;
  letter-spacing: .05em;
  padding: 10px 0
}

@media screen and (max-width:767px) {
  #footer .footer_left .logo {
    width: 260px;
    height: 30px
  }
  #footer .footer_right ul {
    display: none
  }
  #footer .footer_inner {
    width: 100%;
    padding: 2em 20px
  }
}

@media screen and (max-width:480px) {
  #footer .footer_left .logo {
    width: 210px;
    height: 38px
  }
}

.tbl-01 {
  width: 100%;
  border-collapse: separate;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 1.14em
}

.tbl-01 th, .tbl-01 td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
  vertical-align: middle
}

.tbl-01 th {
  background: #f6f6f6
}

.tbl-01 thead th {
  background: #393a3c;
  color: #FFF;
  font-weight: normal;
  line-height: 1.6
}

.tbl-02 {
  width: 100%;
  border-collapse: separate;
  border-top: 1px solid #ddd;
  font-size: 1.14em;
  table-layout: fixed
}

.tbl-02 th, .tbl-02 td {
  border-bottom: 1px solid #ddd;
  padding: 10px 15px
}

.tbl-02 th {
  background: #f6f6f6;
  text-align: left
}

.tbl-03 {
  width: 100%;
  border-collapse: separate;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 1.14em
}

.tbl-03 th, .tbl-03 td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
  vertical-align: middle;
  text-align: center
}

.tbl-03 .thumnail {
  text-align: center
}

.tbl-03 .thumnail img {
  max-height: 140px;
  padding: 10px
}

.tbl-03 .subTxt {
  line-height: 1.5
}

.tbl-03 thead th {
  background: #393a3c;
  color: #FFF;
  font-weight: normal;
  line-height: 1.6
}

.tbl-04 {
  width: 100%;
  border-collapse: separate;
  border: 10px solid #f6f6f6;
  font-size: 1.14em
}

.tbl-04 th, .tbl-04 td {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  vertical-align: middle;
  text-align: center;
  background: #FFF;
  color: #333
}

table .fs-14 {
  font-size: .875em
}

table .fs-18 {
  font-size: 1.125em
}

table .fs-20 {
  font-size: 1.25em
}

table .fs-22 {
  font-size: 1.375em
}

table .fs-24 {
  font-size: 1.5em
}

table .w-medium {
  width: 16%
}

table .w-learge {
  width: 24%
}

@media screen and (max-width:767px) {
  .tbl-01 {
    width: 100%;
    font-size: 13px
  }
  .tbl-01 th, .tbl-01 td {
    text-align: left;
    padding: 6px
  }
  .tbl-01 th {
    background: #393a3c;
    color: #FFF
  }
  .tbl-01, .tbl-01 tbody, .tbl-01 tr, .tbl-01 th, .tbl-01 td {
    width: 100%;
    display: block
  }
  .tbl-01 th, .tbl-01 td {
    border-top: 0;
    border-left: none;
    text-align: left
  }
  .tbl-01 .label-bg {
    background: #eee;
    font-weight: bold
  }
  .tbl-01 .label-bg::before {
    display: none
  }
  .tbl-02 {
    width: 100%;
    font-size: 13px
  }
  .tbl-02 th {
    padding: 10px 5px
  }
  .tbl-02 td {
    padding: 10px 0
  }
  .tbl-02, .tbl-02 tbody, .tbl-02 tr, .tbl-02 th, .tbl-02 td {
    width: 100%;
    display: block
  }
  .tbl-03 {
    width: 100%;
    font-size: 13px;
    border-top: 0;
    border-left: none
  }
  .tbl-03 th, .tbl-03 td {
    border-right: 0;
    text-align: left;
    padding: 6px 6px 6px 0
  }
  .tbl-03 tr {
    padding-bottom: 2.85em
  }
  .tbl-03 th {
    text-align: center
  }
  .tbl-03 tr td:first-child {
    border-bottom: 4px double #ddd
  }
  .tbl-03 tr td:first-child:before {
    content: " \f10c";
    font-family: FontAwesome;
    color: #ff9308;
    margin-right: 5px
  }
  .tbl-03, .tbl-03 tbody, .tbl-03 tr, .tbl-03 th, .tbl-03 td {
    width: 100%;
    display: block
  }
  .tbl-04 {
    width: 100%;
    font-size: 13px
  }
  .tbl-04 th, .tbl-04 td {
    border-right: 0;
    text-align: left;
    padding: 10px
  }
  .tbl-04, .tbl-04 tbody, .tbl-04 tr, .tbl-04 th, .tbl-04 td {
    width: 100%;
    display: block
  }
  table thead {
    display: none
  }
  table .label-data::before {
    content: attr(data-label);
    display: inline-block;
    text-align: left;
    margin-right: 40px;
    font-weight: bold
  }
  table .label-data2::before {
    content: attr(data-label);
    display: inline-block;
    text-align: left;
    margin-right: 60px;
    font-weight: bold
  }
  table .label-data-blk::before {
    content: attr(data-label);
    display: block;
    text-align: left;
    font-weight: bold
  }
}

.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden
}

.cf {
  display: inline-block
}

* html .cf {
  height: 1%
}

.cf {
  display: block
}

.mt00 {
  margin-top: 0!important
}

.mt05 {
  margin-top: 5px!important
}

.mt10 {
  margin-top: 10px!important
}

.mt12 {
  margin-top: 12px!important
}

.mt15 {
  margin-top: 15px!important
}

.mt20 {
  margin-top: 20px!important
}

.mt25 {
  margin-top: 25px!important
}

.mt30 {
  margin-top: 30px!important
}

.mt35 {
  margin-top: 35px!important
}

.mt40 {
  margin-top: 40px!important
}

.mt45 {
  margin-top: 45px!important
}

.mt50 {
  margin-top: 50px!important
}

.mr00 {
  margin-right: 0!important
}

.mr05 {
  margin-right: 5px!important
}

.mr10 {
  margin-right: 10px!important
}

.mr12 {
  margin-right: 12px!important
}

.mr15 {
  margin-right: 15px!important
}

.mr20 {
  margin-right: 20px!important
}

.mr25 {
  margin-right: 25px!important
}

.mr30 {
  margin-right: 30px!important
}

.mr35 {
  margin-right: 35px!important
}

.mr40 {
  margin-right: 40px!important
}

.mr45 {
  margin-right: 45px!important
}

.mr50 {
  margin-right: 50px!important
}

.mb00 {
  margin-bottom: 0!important
}

.mb05 {
  margin-bottom: 5px!important
}

.mb10 {
  margin-bottom: 10px!important
}

.mb12 {
  margin-bottom: 12px!important
}

.mb15 {
  margin-bottom: 15px!important
}

.mb20 {
  margin-bottom: 20px!important
}

.mb25 {
  margin-bottom: 25px!important
}

.mb30 {
  margin-bottom: 30px!important
}

.mb35 {
  margin-bottom: 35px!important
}

.mb40 {
  margin-bottom: 40px!important
}

.mb45 {
  margin-bottom: 45px!important
}

.mb50 {
  margin-bottom: 50px!important
}

.ml00 {
  margin-left: 0!important
}

.ml05 {
  margin-left: 5px!important
}

.ml10 {
  margin-left: 10px!important
}

.ml12 {
  margin-left: 12px!important
}

.ml15 {
  margin-left: 15px!important
}

.ml20 {
  margin-left: 20px!important
}

.ml25 {
  margin-left: 25px!important
}

.ml30 {
  margin-left: 30px!important
}

.ml35 {
  margin-left: 35px!important
}

.ml40 {
  margin-left: 40px!important
}

.ml45 {
  margin-left: 45px!important
}

.ml50 {
  margin-left: 50px!important
}

h1.subTxt2 {
  position: relative;
  text-align: right;
  font-size: .78em;
  margin-bottom: -15px;
  color: #888;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: normal;
  margin-right: 2.6%
}

@media screen and (min-width:961px) {
  .pcnone {
    display: none
  }
}

@media screen and (max-width:960px) {
  .tel {
    text-align: center;
    font-size: .85em;
    padding: 6px;
    margin-bottom: 20px;
    background: #666;
    color: #FFF;
    border-radius: 10px;
    line-height: 1.17
  }
  .num:before {
    content: " \f095";
    font-family: FontAwesome;
    padding-right: 4px;
    font-size: .9em;
    font-weight: normal
  }
  .fs24 {
    display: block;
    padding: 10px;
    font-size: 24px
  }
}

.bgc_price {
  background-color: #e2b36d33;
  padding: 10px
}

.fs-18 {
  font-size: 18px
}

@media screen and (max-width:960px) {
  .ml43 {
    margin-left: 43px
  }
}

#header .header_center {
  float: left;
  width: 50%;
  text-align: center;
  padding: 0 auto
}

#header .header_right {
  float: right;
  width: 25%
}

@media screen and (min-width:961px) {
  #header .header_left {
    width: 25%
  }
}

@media screen and (max-width:960px) {
  #header .header_center {
    display: none
  }
}

@media screen and (max-width:960px) {
  .camp_sp01 {
    margin: 0 auto 10px;
    padding: 0 auto;
    display: block
  }
}

@media screen and (min-width:961px) {
  .camp_sp01 {
    display: none
  }
}

/* /term/ and /privacy/ (Google Docs iframe): page spacing */
#term #pageTtl,#privacy #pageTtl{margin-bottom:0!important}
#term .sec,#privacy .sec{margin-bottom:0}
#term>br,#term .sec>br,#term .sec_inner>br,#privacy>br,#privacy .sec>br,#privacy .sec_inner>br{display:none}
#term iframe,#privacy iframe{display:block;max-width:794px;margin:0 auto}
.page-id-1092 #contents,.page-id-1104 #contents{padding-bottom:24px}