@charset"UTF-8";
.area-copyright, .box-common-contact, .box-common-trial {
  text-align: center
}

.area-copyright, .nav-pc-menu li a, .nav-smp-menu li a {
  letter-spacing: .2rem
}

body {
  font-size: 1.5rem;
  color: #5c3f21
}

.btn-inquiry {
  background: #5C3F21
}

.btn-set-inquiry {
  background: #d2c07e
}

.nav-pc-menu li a:hover {
  color: #f05c6e;
  opacity: 1!important
}

section.area-common-contact {
  background: #fff
}

.btn-common-contact, .btn-common-trial {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
  color: #fff;
  padding: 1.6em 0;
  text-align: center
}

.btn-common-contact {
  background: #367763
}

.btn-common-trial {
  background: #a88f60
}

.area-common-xy {
  background: #ffeaed;
  padding: 2rem 0
}

.txt-xy-title {
  color: #e4007f;
  font-weight: 700
}

.area-copyright {
  background: #57514c;
  font-size: 1.2rem;
  padding: 1em 0;
  color: #fff
}

.box-shadow {
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .1)
}

.area-common-ringraph {
  padding: 2rem 0
}

.txt-graph-title {
  color: #8a6e30;
  font-weight: 700
}

.b-radius-8 {
  border-radius: 8px
}

.box-comon-cashless {
  max-width: 680px;
  width: 100%;
  margin: 30px auto;
  padding: 0 10px;
}

header .box-logo, header .box-logo-futarimade {
  width: 104px;
}

