@charset "UTF-8";
/* Scss Document */
html {
  box-sizing: border-box;
  font-size: 2.66666667vw; }

@media only screen and (min-width: 46.875em) {
  html {
    font-size: 1.5625vw; } }
@media only screen and (min-width: 80em) {
  html {
    font-size: 125%; } }
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
body {
  overflow-x: hidden;
  line-height: 1.5;
  letter-spacing: .05rem;
  font-style: normal;
  font-weight: 400;
  color: #333333; }

img {
  height: auto;
  max-width: 100%; }

svg {
  height: 100%;
  width: 100%; }

img[srcset] {
  width: 100%; }

@media only screen and (min-width: 46.875em) {
  body {
    position: relative; }
    body::after {
      content: '';
      background: #fff;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      transition: .3s;
      opacity: 1; }
    body::before {
      content: '';
      background: rgba(121, 84, 8, 0.5);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      transition: .3s;
      opacity: 1; }
    body .st-Header {
      opacity: 0; } }
.st-Layout * {
  color: inherit;
  font-size: 1em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition-duration: .5s;
  transition-property: none;
  transition-timing-function: ease-in-out; }
  .st-Layout *::before, .st-Layout *::after {
    transition-duration: inherit;
    transition-property: inherit;
    transition-timing-function: inherit; }
.st-Layout li {
  list-style-type: inherit; }

/*------------------------------------------------------
font-family: 'Noto Sans JP', sans-serif;

font-family: minion-pro-caption, serif;
font-weight: 400;

font-family: minion-pro-caption, serif;
font-weight: 700;

Oswald:500
.wf-hannari { font-family: "Hannari"; }
-------------------------------------------------------*/
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.font-hannari {
  font-family: "Hannari"; }

.font-minion {
  font-family: minion-pro-caption, serif; }

.font-sans {
  font-family: 'Noto Sans JP', sans-serif; }

.st-Wrapper {
  overflow: hidden;
  position: relative; }

.st-Width {
  width: 100%; }

@media only screen and (min-width: 46.875em) {
  .st-Width {
    width: 100%; } }
@media only screen and (min-width: 80em) {
  .st-Width {
    margin-right: auto;
    margin-left: auto;
    width: calc(1280rem / 20); } }
/* ------ */
.st-Header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%; }
  .st-Header .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .st-Header .logo {
    background: #fff;
    width: calc(40rem / 20); }

@media only screen and (max-width: 46.875em) {
  .st-Header {
    position: fixed;
    height: 100%;
    top: -230vw;
    transition: .3s; }
    .st-Header .inner {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%; }
    .st-Header .logo {
      width: calc(80rem / 20);
      margin-bottom: calc(30rem / 20); }
    .st-Header.menu-expanded {
      top: 0; } }
.st-Nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: calc(40rem / 20); }
  .st-Nav .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-family: minion-pro-caption, serif;
    font-weight: 700; }
    .st-Nav .list li {
      text-align: center;
      font-size: calc(20rem / 20); }
      .st-Nav .list li span {
        font-weight: 600;
        color: #9b7c52;
        font-size: calc(12rem / 20);
        letter-spacing: .1rem; }
      .st-Nav .list li a {
        padding-left: calc(34rem / 20);
        padding-right: calc(34rem / 20);
        height: calc(80rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
        transition: .3s; }
        .st-Nav .list li a::before {
          content: '';
          position: absolute;
          background: #9a7c52;
          width: 0%;
          height: calc(3rem / 20);
          bottom: calc(5rem / 20);
          left: 0; }
        .st-Nav .list li a:hover {
          transition: .3s; }
          .st-Nav .list li a:hover::before {
            width: 98%; }
  .st-Nav .btn {
    width: calc(326rem / 20);
    height: calc(80rem / 20); }
    .st-Nav .btn a {
      background: #9a7c52;
      display: block;
      height: calc(80rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: .3s; }
      .st-Nav .btn a:hover {
        background: #b8996d; }
    .st-Nav .btn img {
      width: calc(282rem / 20); }

@media only screen and (max-width: 46.875em) {
  .st-Nav {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 0; }
    .st-Nav .list {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column; }
      .st-Nav .list li {
        font-size: calc(32rem / 20); }
        .st-Nav .list li span {
          font-size: calc(24rem / 20); }
        .st-Nav .list li a {
          padding-left: 0;
          padding-right: 0;
          padding-top: calc(14rem / 20);
          padding-bottom: calc(14rem / 20);
          height: auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: flex; }
    .st-Nav .btn {
      width: calc(600rem / 20);
      margin-top: calc(30rem / 20); }
      .st-Nav .btn a {
        background: #9a7c52;
        display: block;
        height: calc(120rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: .3s; }
        .st-Nav .btn a:hover {
          background: #b8996d; }
      .st-Nav .btn img {
        width: calc(420rem / 20); } }
.menu-trigger {
  display: block;
  width: calc(120rem / 20);
  height: calc(120rem / 20);
  position: fixed;
  top: calc(12rem / 20);
  right: calc(12rem / 20);
  z-index: 999;
  background: #9a7c52; }
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    width: calc(56rem / 20);
    height: 2px;
    background-color: #fff;
    left: calc(33rem / 20); }
    .menu-trigger span:nth-of-type(1) {
      top: calc(25rem / 20); }
    .menu-trigger span:nth-of-type(2) {
      top: calc(45rem / 20); }
    .menu-trigger span:nth-of-type(3) {
      top: calc(66rem / 20); }
  .menu-trigger p {
    position: absolute;
    left: 50%;
    bottom: calc(15rem / 20);
    transform: translateX(-50%);
    color: #fff; }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(0.65em) rotate(-45deg);
    transform: translateY(0.65em) rotate(-45deg);
    background: #fff; }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0; }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-1.25rem) rotate(45deg);
    transform: translateY(-1.25rem) rotate(45deg);
    background: #fff; }

@media only screen and (min-width: 46.875em) {
  .menu-trigger {
    display: none; } }
/*----------------------*/
.st-Main {
  padding-top: calc(80rem / 20); }
  .st-Main .secong-main_sp {
    display: none; }
  .st-Main.second {
    padding-top: 0;
    margin-top: calc(-100rem / 20); }

@media only screen and (max-width: 46.875em) {
  .st-Main {
    padding-top: 0; }
    .st-Main .secong-main_sp {
      display: block;
      position: relative; } }
.home-Fv {
  height: calc(660rem / 20);
  max-height: calc(660rem / 20);
  width: 100%;
  overflow: hidden;
  position: relative; }
  .home-Fv .inner {
    height: calc(660rem / 20);
    position: relative; }
    .home-Fv .inner::after {
      content: '';
      position: absolute;
      width: 1px;
      bottom: calc(70rem / 20);
      left: 50%;
      transform: translateX(-50%);
      height: calc(70rem / 20);
      background: #e71f19; }
    .home-Fv .inner::before {
      content: '';
      position: absolute;
      width: 1px;
      bottom: calc(0rem / 20);
      left: 50%;
      transform: translateX(-50%);
      height: calc(70rem / 20);
      background: #000;
      z-index: 1; }
    .home-Fv .inner .fv-txt {
      position: absolute;
      width: calc(352rem / 20);
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
      .home-Fv .inner .fv-txt image {
        width: 100%; }
      .home-Fv .inner .fv-txt svg {
        width: calc(352rem / 20); }
    .home-Fv .inner .fv-txt.sp {
      display: none; }
  .home-Fv::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50vw 3.5rem 50vw;
    border-color: transparent transparent #fff transparent; }
  .home-Fv .img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%); }
    .home-Fv .img img {
      width: 100%; }

@media only screen and (max-width: 46.875em) {
  .home-Fv {
    height: calc(660rem / 20);
    width: 100%;
    overflow: hidden; }
    .home-Fv .inner {
      height: calc(660rem / 20); }
      .home-Fv .inner .fv-txt {
        display: none;
        position: absolute;
        width: calc(352rem / 20);
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); }
        .home-Fv .inner .fv-txt image {
          width: 100%; }
        .home-Fv .inner .fv-txt svg {
          width: calc(352rem / 20); }
      .home-Fv .inner .fv-txt.sp {
        display: block; }
    .home-Fv .img {
      width: 180%; }
      .home-Fv .img img {
        width: 100%;
        top: 0; } }
.home-Sec1 {
  padding-top: calc(10rem / 20);
  padding-bottom: calc(40rem / 20); }
  .home-Sec1 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .home-Sec1 .txt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 3.5;
    font-size: calc(20rem / 20);
    letter-spacing: .25rem; }

@media only screen and (max-width: 46.875em) {
  .home-Sec1 {
    padding-top: calc(30rem / 20);
    padding-bottom: calc(40rem / 20); }
    .home-Sec1 .txt {
      font-size: calc(28rem / 20);
      line-height: 2.5; } }
/* スライドショー */
.home-Work {
  padding-top: calc(40rem / 20);
  padding-bottom: calc(55rem / 20);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: calc(147rem / 20); }
  .home-Work .ttl {
    text-align: center;
    font-size: calc(45rem / 20);
    letter-spacing: .2rem;
    line-height: 1.2;
    margin-bottom: calc(30rem / 20);
    position: relative; }
    .home-Work .ttl::before {
      content: "";
      position: absolute;
      background: url("../img/ttl_ico.png") no-repeat;
      background-size: calc(25rem / 20);
      width: calc(25rem / 20);
      height: calc(16rem / 20);
      top: calc(-20rem / 20);
      left: 50%;
      transform: translateX(-50%); }
    .home-Work .ttl span {
      font-size: calc(25rem / 20);
      display: block;
      font-weight: 400; }
  .home-Work .unit-txtarea {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: calc(15rem / 20); }
    .home-Work .unit-txtarea .unit-cat {
      font-size: calc(14rem / 20);
      background: #754c24;
      color: #fff;
      padding-left: calc(10rem / 20);
      padding-right: calc(10rem / 20);
      padding-top: calc(5rem / 20);
      padding-bottom: calc(5rem / 20);
      width: calc(90rem / 20);
      text-align: center;
      margin-right: calc(15rem / 20); }
    .home-Work .unit-txtarea .unit-ttl {
      font-size: calc(16rem / 20);
      width: calc(690rem / 20); }

@media only screen and (max-width: 46.875em) {
  .home-Work {
    margin-top: calc(50rem / 20);
    padding-left: calc(50rem / 20);
    padding-right: calc(50rem / 20); }
    .home-Work .ttl {
      font-size: calc(52rem / 20); }
      .home-Work .ttl::before {
        background-size: calc(25rem / 20 *1.5);
        width: calc(25rem / 20 *1.5);
        height: calc(16rem / 20 *1.5);
        top: calc(-30rem / 20); }
      .home-Work .ttl span {
        font-size: calc(32rem / 20); }
    .home-Work .unit-txtarea {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .home-Work .unit-txtarea .unit-cat {
        font-size: calc(24rem / 20);
        padding-left: calc(30rem / 20);
        padding-right: calc(30rem / 20);
        width: auto;
        margin-bottom: calc(10rem / 20); }
      .home-Work .unit-txtarea .unit-ttl {
        font-size: calc(26rem / 20);
        width: 100%; } }
/*.home-Work .material-icons.slick-prev{
left: calc(1170rem / 20);
top: 50%;
color: rgba(0, 0, 0,.7);
font-size: 3rem;
line-height: .8;
}
.home-Work .material-icons.slick-next{
right: calc(1180rem / 20);
top: 50%;
color: rgba(0, 0, 0,.7);
font-size: 3rem;
line-height: .8;
}*/
#sliderInner {
  position: relative;
  left: 50%;
  width: calc(2370rem / 20);
  margin-left: calc(-1185rem / 20); }
  #sliderInner li:focus {
    outline: none; }

@media only screen and (max-width: 46.875em) {
  #sliderInner {
    left: 0;
    width: 100%;
    margin-left: 0; } }
#sliderInner .unit {
  width: calc(790rem / 20);
  margin-left: calc(4rem / 20);
  margin-right: calc(4rem / 20); }
  #sliderInner .unit a:focus {
    outline: none; }

