@charset "UTF-8";
/*
* base
*/
/*
* 変数用scss(カラーコード以外)
*/
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all; }

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, input, textarea {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent; }

img {
  vertical-align: bottom; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea {
  display: block;
  line-height: 1; }

iframe {
  width: 100% !important; }

a, label {
  cursor: pointer; }

blockquote {
  padding: 0;
  margin: 0;
  display: block; }

address, em {
  font-style: normal; }

hr {
  border: 0;
  margin: 0;
  padding: 0; }

ul, ol, li {
  list-style: none; }

textarea {
  resize: vertical;
  overflow: hidden;
  -webkit-appearance: none;
  border: none; }

input, button, select {
  vertical-align: middle;
  border-radius: 0px;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none; }

table {
  border-collapse: collapse; }

*:before,
*:after {
  padding: 0;
  margin: 0;
  line-height: 1; }

* {
  box-sizing: border-box; }

body {
  color: #1d1414;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; }
  body.top {
    padding: 380px 0 0; }
    @media screen and (max-width: 828px) {
      body.top {
        padding: 334px 0 0; } }

input:focus {
  outline: 0; }

select:focus {
  outline: 0; }

textarea:focus {
  outline: 0; }

.global {
  position: relative;
  z-index: 2; }

section {
  position: relative;
  z-index: 2; }

a {
  color: #1d1414;
  text-decoration: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s; }
  a:hover {
    opacity: .6; }

.inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1024px; }

p {
  line-height: 1.6;
  font-size: 16.67px;
  text-align: justify; }

@media screen and (max-width: 828px) {
  .sp-on {
    display: block; }
  img {
    max-width: 100%; }
  .pc-on {
    display: none !important; }
  .inner {
    width: 92%;
    margin: 0 auto; } }

@media screen and (min-width: 829px) {
  .pc-on {
    display: block; }
  .sp-on {
    display: none !important; }
  a {
    -webkit-transition: all 0.6s;
    transition: all 0.6s; }
    a:hover {
      opacity: .6; } }

/*
* pages
*/
@media screen and (max-width: 828px) {
  body header {
    background: #FFF;
    border-top: 5px solid #847362;
    position: relative;
    padding: 0 0 20px; }
    body header .inner {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
      padding: 20px 20px;
      overflow: hidden; }
      body header .inner h2 {
        display: block;
        float: left; }
      body header .inner .contact {
        float: right;
        margin: 10px 0 0; }
        body header .inner .contact .tel {
          display: inline-block; }
        body header .inner .contact .mail {
          display: inline-block;
          margin: 0 0 0 5px; }
  body.top header {
    z-index: 2; }
  body.top .global {
    background: #FFF;
    width: 100%;
    padding: 0 0 40px; }
    body.top .global .inner {
      width: 100%; }
      body.top .global .inner ul {
        width: 100%;
        display: block;
        overflow: hidden; }
        body.top .global .inner ul li {
          background: #f4f3f3;
          float: left;
          text-align: center;
          display: block;
          padding: 30px 0; }
          body.top .global .inner ul li:nth-child(1) {
            width: 60%;
            margin: 0 0 10px; }
            body.top .global .inner ul li:nth-child(1) a:after {
              background: #bbbaba;
              content: "";
              display: block;
              width: 1px;
              height: 26px;
              position: absolute;
              top: 50%;
              right: 0;
              margin: -13px 0 0; }
          body.top .global .inner ul li:nth-child(2) {
            width: 40%;
            margin: 0 0 10px; }
          body.top .global .inner ul li:nth-child(3) {
            width: 50%; }
            body.top .global .inner ul li:nth-child(3) a:after {
              background: #bbbaba;
              content: "";
              display: block;
              width: 1px;
              height: 26px;
              position: absolute;
              top: 50%;
              right: 0;
              margin: -13px 0 0; }
          body.top .global .inner ul li:nth-child(4) {
            border: none;
            width: 50%; }
          body.top .global .inner ul li a {
            font-size: 26px;
            font-weight: 500;
            position: relative;
            display: block; } }

@media screen and (min-width: 829px) {
  body header {
    background: #FFF;
    border-top: 5px solid #847362;
    position: relative;
    padding: 0 0 20px; }
    body header .inner {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
      padding: 10px 24px;
      overflow: hidden; }
      body header .inner h2 {
        display: block;
        float: left; }
      body header .inner .contact {
        float: right;
        margin: 10px 0 0; }
        body header .inner .contact .tel {
          display: inline-block; }
        body header .inner .contact .mail {
          display: inline-block;
          margin: 0 0 0 5px; }
  body.top header {
    z-index: 2; }
  body.top .global {
    background: #FFF;
    width: 100%;
    padding: 0 0 30px; }
    body.top .global .inner ul {
      width: 100%;
      display: block;
      overflow: hidden; }
      body.top .global .inner ul li {
        float: left;
        text-align: center;
        border-right: 1px solid #bbbaba;
        display: block; }
        body.top .global .inner ul li:nth-child(1) {
          width: 34%; }
        body.top .global .inner ul li:nth-child(2) {
          width: 25%; }
        body.top .global .inner ul li:nth-child(3) {
          width: 25%; }
        body.top .global .inner ul li:nth-child(4) {
          border: none;
          width: 16%; }
        body.top .global .inner ul li a {
          font-size: 16.67px;
          font-weight: 500;
          display: block; } }

@media screen and (max-width: 828px) {
  footer {
    background: #e9e7e8;
    position: relative;
    z-index: 3; }
    footer .totop {
      position: absolute;
      top: -50px;
      right: 5%; }
    footer .inner {
      padding: 30px 0;
      overflow: hidden; }
      footer .inner .footer-link {
        display: inline-block;
        width: 40%;
        vertical-align: middle; }
        footer .inner .footer-link ul li {
          text-align: center; }
          footer .inner .footer-link ul li a {
            color: #62482e;
            font-size: 16px;
            position: relative;
            padding: 0 0 0 14px;
            display: inline-block; }
            footer .inner .footer-link ul li a:before {
              content: "";
              display: block;
              position: absolute;
              width: 0;
              height: 0;
              border-top: 6px solid transparent;
              border-left: 10px solid #62482e;
              border-right: 10px solid transparent;
              border-bottom: 6px solid transparent;
              top: 50%;
              left: 0;
              margin: -6px 0 0; }
      footer .inner .footer-txt {
        display: inline-block;
        width: 60%;
        vertical-align: middle; }
        footer .inner .footer-txt span {
          color: #62482e;
          font-size: 16px;
          display: block; }
          footer .inner .footer-txt span:first-child {
            margin: 0 0 4px; }
    footer .copyright {
      background: #FFF;
      padding: 10px 0 20px; }
      footer .copyright p {
        color: #bebcbd;
        font-size: 16px;
        text-align: center; } }

@media screen and (min-width: 829px) {
  footer {
    background: #e9e7e8;
    position: relative;
    z-index: 3; }
    footer .totop {
      position: absolute;
      top: -110px;
      right: 14%; }
    footer .inner {
      padding: 30px 0;
      overflow: hidden; }
      footer .inner .footer-link {
        float: left;
        width: 20%; }
        footer .inner .footer-link ul li a {
          color: #62482e;
          font-size: 12px;
          position: relative;
          padding: 0 0 0 14px; }
          footer .inner .footer-link ul li a:before {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-left: 6px solid #62482e;
            border-right: 6px solid transparent;
            border-bottom: 4px solid transparent;
            top: 50%;
            left: 0;
            margin: -4px 0 0; }
      footer .inner .footer-txt {
        float: left;
        width: 80%; }
        footer .inner .footer-txt span {
          color: #62482e;
          font-size: 12px; }
          footer .inner .footer-txt span:last-child {
            margin: 0 0 0 10px; }
    footer .copyright {
      background: #FFF;
      padding: 18px 0; }
      footer .copyright p {
        color: #bebcbd;
        font-size: 12px;
        text-align: center; } }