@media screen and (max-width:768px) {
  .fixed {
    width: 100%;
    height: 100%;
    position: fixed
  }
  header {
    position: relative;
    z-index: 2;
    width: 100%;
    top: 0;
    left: 0
  }
  .box-ttl {
    padding: 10px;
    background: #fff
  }
  .box-logo {
    width: 37%;
    margin-left: 10px
  }
  #header-pcContents, .box-logo-futarimade {
    display: none
  }
  #header-smpContents {
    height: 63px;
    background: #fff;
    border-bottom: #8B7D5A solid 3px
  }
  .btn-contact, span.btn-circle {
    width: 3pc;
    height: 3pc;
    top: 0
  }
  .header-out-box {
    position: relative;
    background: #fff
  }
  .btn-contact {
    position: absolute;
    right: 70px
  }
  .link-txt-title, .txt-title {
    background: #8B7D5A;
    letter-spacing: .2rem
  }
  .txt-title {
    padding: .3em 0;
    color: #fff;
    text-align: center
  }
  .link-txt-title a {
    color: #fff;
    padding: 1em 0
  }
  a.link-text {
    font-size: 1.6rem;
    padding: 1em 0;
    color: #000;
    border-bottom: #8B7D5A solid 1px;
    background: #fff;
    text-align: center
  }
  .is-not-border-b {
    border-bottom: 0 0!important
  }
  span.btn-circle {
    display: block;
    position: absolute;
    border: 1px solid #8B7D5A;
    border-radius: 24px;
    right: 10px
  }
  .HiddenCheckbox {
    display: none
  }
  .MenuIcon {
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    top: 14px;
    right: 21px;
    width: 26px;
    z-index: 1
  }
  .MenuIcon:before {
    -webkit-box-shadow: #8B7D5A 0 8px 0;
    box-shadow: #8B7D5A 0 8px 0;
    height: 4px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 26px
  }
  .MenuIcon:after {
    bottom: 0;
    height: 4px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    width: 26px
  }
  .Menu, .Menu ul {
    height: 100%;
    overflow-y: auto
  }
  .MenuIcon:after, .MenuIcon:before {
    background: #8B7D5A;
    display: block;
    content: '';
    position: absolute;
    -webkit-transition: -webkit-box-shadow .2s linear, -webkit-transform .4s .2s;
    transition: box-shadow .2s linear, transform .4s .2s
  }
  .Menu, .area-common-btn {
    width: 100%;
    position: fixed;
    left: 0
  }
  .Menu {
    top: -100%;
    overflow-scrolling: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: -1;
    font-size: 1.6rem;
    line-height: 1.4;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
  }
  .Menu ul {
    width: 100%;
    background: #fff
  }
  .Menu ul li a:hover {
    opacity: 1!important
  }
  .Menu ul li:last-child {
    padding-bottom: 18vh
  }
  .HiddenCheckbox:checked~.notmove {
    overflow: hidden
  }
  .HiddenCheckbox:checked~.MenuHeader {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  .HiddenCheckbox:checked~.MenuIcon:before {
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    -webkit-transform: rotate(45deg) translate3d(2px, -4px, 0);
    transform: rotate(45deg) translate3d(3px, -4px, 0);
    background: #8B7D5A
  }
  .HiddenCheckbox:checked~.MenuIcon:after {
    -webkit-transform: rotate(-45deg) translate3d(3px, 3px, 0);
    transform: rotate(-45deg) translate3d(3px, 4px, 0);
    background: #8B7D5A
  }
  .HiddenCheckbox:checked~.Menu {
    top: 98px;
    visibility: visible;
    opacity: 1
  }
  footer {
    margin-bottom: 65px
  }
  .area-common-contact {
    padding: 3.6rem 10px 0
  }
  .btn-common-contact {
    margin: .3rem 0 2rem
  }
  .area-common-nav {
    display: none
  }
  .area-common-ringraph ul li, .area-common-xy ul li {
    text-align: center;
    max-width: 300px;
    margin: 0 auto 2rem
  }
  .area-common-xy ul li:last-child {
    margin: 0 auto
  }
  .txt-graph-title, .txt-xy-title {
    font-size: 2rem;
    margin-bottom: 2rem
  }
  .area-common-btn {
    bottom: 0;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 700;
    display: none;
    line-height: 1.5;
  }
  .area-common-btn ul li {
    float: left;
    width: 20%
  }
  .btn-link-green {
    border-top: #5C3F21 solid 5px;
    border-right: #5C3F21 solid 1px;
    background: #fff
  }
  .btn-link-green a {
    color: #5C3F21;
    padding: 3vw 0;
    font-size: 3.2vw;
  }
  .btn-link-ocher {
    border-top: #A28C76 solid 5px;
    border-right: #A28C76 solid 1px;
    background: #fff
  }
  .btn-link-ocher a {
    color: #A28C76;
    padding: 3vw 0;
    font-size: 3.2vw;
  }
  .btn-link-last {
    border-right: 0
  }
  .area-common-cashless {
    padding: 2rem 0
  }
  .area-common-xy {
    overflow-x: hidden;
  }
  .area-common-xy h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

@media screen and (min-width:640px) and (max-width:768px) {
  body {
    font-size: 1.6rem
  }
  h3, h4 {
    font-size: 2.4rem!important
  }
  .area-common-contact ul {
    max-width: 5in;
    margin: 0 auto
  }
  .area-common-btn {
    z-index: 3
  }
  .is-center {
    text-align: center
  }
  .is-inline-block {
    display: inline-block
  }
  .ml-10-sp {
    margin: 0 1rem 2rem auto!important
  }
}

@media print,screen and (min-width:769px) {
  .box-ttl, .header-area-top {
    max-width: 750pt;
    min-width: 60pc
  }
  .box-ttl, li.list-parent {
    position: relative
  }
  body {
    min-width: 75pc
  }
  #header-smpContents {
    display: none
  }
  .box-logo, .box-logo-futarimade, .header-btn-area li, .nav-pc-menu li.list-parent, .nav-pc-menu li.list-parent a {
    display: inline-block
  }
  #header-pcContents {
    font-size: 1.5rem
  }
  .box-ttl {
    margin: 0 auto;
    height: 0
  }
  .header-area-top {
    margin: 0 auto 2rem
  }
  .header-logo {
    float: left;
    width: 40%;
    margin-bottom: 1.2rem;
    overflow: hidden;
    margin-top: 15px;
  }
  .box-logo-futarimade {
    margin-left: 1em;
    position: relative;
  }
  .header-btn-area {
    float: right;
    width: 60%;
    text-align: right;
    margin-top: 10px;
  }
  .header-btn-area ul {
    font-size: 0
  }
  .header-btn-area li {
    margin-top: 5px
  }
  .header-btn-area li:first-of-type {
    margin-right: 5px
  }
  .header-btn-area li a {
    width: 280px;
    padding: .8em 0;
    text-align: center;
    line-height: 1;
    font-size: 1.5rem
  }
  .nav-pc-menu {
    border-bottom: #8B7D5A solid 3px;
    min-width: 60pc
  }
  .nav-pc-menu ul {
    text-align: center
  }
  .nav-pc-menu li a {
    padding: 0 0 .6rem 2em;
    color: #8B7D5A
  }
  .nav-pc-menu li .list-border {
    border-right: #8B7D5A solid 1px
  }
  .list-last {
    border-right: 0 0!important
  }
  .list-children {
    display: none;
    position: absolute;
    width: 210px;
    font-size: 1.3rem;
    background: #fff;
    border-left: #8B7D5A solid 1px;
    border-right: #8B7D5A solid 1px;
    border-bottom: #8B7D5A solid 1px;
    top: 23px;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 3
  }
  .list-children li {
    border-bottom: #dedede solid 1px
  }
  .list-children li a {
    padding: 1rem!important;
    color: #8B7D5A
  }
  .area-common-btn {
    display: none!important
  }
  .area-common-contact {
    width: 900px;
    margin: 0 auto;
    padding: 3.6rem 0
  }
  .box-common-contact, .box-common-trial {
    width: 360px
  }
  .box-common-contact {
    margin: 0 auto;
    width: 600px!important;
    font-size: 1.8rem!important
  }
  .box-common-contact img {
    margin-top: -6px
  }
  .box-common-trial {
    float: right
  }
  .btn-common-contact, .btn-common-trial {
    font-size: 1.6rem
  }
  section.area-common-nav {
    background: #D1CAC0;
    padding: 3.6rem 0
  }
  .area-common-nav ul {
    width: 908px;
    margin: 0 auto
  }
  .area-common-ringraph ul, .area-common-xy ul {
    width: 870px;
    margin: 0 auto;
  }
  .area-common-xy h2 {
    font-size: 2.4rem;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .area-common-nav ul li {
    float: left;
    margin-right: 80px
  }
  .area-common-nav ul li:last-child {
    margin-right: 0
  }
  .area-common-nav dl dt, .area-common-nav dt a {
    color: #5C3F21;
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.5rem
  }
  .area-common-nav ul li:nth-of-type(3) dt a,
  .area-common-nav ul li:nth-of-type(4) dt a{
    margin-bottom: 2.2rem
  }
  .area-common-nav dd {
    font-size: 1.2rem
  }
  .area-common-nav dd a {
    color: #5C3F21;
    display: inline-block;
    margin-bottom: 1em
  }
  .area-common-nav li dd:last-child {
    margin-bottom: 1.5rem
  }
  .area-common-ringraph ul li, .area-common-xy ul li {
    display: inline-block;
    width: 280px;
    margin-right: 10px
  }
  .area-common-ringraph ul li:last-child, .area-common-xy ul li:last-child {
    margin-right: 0!important
  }
  .txt-graph-title, .txt-xy-title {
    font-size: 2.4rem;
    vertical-align: top;
    line-height: 1;
    margin-top: 1.8rem
  }
  .is-hover:hover {
    border: 1px solid #f05c6e!important;
    opacity: 1!important;
    color: #f05c6e!important;
    background: #fff!important
  }
}