@media only screen and (max-width: 46.875em) {
  #sliderInner .unit {
    width: 100%; } }
.home-Service {
  padding-top: calc(50rem / 20);
  padding-bottom: calc(55rem / 20); }
  .home-Service .ttl {
    text-align: center;
    font-size: calc(45rem / 20);
    letter-spacing: .2rem;
    line-height: 1.2;
    margin-bottom: calc(30rem / 20);
    position: relative; }
    .home-Service .ttl::before {
      content: "";
      position: absolute;
      background: url("../img/ttl_ico.png") no-repeat;
      background-size: calc(25rem / 20);
      width: calc(25rem / 20);
      height: calc(16rem / 20);
      top: calc(-20rem / 20);
      left: 50%;
      transform: translateX(-50%); }
    .home-Service .ttl span {
      font-size: calc(25rem / 20);
      display: block;
      font-weight: 400; }
  .home-Service .unit-area {
    position: relative; }
    .home-Service .unit-area::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      height: 90%;
      background: #bba68d;
      z-index: -1; }
    .home-Service .unit-area .unit {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding-left: calc(90rem / 20);
      padding-right: calc(90rem / 20); }
      .home-Service .unit-area .unit.num2 {
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: calc(-110rem / 20); }
        .home-Service .unit-area .unit.num2 .unit-txtarea {
          padding-left: calc(222rem / 20); }
          .home-Service .unit-area .unit.num2 .unit-txtarea::before {
            left: calc(115rem / 20);
            top: calc(-40rem / 20);
            background: url("../img/num2.png") no-repeat;
            background-size: calc(110rem / 20);
            width: calc(110rem / 20);
            height: calc(100rem / 20); }
      .home-Service .unit-area .unit.num3 {
        margin-top: calc(-110rem / 20); }
        .home-Service .unit-area .unit.num3 .unit-txtarea::before {
          left: calc(-10rem / 20);
          top: calc(-40rem / 20);
          background: url("../img/num3.png") no-repeat;
          background-size: calc(110rem / 20);
          width: calc(110rem / 20);
          height: calc(100rem / 20); }
        .home-Service .unit-area .unit.num3 .unit-txtarea .unit-txt {
          font-size: calc(25rem / 20);
          letter-spacing: .2rem; }
      .home-Service .unit-area .unit .unit-img {
        width: calc(530rem / 20);
        height: calc(530rem / 20);
        overflow: hidden;
        position: relative;
        border-radius: 50%; }
        .home-Service .unit-area .unit .unit-img img {
          top: 0;
          left: 0;
          position: absolute;
          width: calc(530rem / 20);
          height: calc(530rem / 20); }
      .home-Service .unit-area .unit .unit-txtarea {
        width: calc(530rem / 20);
        padding-left: calc(110rem / 20);
        position: relative;
        color: #000; }
        .home-Service .unit-area .unit .unit-txtarea::before {
          content: "";
          position: absolute;
          left: 0;
          top: calc(-40rem / 20);
          background: url("../img/num1.png") no-repeat;
          background-size: calc(110rem / 20);
          width: calc(110rem / 20);
          height: calc(100rem / 20); }
        .home-Service .unit-area .unit .unit-txtarea .unit-ttl {
          font-size: calc(35rem / 20);
          font-weight: 400;
          margin-bottom: calc(25rem / 20); }
        .home-Service .unit-area .unit .unit-txtarea .unit-list {
          font-size: calc(25rem / 20);
          padding-left: calc(35rem / 20);
          border-left: 1px solid #000;
          line-height: 1;
          position: relative; }
          .home-Service .unit-area .unit .unit-txtarea .unit-list::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: calc(15rem / 20);
            height: calc(1rem / 20);
            background: #000; }
          .home-Service .unit-area .unit .unit-txtarea .unit-list::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: calc(15rem / 20);
            height: calc(1rem / 20);
            background: #000; }
          .home-Service .unit-area .unit .unit-txtarea .unit-list li {
            margin-bottom: calc(10rem / 20);
            letter-spacing: .2rem; }

@media only screen and (max-width: 46.875em) {
  .home-Service .ttl {
    font-size: calc(52rem / 20); }
    .home-Service .ttl::before {
      background-size: calc(25rem / 20 *1.5);
      width: calc(25rem / 20 *1.5);
      height: calc(16rem / 20 *1.5);
      top: calc(-30rem / 20); }
    .home-Service .ttl span {
      font-size: calc(32rem / 20); }
  .home-Service .unit-area {
    padding-top: calc(40rem / 20);
    padding-bottom: calc(40rem / 20); }
    .home-Service .unit-area::before {
      height: 92%; }
    .home-Service .unit-area .unit {
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20); }
      .home-Service .unit-area .unit.num2 {
        margin-top: calc(40rem / 20); }
        .home-Service .unit-area .unit.num2 .unit-txtarea {
          padding-left: calc(50rem / 20); }
          .home-Service .unit-area .unit.num2 .unit-txtarea::before {
            left: calc(50rem / 20);
            top: calc(-99rem / 20); }
      .home-Service .unit-area .unit.num3 {
        margin-top: calc(40rem / 20); }
        .home-Service .unit-area .unit.num3 .unit-txtarea::before {
          left: calc(-10rem / 20);
          top: calc(-99rem / 20); }
        .home-Service .unit-area .unit.num3 .unit-txtarea .unit-txt {
          font-size: calc(25rem / 20);
          letter-spacing: .2rem; }
      .home-Service .unit-area .unit .unit-img {
        width: calc(330rem / 20);
        height: calc(330rem / 20);
        overflow: inherit;
        position: relative;
        border-radius: 0; }
        .home-Service .unit-area .unit .unit-img img {
          width: calc(330rem / 20);
          height: calc(330rem / 20); }
      .home-Service .unit-area .unit .unit-txtarea {
        width: calc(310rem / 20);
        margin-top: calc(70rem / 20);
        padding-left: 0; }
        .home-Service .unit-area .unit .unit-txtarea::before {
          top: calc(-99rem / 20); } }
.home-News {
  padding-top: calc(40rem / 20);
  padding-bottom: calc(55rem / 20); }
  .home-News .ttl {
    text-align: center;
    font-size: calc(45rem / 20);
    letter-spacing: .2rem;
    line-height: 1.2;
    margin-bottom: calc(50rem / 20);
    position: relative; }
    .home-News .ttl::before {
      content: "";
      position: absolute;
      background: url("../img/ttl_ico.png") no-repeat;
      background-size: calc(25rem / 20);
      width: calc(25rem / 20);
      height: calc(16rem / 20);
      top: calc(-20rem / 20);
      left: 50%;
      transform: translateX(-50%); }
    .home-News .ttl span {
      font-size: calc(25rem / 20);
      display: block;
      font-weight: 400; }
  .home-News .list {
    text-align: center; }
    .home-News .list li {
      margin-bottom: calc(30rem / 20); }
      .home-News .list li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
      .home-News .list li .day {
        background: #754c24;
        color: #fff;
        font-size: calc(17rem / 20);
        padding-left: calc(20rem / 20);
        padding-right: calc(20rem / 20);
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20);
        margin-right: calc(20rem / 20); }
      .home-News .list li .txt {
        font-size: calc(18rem / 20);
        padding-top: calc(5rem / 20); }