@media all and (-ms-high-contrast:none) {
  .nav-pc-menu li a {
    padding: 0 2em .6rem
  }
}

/* ------------------------------------------------ */
/* 2024年4月10日 ECサイトバナー追加
/* ------------------------------------------------ */
.area-common-ec {
  background-color: #E8AFA2;
}

.area-common-ec ul li:first-child {
  color: #fff;
}

@media screen and (max-width:768px) {
  .area-common-ec {
    padding: 30px 0;
  }

  .area-common-ec ul li:first-child {
    line-height: 1.4;
    margin-bottom: 20px;
    text-align: center;

  }

  .area-common-ec ul li:last-child {
    max-width: 300px;
    margin: 0 auto;
  }

  .area-common-ec ul li:last-child a {
    line-height: 0;
  }
}

@media print,screen and (min-width:769px) {
  .area-common-ec {
    padding: 30px 0;
  }

  .area-common-ec ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .area-common-ec ul li:first-child {
    line-height: 1.4;
    margin-right: 40px;

  }

  .area-common-ec ul li:last-child {
    width: 580px;
  }

  .area-common-ec ul li:last-child a {
    line-height: 0;
  }
}

/* ------------------------------------------------ */
/* 2025年1月23日 Instagram追加
/* ------------------------------------------------ */
@media screen and (max-width: 768px) {
    .area-common-xy {
        padding: 20px 10px;
    }

    .area-common-xy .box__instagram {
        margin-bottom: 40px;
    }

    .area-common-xy .box__google {
        padding-bottom: 20px;
    }
}

@media print, screen and (min-width: 769px) {
    .area-common-xy {
        display: flex;
        flex-wrap: nowrap;
        padding: 20px;
    }

    .area-common-xy .box__instagram {
        width: 48%;
        margin-right: 4%;
    }

    .area-common-xy .box__google {
        width: 48%;
    }
}