@media only screen and (max-width: 46.875em) {
  .home-News .ttl {
    font-size: calc(52rem / 20); }
    .home-News .ttl::before {
      background-size: calc(25rem / 20 *1.5);
      width: calc(25rem / 20 *1.5);
      height: calc(16rem / 20 *1.5);
      top: calc(-30rem / 20); }
    .home-News .ttl span {
      font-size: calc(32rem / 20); }
  .home-News .list {
    padding-left: calc(32rem / 20);
    padding-right: calc(32rem / 20); }
    .home-News .list li a {
      -webkit-box-pack: start;
      -webkit-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
    .home-News .list li .day {
      font-size: calc(24rem / 20); }
    .home-News .list li .txt {
      font-size: calc(24rem / 20);
      padding-top: calc(5rem / 20);
      text-align: left; } }
.st-Footer {
  margin-top: calc(30rem / 20); }
  .st-Footer .map-area iframe {
    height: calc(445rem / 20);
    width: 100%; }
  .st-Footer .inner {
    background: #000;
    position: relative;
    padding-bottom: calc(90rem / 20); }
    .st-Footer .inner::before {
      content: '';
      position: absolute;
      left: 0;
      top: -3.5rem;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 50vw 3.5rem 50vw;
      border-color: transparent transparent #000; }
  .st-Footer .ttl {
    width: calc(162rem / 20);
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .st-Footer .ttl img {
      position: absolute;
      top: calc(-20rem / 20); }
  .st-Footer .list-box {
    padding-top: calc(150rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff; }
    .st-Footer .list-box .list {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      font-size: calc(20rem / 20); }
      .st-Footer .list-box .list li a {
        text-align: center;
        padding-left: calc(30rem / 20);
        padding-right: calc(30rem / 20);
        display: block; }
      .st-Footer .list-box .list li span {
        display: block;
        font-size: calc(12rem / 20);
        letter-spacing: .2rem; }
    .st-Footer .list-box .sns {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .st-Footer .list-box .sns li {
        margin-left: calc(25rem / 20);
        margin-right: calc(25rem / 20); }
        .st-Footer .list-box .sns li:first-child {
          width: calc(30rem / 20); }
        .st-Footer .list-box .sns li:nth-child(2) {
          width: calc(16rem / 20); }
  .st-Footer .footer_tel {
    margin-top: calc(30rem / 20);
    background: #fff;
    width: calc(500rem / 20);
    margin-left: auto;
    margin-right: auto;
    border: .15rem solid #9a7c52;
    font-size: calc(16rem / 20);
    color: #9a7c52; }
    .st-Footer .footer_tel a {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: calc(120rem / 20); }
    .st-Footer .footer_tel img {
      width: calc(446rem / 20);
      margin-top: calc(5rem / 20);
      margin-bottom: calc(5rem / 20); }
    .st-Footer .footer_tel .txt {
      font-size: calc(11rem / 20);
      letter-spacing: -0.01rem; }
      .st-Footer .footer_tel .txt span {
        font-weight: 700; }
  .st-Footer .by_txt {
    width: calc(200rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(20rem / 20); }
  .st-Footer .copy {
    font-size: calc(13rem / 20);
    text-align: center;
    color: #fff;
    margin-top: calc(30rem / 20); }

@media only screen and (max-width: 46.875em) {
  .st-Footer .map-area iframe {
    height: calc(620rem / 20); }
  .st-Footer .inner {
    padding-bottom: calc(90rem / 20); }
  .st-Footer .ttl {
    width: calc(250rem / 20); }
  .st-Footer .list-box {
    padding-top: calc(250rem / 20);
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .st-Footer .list-box .list {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: calc(28rem / 20); }
      .st-Footer .list-box .list li {
        width: 50%;
        margin-bottom: calc(28rem / 20); }
        .st-Footer .list-box .list li a {
          padding-left: 0;
          padding-right: 0; }
        .st-Footer .list-box .list li span {
          font-size: calc(20rem / 20);
          letter-spacing: .2rem; }
    .st-Footer .list-box .sns {
      width: 100%;
      margin-top: calc(40rem / 20); }
      .st-Footer .list-box .sns li {
        margin-left: calc(25rem / 20);
        margin-right: calc(25rem / 20); }
        .st-Footer .list-box .sns li:first-child {
          width: calc(30rem / 20*1.5); }
        .st-Footer .list-box .sns li:nth-child(2) {
          width: calc(16rem / 20*1.5); }
  .st-Footer .footer_tel {
    width: calc(600rem / 20);
    font-size: calc(26rem / 20);
    color: #9a7c52; }
    .st-Footer .footer_tel a {
      height: calc(200rem / 20); }
    .st-Footer .footer_tel img {
      width: calc(505rem / 20);
      margin-top: calc(10rem / 20);
      margin-bottom: calc(10rem / 20); }
  .st-Footer .by_txt {
    width: calc(350rem / 20); }
  .st-Footer .copy {
    font-size: calc(20rem / 20); } }
/*-----------------------------------------------
second
-----------------------------------------------*/
.second-Header {
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  width: 100%; }
  .second-Header .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1; }
  .second-Header .logo {
    background: #fff;
    width: calc(322rem / 20);
    margin-right: calc(132rem / 20); }
  .second-Header .secong-main {
    width: calc(755rem / 20); }
  .second-Header .st-Nav .btn {
    display: none; }

@media only screen and (max-width: 46.875em) {
  .second-Header {
    position: fixed;
    height: 100%;
    top: -530vw;
    transition: .3s;
    z-index: 9; }
    .second-Header .inner {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%; }
    .second-Header .secong-main {
      display: none; }
    .second-Header .st-Nav .btn {
      display: block; }
    .second-Header .logo {
      width: calc(80rem / 20);
      margin-bottom: calc(30rem / 20);
      margin-right: 0; }
    .second-Header.menu-expanded {
      top: 0; } }
.second-ttl_area {
  padding-left: calc(75rem / 20);
  padding-right: calc(75rem / 20); }
  .second-ttl_area .second-ttl {
    font-size: calc(45rem / 20);
    letter-spacing: .2rem;
    line-height: 1.2;
    margin-bottom: calc(80rem / 20);
    position: relative;
    padding-bottom: calc(20rem / 20); }
    .second-ttl_area .second-ttl::before {
      content: "";
      position: absolute;
      background: url("../img/secon_ttl_line.png") no-repeat;
      background-size: calc(96rem / 20);
      width: calc(96rem / 20);
      height: calc(3rem / 20);
      bottom: 0;
      left: 0; }
    .second-ttl_area .second-ttl span {
      font-size: calc(18rem / 20);
      display: block;
      font-weight: 400; }

@media only screen and (max-width: 46.875em) {
  .second-ttl_area {
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20);
    padding-top: calc(80rem / 20); }
    .second-ttl_area .second-ttl {
      font-size: calc(52rem / 20); }
      .second-ttl_area .second-ttl::before {
        background-size: calc(96rem / 20*1.3);
        width: calc(96rem / 20*1.3);
        height: calc(3rem / 20*1.3); }
      .second-ttl_area .second-ttl span {
        font-size: calc(28rem / 20); } }
.second-Section .inner {
  padding-left: calc(75rem / 20);
  padding-right: calc(75rem / 20); }

@media only screen and (max-width: 46.875em) {
  .second-Section .inner {
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20); } }
/*-----------------
-----------------------*/
.concept-Sec1 .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .concept-Sec1 .inner .img {
    width: calc(535rem / 20); }
  .concept-Sec1 .inner .text-area {
    width: calc(550rem / 20); }
  .concept-Sec1 .inner .ttl {
    display: inline-block;
    position: relative;
    background: #107e86;
    height: calc(50rem / 20);
    color: #fff;
    font-size: calc(32rem / 20);
    font-weight: 300;
    letter-spacing: .2rem;
    padding-left: calc(15rem / 20);
    padding-right: calc(35rem / 20);
    line-height: 1.65;
    margin-left: calc(20rem / 20); }
    .concept-Sec1 .inner .ttl::before {
      content: "";
      background: url("../img/secon_ttl_bg1.png") no-repeat;
      background-size: calc(20rem / 20);
      width: calc(20rem / 20);
      height: calc(50rem / 20);
      top: 0;
      left: calc(-19rem / 20);
      position: absolute; }
    .concept-Sec1 .inner .ttl::after {
      content: "";
      background: url("../img/secon_ttl_bg2.png") no-repeat;
      background-size: calc(42rem / 20);
      width: calc(42rem / 20);
      height: calc(50rem / 20);
      top: 0;
      right: calc(-42rem / 20);
      position: absolute; }
  .concept-Sec1 .inner .txt {
    font-size: calc(16rem / 20);
    margin-top: calc(20rem / 20);
    margin-bottom: calc(30rem / 20);
    line-height: 1.8; }

@media only screen and (max-width: 46.875em) {
  .concept-Sec1 .inner {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .concept-Sec1 .inner .img {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: calc(80rem / 20); }
    .concept-Sec1 .inner .text-area {
      width: 100%; }
    .concept-Sec1 .inner .txt {
      font-size: calc(26rem / 20);
      margin-bottom: calc(50rem / 20);
      line-height: 2; } }
.concept-Sec2 {
  padding-top: calc(60rem / 20);
  margin-bottom: calc(70rem / 20); }
  .concept-Sec2 .list-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .concept-Sec2 .list-box .list {
      width: calc(390rem / 20);
      margin-left: calc(35rem / 20);
      margin-right: calc(35rem / 20); }
      .concept-Sec2 .list-box .list li {
        letter-spacing: .2rem;
        font-size: calc(19rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        background: #754c24;
        color: #fff;
        padding-left: calc(15rem / 20);
        padding-right: calc(15rem / 20);
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20);
        margin-bottom: calc(30rem / 20); }
        .concept-Sec2 .list-box .list li:nth-child(2n) {
          background: #9a7c52; }
  .concept-Sec2 .txt1 {
    text-align: center;
    margin-top: calc(20rem / 20);
    margin-bottom: calc(40rem / 20); }
    .concept-Sec2 .txt1 span {
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      padding-left: calc(30rem / 20);
      padding-right: calc(30rem / 20);
      font-size: calc(24rem / 20);
      border: 1px solid #000; }
  .concept-Sec2 .txt2 {
    text-align: center;
    font-size: calc(16rem / 20);
    margin-bottom: calc(30rem / 20);
    line-height: 1.8; }

@media only screen and (max-width: 46.875em) {
  .concept-Sec2 {
    padding-top: 0; }
    .concept-Sec2 .list-box {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .concept-Sec2 .list-box .list {
        width: 100%;
        margin-left: 0;
        margin-right: 0; }
        .concept-Sec2 .list-box .list li {
          font-size: calc(26rem / 20);
          padding-left: calc(30rem / 20);
          padding-right: calc(30rem / 20);
          padding-top: calc(10rem / 20);
          padding-bottom: calc(10rem / 20);
          margin-bottom: calc(20rem / 20); }
    .concept-Sec2 .txt1 span {
      font-size: calc(30rem / 20); }
    .concept-Sec2 .txt2 {
      text-align: left;
      font-size: calc(26rem / 20);
      line-height: 2; } }
.concept-Sec3 {
  margin-bottom: calc(70rem / 20); }
  .concept-Sec3 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .concept-Sec3 .ttl {
    display: inline-block;
    position: relative;
    background: #107e86;
    height: calc(50rem / 20);
    color: #fff;
    font-size: calc(32rem / 20);
    font-weight: 300;
    letter-spacing: .2rem;
    padding-left: calc(35rem / 20);
    padding-right: calc(55rem / 20);
    line-height: 1.65;
    margin-left: calc(20rem / 20); }
    .concept-Sec3 .ttl::before {
      content: "";
      background: url("../img/secon_ttl_bg1.png") no-repeat;
      background-size: calc(20rem / 20);
      width: calc(20rem / 20);
      height: calc(50rem / 20);
      top: 0;
      left: calc(-19rem / 20);
      position: absolute; }
    .concept-Sec3 .ttl::after {
      content: "";
      background: url("../img/secon_ttl_bg2.png") no-repeat;
      background-size: calc(42rem / 20);
      width: calc(42rem / 20);
      height: calc(50rem / 20);
      top: 0;
      right: calc(-42rem / 20);
      position: absolute; }
  .concept-Sec3 .box {
    margin-top: calc(50rem / 20);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .concept-Sec3 .box .img {
      width: calc(300rem / 20); }
      .concept-Sec3 .box .img .name {
        text-align: right;
        font-size: calc(16rem / 20);
        margin-top: calc(5rem / 20); }
    .concept-Sec3 .box .txt-area {
      width: calc(780rem / 20); }
    .concept-Sec3 .box .txt {
      font-size: calc(16rem / 20);
      margin-bottom: calc(30rem / 20);
      line-height: 1.8; }
    .concept-Sec3 .box .list {
      font-size: calc(16rem / 20);
      margin-bottom: calc(30rem / 20);
      line-height: 1.8; }
      .concept-Sec3 .box .list li {
        margin-bottom: calc(3rem / 20); }
        .concept-Sec3 .box .list li span {
          margin-right: calc(25rem / 20); }

@media only screen and (max-width: 46.875em) {
  .concept-Sec3 .box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .concept-Sec3 .box .img {
      width: calc(300rem / 20);
      margin-bottom: calc(30rem / 20); }
      .concept-Sec3 .box .img .name {
        text-align: center;
        font-size: calc(26rem / 20); }
    .concept-Sec3 .box .txt-area {
      width: 100%; }
    .concept-Sec3 .box .txt {
      font-size: calc(26rem / 20);
      line-height: 2; }
    .concept-Sec3 .box .list {
      font-size: calc(26rem / 20);
      margin-bottom: calc(30rem / 20);
      line-height: 1.8; }
      .concept-Sec3 .box .list li {
        margin-bottom: calc(15rem / 20); }
        .concept-Sec3 .box .list li span {
          margin-right: 0;
          display: block; } }
.concept-Sec4 {
  margin-bottom: calc(70rem / 20); }
  .concept-Sec4 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .concept-Sec4 .ttl {
    display: inline-block;
    position: relative;
    background: #107e86;
    height: calc(50rem / 20);
    color: #fff;
    font-size: calc(32rem / 20);
    font-weight: 300;
    letter-spacing: .2rem;
    padding-left: calc(35rem / 20);
    padding-right: calc(55rem / 20);
    line-height: 1.65;
    margin-left: calc(20rem / 20); }
    .concept-Sec4 .ttl::before {
      content: "";
      background: url("../img/secon_ttl_bg1.png") no-repeat;
      background-size: calc(20rem / 20);
      width: calc(20rem / 20);
      height: calc(50rem / 20);
      top: 0;
      left: calc(-19rem / 20);
      position: absolute; }
    .concept-Sec4 .ttl::after {
      content: "";
      background: url("../img/secon_ttl_bg2.png") no-repeat;
      background-size: calc(42rem / 20);
      width: calc(42rem / 20);
      height: calc(50rem / 20);
      top: 0;
      right: calc(-42rem / 20);
      position: absolute; }
  .concept-Sec4 .box {
    margin-top: calc(50rem / 20);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .concept-Sec4 .box.num2 {
      margin-top: calc(25rem / 20); }
    .concept-Sec4 .box .img {
      width: calc(420rem / 20); }
      .concept-Sec4 .box .img img {
        margin-bottom: calc(25rem / 20); }
    .concept-Sec4 .box .txt-area {
      width: calc(660rem / 20); }
    .concept-Sec4 .box .txt {
      font-size: calc(16rem / 20);
      margin-bottom: calc(30rem / 20);
      line-height: 1.8; }

@media only screen and (max-width: 46.875em) {
  .concept-Sec4 .box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .concept-Sec4 .box.num2 {
      -webkit-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
      margin-top: calc(25rem / 20); }
    .concept-Sec4 .box .img {
      width: 80%; }
      .concept-Sec4 .box .img img {
        margin-bottom: calc(20rem / 20); }
    .concept-Sec4 .box .txt-area {
      width: 100%; }
    .concept-Sec4 .box .txt {
      font-size: calc(26rem / 20);
      margin-bottom: calc(30rem / 20);
      line-height: 2; } }
.concept-Sec5 {
  margin-bottom: calc(150rem / 20); }
  .concept-Sec5 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .concept-Sec5 .ttl {
    display: inline-block;
    position: relative;
    background: #107e86;
    height: calc(50rem / 20);
    color: #fff;
    font-size: calc(32rem / 20);
    font-weight: 300;
    letter-spacing: .2rem;
    padding-left: calc(100rem / 20);
    padding-right: calc(85rem / 20);
    line-height: 1.65;
    margin-left: calc(20rem / 20); }
    .concept-Sec5 .ttl::before {
      content: "";
      background: url("../img/secon_ttl_bg1.png") no-repeat;
      background-size: calc(20rem / 20);
      width: calc(20rem / 20);
      height: calc(50rem / 20);
      top: 0;
      left: calc(-19rem / 20);
      position: absolute; }
    .concept-Sec5 .ttl::after {
      content: "";
      background: url("../img/secon_ttl_bg2.png") no-repeat;
      background-size: calc(42rem / 20);
      width: calc(42rem / 20);
      height: calc(50rem / 20);
      top: 0;
      right: calc(-42rem / 20);
      position: absolute; }
  .concept-Sec5 .box {
    margin-top: calc(50rem / 20);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .concept-Sec5 .box .img1 {
      width: calc(295rem / 20);
      margin-right: calc(90rem / 20); }
    .concept-Sec5 .box .img2 {
      width: calc(405rem / 20);
      margin-left: calc(90rem / 20); }

@media only screen and (max-width: 46.875em) {
  .concept-Sec5 .box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .concept-Sec5 .box .img1 {
      width: calc(295rem / 20);
      margin-right: 0;
      margin-bottom: calc(70rem / 20); }
    .concept-Sec5 .box .img2 {
      width: calc(405rem / 20);
      margin-left: 0; } }
/*--------------------------
service
-------------------------------*/
.service-Sec1 {
  margin-bottom: calc(100rem / 20); }
  .service-Sec1 .unit-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .service-Sec1 .unit-box .unit {
      width: calc(360rem / 20);
      position: relative;
      padding-top: calc(43rem / 20); }
      .service-Sec1 .unit-box .unit.num1::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        background: url("../img/service/num1.png") no-repeat;
        background-size: calc(85rem / 20);
        width: calc(85rem / 20);
        height: calc(77rem / 20);
        z-index: 1; }
      .service-Sec1 .unit-box .unit.num2::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        background: url("../img/service/num2.png") no-repeat;
        background-size: calc(85rem / 20);
        width: calc(85rem / 20);
        height: calc(77rem / 20);
        z-index: 1; }
      .service-Sec1 .unit-box .unit.num3::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        background: url("../img/service/num3.png") no-repeat;
        background-size: calc(85rem / 20);
        width: calc(85rem / 20);
        height: calc(77rem / 20);
        z-index: 1; }
      .service-Sec1 .unit-box .unit .unit-img {
        margin-bottom: calc(15rem / 20);
        position: relative; }
      .service-Sec1 .unit-box .unit .unit-ttl {
        font-size: calc(30rem / 20);
        letter-spacing: .1rem;
        font-weight: 400;
        color: #9b7c52;
        margin-bottom: calc(20rem / 20);
        text-align: center; }
      .service-Sec1 .unit-box .unit .unit-logo {
        margin-top: calc(50rem / 20);
        width: calc(270rem / 20);
        margin-left: auto;
        margin-right: auto; }
        .service-Sec1 .unit-box .unit .unit-logo .unit-logo_ttl {
          font-size: calc(15rem / 20);
          font-weight: 400;
          position: relative;
          margin-bottom: calc(10rem / 20); }
          .service-Sec1 .unit-box .unit .unit-logo .unit-logo_ttl::before {
            content: "\025b6";
            font-size: calc(15rem / 20);
            margin-right: calc(5rem / 20); }
      .service-Sec1 .unit-box .unit .unit-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        border: 1px solid #000;
        min-height: calc(95rem / 20);
        font-size: calc(16rem / 20);
        position: relative;
        width: calc(270rem / 20);
        margin-left: auto;
        margin-right: auto; }
        .service-Sec1 .unit-box .unit .unit-list::before {
          content: "";
          background: #fff;
          position: absolute;
          background-size: calc(202rem / 20);
          width: 93%;
          height: calc(6rem / 20);
          top: calc(-4rem / 20);
          left: 50%;
          transform: translateX(-50%); }
        .service-Sec1 .unit-box .unit .unit-list::after {
          content: "";
          background: #fff;
          position: absolute;
          background-size: calc(202rem / 20);
          width: 93%;
          height: calc(6rem / 20);
          bottom: calc(-4rem / 20);
          left: 50%;
          transform: translateX(-50%); }
  .service-Sec1 .logo-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: calc(30rem / 20);
    margin-top: calc(90rem / 20); }
    .service-Sec1 .logo-area > div {
      margin-bottom: calc(20rem / 20); }
    .service-Sec1 .logo-area .logo1 {
      width: calc(158rem / 20); }
    .service-Sec1 .logo-area .logo2 {
      width: calc(154rem / 20); }
    .service-Sec1 .logo-area .logo3 {
      width: calc(178rem / 20); }
    .service-Sec1 .logo-area .logo4 {
      width: calc(172rem / 20); }
    .service-Sec1 .logo-area .logo5 {
      width: calc(253rem / 20); }
    .service-Sec1 .logo-area .logo6 {
      width: calc(304rem / 20); }
    .service-Sec1 .logo-area .logo7 {
      width: calc(108rem / 20); }
    .service-Sec1 .logo-area .logo8 {
      width: calc(264rem / 20); }
    .service-Sec1 .logo-area .logo9 {
      width: calc(286rem / 20); }
  .service-Sec1 .txt {
    text-align: center;
    letter-spacing: .2rem;
    margin-top: calc(20rem / 20); }

@media only screen and (max-width: 46.875em) {
  .service-Sec1 .unit-box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .service-Sec1 .unit-box .unit {
      width: 100%;
      padding-top: calc(43rem / 20);
      margin-bottom: calc(43rem / 20); }
      .service-Sec1 .unit-box .unit.num1::before {
        left: calc(50rem / 20);
        background-size: calc(85rem / 20*1.2);
        width: calc(85rem / 20*1.2);
        height: calc(77rem / 20*1.2); }
      .service-Sec1 .unit-box .unit.num2::before {
        left: calc(50rem / 20);
        background-size: calc(85rem / 20*1.2);
        width: calc(85rem / 20*1.2);
        height: calc(77rem / 20*1.2); }
      .service-Sec1 .unit-box .unit.num3::before {
        left: calc(50rem / 20);
        background-size: calc(85rem / 20*1.2);
        width: calc(85rem / 20*1.2);
        height: calc(77rem / 20*1.2); }
      .service-Sec1 .unit-box .unit .unit-img {
        margin-bottom: calc(15rem / 20);
        position: absolute;
        width: calc(280rem / 20);
        height: calc(280rem / 20); }
      .service-Sec1 .unit-box .unit .unit-ttl {
        font-size: calc(36rem / 20);
        text-align: right; }
      .service-Sec1 .unit-box .unit .unit-logo {
        margin-top: calc(50rem / 20);
        width: calc(420rem / 20);
        text-align: center; }
        .service-Sec1 .unit-box .unit .unit-logo .unit-logo_ttl {
          font-size: calc(25rem / 20); }
          .service-Sec1 .unit-box .unit .unit-logo .unit-logo_ttl::before {
            font-size: calc(23rem / 20); }
        .service-Sec1 .unit-box .unit .unit-logo img {
          width: calc(330rem / 20);
          margin-left: auto;
          margin-right: auto; }
      .service-Sec1 .unit-box .unit .unit-list {
        font-size: calc(26rem / 20);
        width: calc(350rem / 20);
        min-height: calc(195rem / 20);
        margin-right: 0; }
  .service-Sec1 .logo-area .logo1 {
    width: calc(158rem / 20*1.3); }
  .service-Sec1 .logo-area .logo2 {
    width: calc(154rem / 20*1.3); }
  .service-Sec1 .logo-area .logo3 {
    width: calc(178rem / 20*1.3); }
  .service-Sec1 .logo-area .logo4 {
    width: calc(172rem / 20*1.3); }
  .service-Sec1 .logo-area .logo5 {
    width: calc(253rem / 20*1.3); }
  .service-Sec1 .logo-area .logo6 {
    width: calc(304rem / 20*1.3); }
  .service-Sec1 .logo-area .logo7 {
    width: calc(108rem / 20*1.2); }
  .service-Sec1 .logo-area .logo8 {
    width: calc(264rem / 20*1.2); }
  .service-Sec1 .logo-area .logo9 {
    width: calc(286rem / 20*1.2); }
  .service-Sec1 .txt {
    text-align: left;
    font-size: calc(32rem / 20); } }
.service-Sec2 {
  margin-bottom: calc(100rem / 20); }
  .service-Sec2 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .service-Sec2 .ttl {
    display: inline-block;
    position: relative;
    background: #107e86;
    height: calc(50rem / 20);
    color: #fff;
    font-size: calc(32rem / 20);
    font-weight: 300;
    letter-spacing: .2rem;
    padding-left: calc(35rem / 20);
    padding-right: calc(55rem / 20);
    line-height: 1.65;
    margin-left: calc(20rem / 20); }
    .service-Sec2 .ttl::before {
      content: "";
      background: url("../img/secon_ttl_bg1.png") no-repeat;
      background-size: calc(20rem / 20);
      width: calc(20rem / 20);
      height: calc(50rem / 20);
      top: 0;
      left: calc(-19rem / 20);
      position: absolute; }
    .service-Sec2 .ttl::after {
      content: "";
      background: url("../img/secon_ttl_bg2.png") no-repeat;
      background-size: calc(42rem / 20);
      width: calc(42rem / 20);
      height: calc(50rem / 20);
      top: 0;
      right: calc(-42rem / 20);
      position: absolute; }
  .service-Sec2 .unit-box {
    margin-top: calc(60rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%; }
    .service-Sec2 .unit-box .unit {
      width: calc(360rem / 20);
      background: #f6ede6;
      padding-bottom: calc(20rem / 20); }
      .service-Sec2 .unit-box .unit:nth-child(2) .unit-ttl::before {
        content: "";
        background: url("../img/service/ttl_ico2.png") no-repeat;
        background-size: calc(64rem / 20);
        width: calc(64rem / 20);
        height: calc(68rem / 20);
        top: calc(5rem / 20);
        left: calc(10rem / 20);
        position: absolute; }
      .service-Sec2 .unit-box .unit:nth-child(3) .unit-ttl::before {
        content: "";
        background: url("../img/service/ttl_ico3.png") no-repeat;
        background-size: calc(64rem / 20);
        width: calc(64rem / 20);
        height: calc(68rem / 20);
        top: calc(5rem / 20);
        left: calc(10rem / 20);
        position: absolute; }
    .service-Sec2 .unit-box .unit-ttl {
      background: #9a7c52;
      font-weight: 400;
      color: #fff;
      font-size: calc(21rem / 20);
      padding-top: calc(6rem / 20);
      padding-bottom: calc(6rem / 20);
      padding-left: calc(93rem / 20);
      padding-right: calc(20rem / 20);
      position: relative; }
      .service-Sec2 .unit-box .unit-ttl::before {
        content: "";
        background: url("../img/service/ttl_ico1.png") no-repeat;
        background-size: calc(64rem / 20);
        width: calc(64rem / 20);
        height: calc(68rem / 20);
        top: calc(5rem / 20);
        left: calc(10rem / 20);
        position: absolute; }
    .service-Sec2 .unit-box .unit-sttl {
      background: #754c24;
      font-weight: 400;
      color: #fff;
      font-size: calc(16rem / 20);
      padding-top: calc(8rem / 20);
      padding-bottom: calc(8rem / 20);
      padding-left: calc(93rem / 20);
      padding-right: calc(20rem / 20); }
    .service-Sec2 .unit-box .area_box {
      margin-top: auto;
      min-height: calc(380rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column; }
    .service-Sec2 .unit-box .txt-area {
      padding-left: calc(17rem / 20);
      padding-right: calc(17rem / 20);
      padding-top: calc(17rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      min-height: calc(630rem / 20); }
    .service-Sec2 .unit-box .txt-area_ttl {
      color: #603813;
      font-weight: 600;
      margin-bottom: calc(10rem / 20);
      font-size: calc(15rem / 20); }
    .service-Sec2 .unit-box .txt-area_txt {
      font-size: calc(15rem / 20);
      margin-bottom: calc(30rem / 20);
      line-height: 1.8; }
    .service-Sec2 .unit-box .txt-area_txt2 {
      font-size: calc(16rem / 20);
      color: #ff0000;
      font-weight: 600;
      margin-bottom: calc(4rem / 20); }
    .service-Sec2 .unit-box .txt-area_list {
      font-size: calc(14rem / 20); }
      .service-Sec2 .unit-box .txt-area_list li {
        margin-bottom: calc(4rem / 20); }
        .service-Sec2 .unit-box .txt-area_list li::before {
          content: "・"; }
    .service-Sec2 .unit-box .txt-area_yen {
      font-size: calc(40rem / 20);
      padding-right: calc(10rem / 20);
      color: #bca78e;
      text-align: right;
      margin-top: auto;
      background: #fff; }

@media only screen and (max-width: 46.875em) {
  .service-Sec2 .ttl {
    font-size: calc(26rem / 20);
    padding-left: calc(5rem / 20);
    padding-right: calc(5rem / 20);
    line-height: 2;
    margin-left: 0; }
  .service-Sec2 .unit-box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .service-Sec2 .unit-box .unit {
      width: 100%;
      margin-bottom: calc(50rem / 20); }
      .service-Sec2 .unit-box .unit:nth-child(2) .unit-ttl::before {
        background-size: calc(110rem / 20);
        width: calc(110rem / 20);
        height: calc(120rem / 20); }
      .service-Sec2 .unit-box .unit:nth-child(3) .unit-ttl::before {
        background-size: calc(110rem / 20);
        width: calc(110rem / 20);
        height: calc(120rem / 20); }
    .service-Sec2 .unit-box .unit-ttl {
      font-size: calc(32rem / 20);
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      padding-left: calc(150rem / 20); }
      .service-Sec2 .unit-box .unit-ttl::before {
        background-size: calc(110rem / 20);
        width: calc(110rem / 20);
        height: calc(120rem / 20); }
    .service-Sec2 .unit-box .unit-sttl {
      font-size: calc(30rem / 20);
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      padding-left: calc(150rem / 20); }
    .service-Sec2 .unit-box .area_box {
      min-height: auto;
      margin-top: calc(30rem / 20); }
    .service-Sec2 .unit-box .txt-area {
      min-height: auto; }
    .service-Sec2 .unit-box .txt-area_ttl {
      font-size: calc(28rem / 20);
      margin-bottom: calc(10rem / 20); }
    .service-Sec2 .unit-box .txt-area_txt {
      font-size: calc(26rem / 20);
      line-height: 2; }
    .service-Sec2 .unit-box .txt-area_txt2 {
      font-size: calc(26rem / 20);
      line-height: 2; }
    .service-Sec2 .unit-box .txt-area_list {
      font-size: calc(26rem / 20);
      line-height: 2; }
    .service-Sec2 .unit-box .txt-area_yen {
      font-size: calc(52rem / 20);
      margin-top: calc(50rem / 20); } }
.service-Sec3 {
  margin-bottom: calc(150rem / 20); }
  .service-Sec3 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .service-Sec3 .ttl {
    display: inline-block;
    position: relative;
    background: #107e86;
    height: calc(50rem / 20);
    color: #fff;
    font-size: calc(32rem / 20);
    font-weight: 300;
    letter-spacing: .2rem;
    padding-left: calc(185rem / 20);
    padding-right: calc(185rem / 20);
    line-height: 1.65;
    margin-left: calc(20rem / 20); }
    .service-Sec3 .ttl::before {
      content: "";
      background: url("../img/secon_ttl_bg1.png") no-repeat;
      background-size: calc(20rem / 20);
      width: calc(20rem / 20);
      height: calc(50rem / 20);
      top: 0;
      left: calc(-19rem / 20);
      position: absolute; }
    .service-Sec3 .ttl::after {
      content: "";
      background: url("../img/secon_ttl_bg2.png") no-repeat;
      background-size: calc(42rem / 20);
      width: calc(42rem / 20);
      height: calc(50rem / 20);
      top: 0;
      right: calc(-42rem / 20);
      position: absolute; }
  .service-Sec3 .box-list {
    width: 100%;
    margin-top: calc(60rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .service-Sec3 .box-list .box-unit {
      width: calc(355rem / 20);
      margin-bottom: calc(40rem / 20); }
      .service-Sec3 .box-list .box-unit .box-ttl {
        color: #9b7c52;
        margin-top: calc(15rem / 20); }
      .service-Sec3 .box-list .box-unit .box-txt {
        margin-top: calc(3rem / 20);
        font-size: calc(15rem / 20);
        line-height: 1.8; }
  .service-Sec3 .box-area {
    width: 100%;
    margin-top: calc(80rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .service-Sec3 .box-area .unit {
      width: calc(550rem / 20);
      margin-bottom: calc(40rem / 20); }
      .service-Sec3 .box-area .unit .unit-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative; }
        .service-Sec3 .box-area .unit .unit-box::before {
          content: "";
          position: absolute;
          left: 51%;
          top: 50%;
          transform: translateX(-51%) translateY(-50%);
          background: url("../img/service/ico1.png") no-repeat;
          background-size: calc(47rem / 20);
          width: calc(47rem / 20);
          height: calc(25rem / 20);
          z-index: 1; }
        .service-Sec3 .box-area .unit .unit-box .box {
          position: relative; }
        .service-Sec3 .box-area .unit .unit-box .box-txt {
          background: #000;
          position: absolute;
          top: 0;
          left: 0;
          color: #fff;
          font-size: calc(15rem / 20);
          padding-left: calc(15rem / 20);
          padding-right: calc(15rem / 20);
          padding-top: calc(6rem / 20);
          padding-bottom: calc(4rem / 20); }
      .service-Sec3 .box-area .unit .unit-ttl {
        color: #754c24;
        font-size: calc(26rem / 20);
        font-weight: 400;
        margin-top: calc(10rem / 20);
        margin-bottom: calc(5rem / 20); }
      .service-Sec3 .box-area .unit .unit-txt {
        font-size: calc(15rem / 20);
        margin-bottom: calc(30rem / 20);
        line-height: 1.8; }

@media only screen and (max-width: 46.875em) {
  .service-Sec3 .ttl {
    padding-left: calc(55rem / 20);
    padding-right: calc(55rem / 20);
    margin-left: 0; }
  .service-Sec3 .box-list .box-unit {
    width: 48%; }
    .service-Sec3 .box-list .box-unit .box-ttl {
      font-size: calc(26rem / 20); }
    .service-Sec3 .box-list .box-unit .box-txt {
      font-size: calc(24rem / 20); }
  .service-Sec3 .box-area {
    width: 100%;
    margin-top: calc(80rem / 20); }
    .service-Sec3 .box-area .unit {
      width: 100%; }
      .service-Sec3 .box-area .unit .unit-box::before {
        background-size: calc(47rem / 20*1.3);
        width: calc(47rem / 20*1.3);
        height: calc(25rem / 20*1.3); }
      .service-Sec3 .box-area .unit .unit-box .box-txt {
        font-size: calc(24rem / 20); }
      .service-Sec3 .box-area .unit .unit-ttl {
        font-size: calc(28rem / 20); }
      .service-Sec3 .box-area .unit .unit-txt {
        font-size: calc(26rem / 20);
        line-height: 2; } }
.works-Sec1 {
  margin-bottom: calc(110rem / 20); }
  .works-Sec1 .unit-area {
    margin-bottom: calc(70rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .works-Sec1 .unit-area .unit {
      width: calc(350rem / 20);
      margin-right: calc(25rem / 20);
      margin-bottom: calc(35rem / 20); }
      .works-Sec1 .unit-area .unit:nth-child(3n) {
        margin-right: 0; }
      .works-Sec1 .unit-area .unit a {
        display: block; }
        .works-Sec1 .unit-area .unit a:hover .img img {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          transform: scale(1.2); }
      .works-Sec1 .unit-area .unit .img {
        overflow: hidden; }
        .works-Sec1 .unit-area .unit .img img {
          transition: .3s; }
    .works-Sec1 .unit-area .ttl-area {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin-top: calc(10rem / 20); }
      .works-Sec1 .unit-area .ttl-area .cat {
        width: calc(90rem / 20);
        text-align: center;
        font-size: calc(14rem / 20); }
      .works-Sec1 .unit-area .ttl-area .cat span{
        background: #754c24;
        color: #fff;
							 display: block;
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20);
							margin-bottom: calc(3rem / 20);
      }
      .works-Sec1 .unit-area .ttl-area .ttl {
        width: calc(255rem / 20);
        font-size: calc(14rem / 20);
        padding-top: calc(5rem / 20);
        color: #754c24; }

@media only screen and (max-width: 46.875em) {
  .works-Sec1 .unit-area {
    margin-bottom: calc(70rem / 20);
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .works-Sec1 .unit-area .unit {
      width: 49%;
      margin-right: 0; }
    .works-Sec1 .unit-area .ttl-area {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .works-Sec1 .unit-area .ttl-area .cat {
        width: auto;
        text-align: center;
        background: #754c24;
        color: #fff;
        font-size: calc(24rem / 20);
        padding-left: calc(15rem / 20);
        padding-right: calc(15rem / 20); }
      .works-Sec1 .unit-area .ttl-area .ttl {
        width: 100%;
        font-size: calc(26rem / 20); } }
.wp-pagenavi {
  clear: both; }

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  padding-top: calc(2rem / 20);
  font-size: calc(20rem / 20);
  padding-top: calc(5rem / 20);
  padding-bottom: calc(5rem / 20);
  padding-left: calc(10rem / 20);
  padding-right: calc(10rem / 20);
  margin-left: calc(10rem / 20);
  margin-right: calc(10rem / 20);
  display: block;
  line-height: 1; }

.wp-pagenavi span:first-child {
  display: none; }

.previouspostslink {
  border-left: none !important; }

.page-Navi {
  text-align: center;
  margin-top: calc(40rem / 20); }

.wp-pagenavi {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .wp-pagenavi .current {
    border: 1px solid #000; }

.single-Sec1 {
  margin-bottom: calc(110rem / 20); }
  .single-Sec1 .single-img {
    text-align: center; }
  .single-Sec1 .single-ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: calc(30rem / 20);
    margin-bottom: calc(30rem / 20); }
    .single-Sec1 .single-ttl .cat {
      width: calc(130rem / 20);
      text-align: center;
      font-size: calc(20rem / 20); }
    .single-Sec1 .single-ttl .cat span{
      background: #754c24;
      color: #fff;
      padding-top: calc(5rem / 20);
					margin-bottom: calc(3rem / 20);
					display: block;
      padding-bottom: calc(5rem / 20);}
    .single-Sec1 .single-ttl .ttl {
      width: calc(970rem / 20);
      color: #754c24;
      font-size: calc(28rem / 20); }
  .single-Sec1 .single-table {
    font-size: calc(17rem / 20);
    margin-bottom: calc(20rem / 20);
    width: 100%; }
    .single-Sec1 .single-table th {
      text-align: left;
      border-bottom: 1px solid #754c24;
      width: calc(100rem / 20);
      padding-top: calc(5rem / 20);
      padding-bottom: calc(5rem / 20); }
    .single-Sec1 .single-table td {
      position: relative;
      padding-top: calc(5rem / 20);
      padding-bottom: calc(5rem / 20); }
      .single-Sec1 .single-table td::before {
        content: "";
        background: url("../img/works/line.png") no-repeat;
        background-size: calc(1037rem / 20);
        width: calc(1037rem / 20);
        height: calc(3rem / 20);
        bottom: calc(-1rem / 20);
        left: 0;
        position: absolute; }
  .single-Sec1 .single-text-area {
    font-size: calc(16rem / 20);
    margin-bottom: calc(30rem / 20);
    line-height: 1.8; }
  .single-Sec1 .img-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
			-webkit-box-align:start;
			-webkit-align-items:flex-start;
			align-items:flex-start;
    -webkit-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between; }
    .single-Sec1 .img-area img {
					height: auto;
      width: 50%; }

@media only screen and (max-width: 46.875em) {
  .single-Sec1 .single-ttl {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .single-Sec1 .single-ttl .cat {
      width: auto;
      padding-left: calc(20rem / 20);
      padding-right: calc(20rem / 20);
      font-size: calc(26rem / 20);
      margin-bottom: calc(10rem / 20); }
    .single-Sec1 .single-ttl .ttl {
      width: 100%;
      font-size: calc(28rem / 20); }
  .single-Sec1 .single-table {
    font-size: calc(26rem / 20);
    margin-top: calc(30rem / 20);
    margin-bottom: calc(20rem / 20);
    width: 100%; }
    .single-Sec1 .single-table th {
      text-align: left;
      display: block;
      width: 100%;
      color: #754c24; }
    .single-Sec1 .single-table td {
      display: block;
      width: 100%; }
      .single-Sec1 .single-table td::before {
        background-size: 100%;
        width: 100%; }
  .single-Sec1 .single-text-area {
    font-size: calc(26rem / 20);
    line-height: 2; } }
.contact-Sec1 {
  padding-left: calc(95rem / 20);
  padding-right: calc(95rem / 20); }
  .contact-Sec1 .table {
    width: 100%; }
    .contact-Sec1 .table th {
      text-align: left;
      vertical-align: text-top;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: calc(210rem / 20);
      padding-right: calc(20rem / 20);
      padding-top: calc(17rem / 20);
      padding-bottom: calc(17rem / 20); }
      .contact-Sec1 .table th .name {
        font-weight: 400; }
        .contact-Sec1 .table th .name span {
          color: #a18877;
          display: block;
          font-size: calc(12rem / 20); }
      .contact-Sec1 .table th .mast {
        color: #eb1c24;
        font-size: calc(15rem / 20);
        font-weight: 400; }
    .contact-Sec1 .table td {
      text-align: left;
      width: 100%;
      padding-top: calc(17rem / 20);
      padding-bottom: calc(17rem / 20); }
      .contact-Sec1 .table td input {
        border: 1px solid #595757;
        height: calc(63rem / 20); }
        .contact-Sec1 .table td input.type1 {
          width: calc(460rem / 20); }
        .contact-Sec1 .table td input.type2 {
          width: 100%; }
      .contact-Sec1 .table td textarea {
        border: 1px solid #595757;
        width: 100%;
        height: calc(381rem / 20); }
  .contact-Sec1 .submit-area {
    text-align: center;
    width: calc(527rem / 20);
    margin-left: auto;
    margin-right: auto; }
    .contact-Sec1 .submit-area input {
      width: calc(527rem / 20);
      margin-top: calc(30rem / 20); }

@media only screen and (max-width: 46.875em) {
  .contact-Sec1 {
    padding-left: 0;
    padding-right: 0; }
    .contact-Sec1 .table {
      width: 100%; }
      .contact-Sec1 .table th {
        width: 100%;
        padding-right: 0;
        padding-top: calc(10rem / 20);
        padding-bottom: calc(5rem / 20);
        font-size: calc(26rem / 20); }
        .contact-Sec1 .table th .name span {
          display: inline;
          font-size: calc(20rem / 20);
          margin-left: calc(12rem / 20); }
        .contact-Sec1 .table th .mast {
          font-size: calc(20rem / 20); }
      .contact-Sec1 .table td {
        display: block;
        width: 100%;
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20); }
        .contact-Sec1 .table td input {
          height: calc(75rem / 20); }
          .contact-Sec1 .table td input.type1 {
            width: 100%; }
          .contact-Sec1 .table td input.type2 {
            width: 100%; }
        .contact-Sec1 .table td textarea {
          border: 1px solid #595757;
          width: 100%;
          height: calc(381rem / 20); } }
/* ------ */
.clearfix:after {
  clear: both;
  content: '';
  display: block; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
    *::before, *::after, *::first-letter, *::first-line {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important; }

  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }