@charset "UTF-8";
/*--------------------------------------------------------------
# Function
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700;900&display=swap");
/* ---------------------------
 #Animetion
--------------------------- */
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  50% {
    opacity: 0;
    filter: alpha(opacity=0); }
  90% {
    opacity: 1.0;
    filter: alpha(opacity=100); }
  100% {
    opacity: 1.0;
    filter: alpha(opacity=100); } }

@keyframes fadein {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  50% {
    opacity: 0;
    filter: alpha(opacity=0); }
  90% {
    opacity: 1.0;
    filter: alpha(opacity=100); }
  100% {
    opacity: 1.0;
    filter: alpha(opacity=100); } }

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
  background: #333; }
  html body {
    color: #333;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px; }
    @media only screen and (min-width: 768px) {
      html body .sp-box {
        display: none; } }
    @media only screen and (max-width: 767px) {
      html body .pc-box {
        display: none; } }
    html body div:focus {
      outline: none; }
    html body img {
      max-width: 100%; }
    html body video {
      max-width: 100%; }
    html body .small-txt {
      font-size: 0.8em; }
    html body h2 {
      font-size: 1.3em; }
    html body h3 {
      font-size: 1.1em; }
    html body h4 {
      font-size: 1em; }
    html body a {
      outline: none;
      color: #333; }
      html body a:hover {
        color: #333;
        text-decoration: none; }
        html body a:hover img {
          opacity: 0.8;
          filter: alpha(opacity=80);
          transition: 0.2s; }
      html body a:active {
        color: #333; }
      html body a:focus {
        color: #333;
        outline: none; }
      html body a:visited {
        color: #333; }
    html body .btn a {
      display: inline-block;
      background: #66c32b;
      color: #fff;
      text-align: center;
      text-decoration: none;
      border-radius: 3px;
      padding: 0.5em 1em;
      font-size: 1.1em;
      font-weight: bold; }
      html body .btn a:hover {
        background: rgba(102, 195, 43, 0.8);
        transition: 0.2s; }

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
body .site {
  background: #fff; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background: #fff;
  border-bottom: 1px solid #eaeaea; }
  .site-header .header-content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto; }
  @media only screen and (min-width: 1120px) {
    .site-header .site-branding {
      display: flex;
      justify-content: space-between; } }
  .site-header .site-branding .site-branding-content {
    text-align: left; }
    .site-header .site-branding .site-branding-content .site-title {
      padding: 0;
      margin: 0.3em 0.5rem 0 0;
      line-height: 0.5em; }
      .site-header .site-branding .site-branding-content .site-title a {
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
      .site-header .site-branding .site-branding-content .site-title img {
        width: 135px;
        vertical-align: baseline;
        margin: 0.5rem 0; }
      .site-header .site-branding .site-branding-content .site-title .sub-txt {
        padding: 0 0 0 10px;
        font-size: 9px;
        line-height: 1.2;
        font-weight: 600;
        color: #f1911e; }
    @media only screen and (min-width: 1120px) {
      .site-header .site-branding .site-branding-content .site-title .sub-txt {
        display: none; } }
  @media only screen and (max-width: 1119px) {
    .site-header #site-contact-navigation {
      display: none; } }
  @media only screen and (min-width: 1120px) {
    .site-header #site-contact-navigation {
      background: #eaeaea;
      padding: 0.5rem 1rem;
      border-radius: 0 0 0.5rem 0.5rem; }
      .site-header #site-contact-navigation ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        position: relative; }
        .site-header #site-contact-navigation ul li {
          list-style: none;
          padding: 0;
          margin: 0; }
          .site-header #site-contact-navigation ul li a {
            padding: 0.5rem 1rem 0.5rem 0;
            margin: 0;
            font-size: 0.9rem;
            text-decoration: none;
            font-weight: 700; }
          .site-header #site-contact-navigation ul li.btn-login {
            padding: 0 0 0 1rem; }
            .site-header #site-contact-navigation ul li.btn-login a {
              color: #fff;
              background: #f1911e;
              padding: 0.5em 1em;
              border-radius: 0.2rem; }
              .site-header #site-contact-navigation ul li.btn-login a:hover {
                background: #cf770d;
                transition: 0.5s; }
          .site-header #site-contact-navigation ul li.btn-tel {
            padding: 0; }
            .site-header #site-contact-navigation ul li.btn-tel a {
              font-size: 1.2rem;
              font-weight: 900;
              padding: 0; }
              .site-header #site-contact-navigation ul li.btn-tel a:before {
                content: '導入に関するご相談はこちら';
                font-size: 0.8rem;
                display: block;
                font-weight: 500;
                line-height: 1; }
              .site-header #site-contact-navigation ul li.btn-tel a i {
                margin-right: 0.4rem; } }

.is-fixed .site-header {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 10000; }

@media only screen and (max-width: 1119px) {
  body.admin-bar .site-header {
    top: 32px; } }

@media only screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px; } }

@media only screen and (max-width: 600px) {
  body.admin-bar .site-header {
    top: 0; } }

/*--------------------------------------------------------------
# Nav
--------------------------------------------------------------*/
@media only screen and (max-width: 1119px) {
  .main-navigation .menu-toggle {
    position: absolute;
    top: 3px;
    right: 0.8em;
    left: auto;
    text-align: center;
    background: #fff;
    padding: 0.3em 0.5em;
    width: 50px; }
    .main-navigation .menu-toggle i {
      font-size: 2em;
      display: block; }
  .main-navigation ul#primary-menu {
    position: fixed;
    width: 100%;
    left: 0;
    top: 55px;
    z-index: 1000; }
    .main-navigation ul#primary-menu li {
      background: rgba(36, 36, 38, 0.9);
      list-style: none;
      border-bottom: 1px solid #fff;
      display: block;
      width: 100%; }
      .main-navigation ul#primary-menu li .menu-item-description {
        display: none; }
      .main-navigation ul#primary-menu li a {
        padding: 0.7em 0;
        font-weight: normal;
        font-size: 1.2em;
        color: #fff; }
      .main-navigation ul#primary-menu li.btn-document {
        background: #57bbef; }
      .main-navigation ul#primary-menu li.btn-trial {
        background: #f1911e; }
      .main-navigation ul#primary-menu li.btn-login {
        background: #66c32b; }
      .main-navigation ul#primary-menu li.btn-tel {
        display: none; }
      .main-navigation ul#primary-menu li.nav-contact a {
        background: #66c32b;
        border-radius: 3px;
        width: 90%;
        margin: 0.5em auto;
        color: #333; }
        .main-navigation ul#primary-menu li.nav-contact a:hover {
          background: rgba(102, 195, 43, 0.8);
          transition: 0.2s; } }

@media only screen and (min-width: 1120px) {
  .main-navigation ul#primary-menu {
    display: flex;
    justify-content: space-around;
    position: relative; }
    .main-navigation ul#primary-menu li .menu-item-description {
      display: none; }
    .main-navigation ul#primary-menu li a {
      color: #333;
      text-decoration: none;
      font-size: 1.1rem;
      font-weight: bold;
      padding: 1.2em 0.5em 0.8em 0.5em; }
      .main-navigation ul#primary-menu li a:hover {
        color: #f1911e;
        transition: 0.2s; }
    .main-navigation ul#primary-menu li.nav-home a {
      padding: 0.8em 1em 0.8em 0.5em; }
      .main-navigation ul#primary-menu li.nav-home a:hover {
        padding: 0.8em 1em 0.5em 0.5em; }
    .main-navigation ul#primary-menu li.nav-contact {
      margin: 0.5em 0 0.5em 0.5em; }
      .main-navigation ul#primary-menu li.nav-contact a {
        background: #66c32b;
        border-radius: 3px;
        padding: 0.3em 0.5em; }
        .main-navigation ul#primary-menu li.nav-contact a:hover {
          background: rgba(102, 195, 43, 0.8);
          transition: 0.2s;
          border: none;
          padding: 0.3em 0.5em; }
    .main-navigation ul#primary-menu li .sub-menu {
      top: 60px;
      background: #fff; }
      .main-navigation ul#primary-menu li .sub-menu li a {
        padding: 0.5rem 0.5rem 0.8rem 0.5rem;
        font-size: 1rem;
        text-align: left; } }

/*--------------------------------------------------------------
# breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
  background: #eaeaea;
  padding: 0.3em 0; }
  .breadcrumb ul.path {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    font-size: 0.8em;
    padding: 0; }
    .breadcrumb ul.path li {
      list-style: none;
      padding: 0;
      display: inline; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.content-area {
  text-align: left; }
  .content-area .hentry {
    margin: 0 auto; }
  .content-area .site-main {
    position: relative; }
    .content-area .site-main .entry-header {
      position: relative; }
      .content-area .site-main .entry-header .entry-header-img {
        width: 100%;
        height: 180px;
        background: center no-repeat;
        background-size: cover;
        overflow: hidden; }
        .content-area .site-main .entry-header .entry-header-img img {
          width: 100%; }
      .content-area .site-main .entry-header .entry-title {
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, #FF6200 10%, #f1911e 40%);
        width: 100%;
        height: 180px;
        text-align: center;
        color: #fff;
        font-size: 1.7rem;
        font-weight: bold;
        padding: 2.8em 0 0 0;
        margin: 0; }
      @media only screen and (max-width: 767px) {
        .content-area .site-main .entry-header .entry-header-img {
          height: 150px; }
        .content-area .site-main .entry-header .entry-title {
          height: 150px;
          padding: 2.5em 0 0 0;
          font-size: 1.5em; } }
    .content-area .site-main .entry-content {
      width: 1200px;
      max-width: 90%;
      margin: 0 auto;
      margin: 1em auto; }
      @media only screen and (min-width: 900px) {
        .content-area .site-main .entry-content {
          margin: 2em auto; } }
      .content-area .site-main .entry-content h2 {
        padding: 0.6rem 0 0.6rem 0;
        margin: 3rem auto 1rem auto;
        color: #f1911e; }
      .content-area .site-main .entry-content > h2:first-child {
        margin: 1rem auto 1rem auto; }
      .content-area .site-main .entry-content h3 {
        border-left: 7px solid #f1911e;
        padding: 0.3rem 0 0.3rem 0.6rem;
        margin: 2rem auto; }
      .content-area .site-main .entry-content h4 {
        border-bottom: 1px dashed #f1911e;
        padding: 0.5rem 0 0.5rem 0.2rem;
        margin: 1.5rem auto 1rem auto; }
      .content-area .site-main .entry-content img {
        max-width: 100%; }
      @media only screen and (max-width: 767px) {
        .content-area .site-main .entry-content .alignright, .content-area .site-main .entry-content .alignleft {
          display: block;
          float: none;
          margin: 0.5em auto; } }
      .content-area .site-main .entry-content ul {
        margin: 0 auto; }
      .content-area .site-main .entry-content table tr {
        border-bottom: 1px solid #eaeaea; }
        .content-area .site-main .entry-content table tr th {
          padding: 0.5em;
          background: #eaeaea;
          margin: 0.3em 0;
          border-bottom: 4px solid #fff; }
        .content-area .site-main .entry-content table tr td {
          padding: 0.8em;
          box-sizing: border-box; }
        @media only screen and (min-width: 768px) {
          .content-area .site-main .entry-content table tr th {
            min-width: 180px; } }
      @media only screen and (max-width: 767px) {
        .content-area .site-main .entry-content table.spblock {
          width: 100%;
          display: block; }
          .content-area .site-main .entry-content table.spblock th {
            text-indent: 0.5em; }
          .content-area .site-main .entry-content table.spblock th, .content-area .site-main .entry-content table.spblock td {
            padding: 0.5em 0;
            width: 100%;
            display: block;
            box-sizing: border-box; } }
      .content-area .site-main .entry-content .noblocktable {
        width: 100%;
        overflow: auto;
        white-space: nowrap; }
        @media only screen and (max-width: 767px) {
          .content-area .site-main .entry-content .noblocktable table {
            width: 100%;
            display: table; }
            .content-area .site-main .entry-content .noblocktable table th {
              text-indent: 0.5em; }
            .content-area .site-main .entry-content .noblocktable table th, .content-area .site-main .entry-content .noblocktable table td {
              padding: 0.5em 0; } }
      .content-area .site-main .entry-content .tab-list, .content-area .site-main .entry-content .page-list {
        border: 1px solid #eaeaea;
        border-radius: 10px;
        margin-top: 1rem; }
        .content-area .site-main .entry-content .tab-list .tab-btn, .content-area .site-main .entry-content .page-list .tab-btn {
          border-radius: 10px;
          overflow: hidden; }
          @media only screen and (min-width: 768px) {
            .content-area .site-main .entry-content .tab-list .tab-btn, .content-area .site-main .entry-content .page-list .tab-btn {
              display: flex;
              justify-content: space-around; }
              .content-area .site-main .entry-content .tab-list .tab-btn .tab-btn-item, .content-area .site-main .entry-content .page-list .tab-btn .tab-btn-item {
                border-left: 1px solid #d1d1d1; }
                .content-area .site-main .entry-content .tab-list .tab-btn .tab-btn-item:first-child, .content-area .site-main .entry-content .page-list .tab-btn .tab-btn-item:first-child {
                  border-left: none; } }
          @media only screen and (max-width: 767px) {
            .content-area .site-main .entry-content .tab-list .tab-btn .tab-btn-item, .content-area .site-main .entry-content .page-list .tab-btn .tab-btn-item {
              border-top: 1px solid #d1d1d1; }
              .content-area .site-main .entry-content .tab-list .tab-btn .tab-btn-item:first-child, .content-area .site-main .entry-content .page-list .tab-btn .tab-btn-item:first-child {
                border-top: none; } }
          .content-area .site-main .entry-content .tab-list .tab-btn .tab-btn-item, .content-area .site-main .entry-content .page-list .tab-btn .tab-btn-item {
            display: block;
            background: #eaeaea;
            width: 100%;
            text-align: center;
            padding: 1em 0;
            font-size: 1.1em;
            font-weight: bold;
            cursor: pointer;
            text-decoration: none; }
            .content-area .site-main .entry-content .tab-list .tab-btn .tab-btn-item.select, .content-area .site-main .entry-content .page-list .tab-btn .tab-btn-item.select {
              background: #f1911e;
              color: #fff;
              transition: 0.5s; }
            .content-area .site-main .entry-content .tab-list .tab-btn .tab-btn-item:hover, .content-area .site-main .entry-content .page-list .tab-btn .tab-btn-item:hover {
              background: rgba(234, 234, 234, 0.8);
              transition: 0.2s; }
      .content-area .site-main .entry-content img {
        max-width: 100%; }
        .content-area .site-main .entry-content img.width100 {
          width: 100%; }
      .content-area .site-main .entry-content hr {
        background-color: #eaeaea;
        margin: 1.5rem 0; }
      .content-area .site-main .entry-content .text-left {
        text-align: left; }
      .content-area .site-main .entry-content .text-right {
        text-align: right; }
      .content-area .site-main .entry-content .text-center {
        text-align: center; }
      .content-area .site-main .entry-content .text-justify {
        text-align: justify; }
      .content-area .site-main .entry-content .wp-block-image {
        display: block; }
      .content-area .site-main .entry-content .wp-block-image .aligncenter {
        display: block;
        margin: 0 auto;
        text-align: center; }
        .content-area .site-main .entry-content .wp-block-image .aligncenter figcaption {
          display: block;
          caption-side: bottom;
          margin: 0 auto; }
      .content-area .site-main .entry-content a.btn {
        display: inline-block;
        background: #66c32b;
        color: #fff;
        text-decoration: none;
        padding: 0.6rem 2rem;
        font-weight: bold;
        border-radius: 0.3rem; }
        .content-area .site-main .entry-content a.btn:hover {
          background: rgba(102, 195, 43, 0.8);
          transition: 0.2s; }
        .content-area .site-main .entry-content a.btn.gray-btn {
          background-color: #eaeaea;
          color: #333;
          pointer-events: none; }
          .content-area .site-main .entry-content a.btn.gray-btn:hover {
            background: rgba(234, 234, 234, 0.8);
            transition: 0.2s; }
        .content-area .site-main .entry-content a.btn.btn2 {
          display: inline-block;
          background: #5eb8e1;
          border-radius: 0.3rem;
          margin: 1rem 0;
          color: #fff;
          text-decoration: none;
          text-align: center; }
          .content-area .site-main .entry-content a.btn.btn2:hover {
            background: rgba(94, 184, 225, 0.8);
            transition: 0.2s; }
        .content-area .site-main .entry-content a.btn.btn3 {
          display: inline-block;
          background: #ffdb47;
          border-radius: 0.3rem;
          padding: 0.6rem 2rem;
          margin: 1rem 0;
          color: #000;
          text-decoration: none;
          text-align: center;
          font-weight: bold; }
          .content-area .site-main .entry-content a.btn.btn3:hover {
            background: rgba(255, 219, 71, 0.8);
            transition: 0.2s; }
      .content-area .site-main .entry-content .gray-box {
        background: #eaeaea;
        border-radius: 3px;
        padding: 0.6rem 0.8rem;
        margin: 1rem auto;
        text-align: center; }
      .content-area .site-main .entry-content .blue-box {
        background: #ebf7fb;
        border-radius: 3px;
        padding: 0.6rem 0.8rem;
        margin: 1rem auto;
        text-align: center; }
      @media only screen and (max-width: 767px) {
        .content-area .site-main .entry-content .alignright, .content-area .site-main .entry-content .alignleft {
          display: block;
          float: none;
          margin: 0.5em auto; } }
      @media only screen and (min-width: 768px) {
        .content-area .site-main .entry-content .flex-box {
          max-width: 100%;
          display: flex;
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap; }
          .content-area .site-main .entry-content .flex-box .box-child {
            width: 48%;
            margin: 1% 1%; }
            .content-area .site-main .entry-content .flex-box .box-child.box-child-25 {
              width: 23%;
              margin: 1% 1%; }
            .content-area .site-main .entry-content .flex-box .box-child.box-child-40 {
              width: 38%;
              margin: 1% 1%; }
            .content-area .site-main .entry-content .flex-box .box-child.box-child-60 {
              width: 58%;
              margin: 1% 1%; }
            .content-area .site-main .entry-content .flex-box .box-child.box-child-30 {
              width: 31%;
              margin: 1% 1%; }
            .content-area .site-main .entry-content .flex-box .box-child.box-child-70 {
              width: 65%;
              margin: 1% 1%; } }
      .content-area .site-main .entry-content .no-entry {
        margin: 2rem auto 4rem auto; }
      .content-area .site-main .entry-content .sd-content {
        margin: 2rem auto; }

.entry-content-sns .entry-content-sns-title {
  border-left: none !important;
  margin: 2rem auto 1rem auto !important;
  padding: 0 !important;
  font-size: 0.8rem; }

.entry-content-sns .entry-content-sns-content {
  display: flex;
  justify-content: flex-start; }

.entry-content-sns .btn-sns {
  margin-right: 0.5rem; }
  .entry-content-sns .btn-sns a {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    display: inline-block;
    background: #333;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 0.2rem; }
    .entry-content-sns .btn-sns a img {
      width: 15px;
      margin-right: 0.5rem;
      display: inline-block; }

.entry-content-sns .btn-facebook a {
  background: #0062e6; }
  .entry-content-sns .btn-facebook a:hover {
    background: #0057cd;
    transition: 0.2s; }

.entry-content-sns .btn-twitter a {
  background: #009cff; }
  .entry-content-sns .btn-twitter a:hover {
    background: #008ce6;
    transition: 0.2s; }

/*--------------------------------------------------------------
# Page-header
--------------------------------------------------------------*/
.page-header {
  background: linear-gradient(to bottom, #FF6200 10%, #f1911e 40%);
  color: #fff; }
  .page-header .page-header-content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
    .page-header .page-header-content .page-header-btn a {
      display: inline-block;
      padding: 0.5rem 1rem;
      margin: 0.5rem 0.5rem 0.5rem 0;
      border: 3px solid #f17914;
      background: #fff;
      color: #f1911e;
      font-weight: bold;
      font-size: 1.2rem;
      text-decoration: none;
      border-radius: 0.5rem; }
      .page-header .page-header-content .page-header-btn a:hover {
        border: 3px solid #FF6200;
        color: #FF6200;
        transition: 0.2s; }
    .page-header .page-header-content .page-header-txt {
      width: 50%; }
      .page-header .page-header-content .page-header-txt .page-header-ttl-sub {
        display: block;
        font-size: 0.9rem;
        letter-spacing: 0.2rem; }
      .page-header .page-header-content .page-header-txt .page-header-date {
        margin: 0 0 1rem 0;
        font-size: 0.8rem; }
    .page-header .page-header-content .page-header-img {
      width: 50%; }
      .page-header .page-header-content .page-header-img img {
        vertical-align: bottom; }
  @media only screen and (min-width: 768px) {
    .page-header .page-header-content .page-header-img {
      max-height: 100%;
      overflow: hidden; }
      .page-header .page-header-content .page-header-img img {
        max-width: none;
        height: 101%; } }
  @media only screen and (max-width: 767px) {
    .page-header .page-header-content {
      display: block; }
      .page-header .page-header-content .page-header-btn a {
        font-size: 1rem;
        padding: 0.5rem; }
      .page-header .page-header-content .page-header-txt {
        width: 90%;
        padding: 1rem 0;
        margin: 0 auto; }
      .page-header .page-header-content .page-header-img {
        width: 100%; } }

/*--------------------------------------------------------------
# wp-pagenavi
--------------------------------------------------------------*/
.wp-pagenavi {
  margin: 2rem auto;
  text-align: center; }
  .wp-pagenavi span, .wp-pagenavi a {
    padding: 0.2rem 0.4rem;
    border: none;
    font-weight: 900; }
    .wp-pagenavi span.current, .wp-pagenavi a.current {
      color: #f1911e; }
    .wp-pagenavi span.nextpostslink, .wp-pagenavi span.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {
      border: none; }

/*--------------------------------------------------------------
# mw_wp_form
--------------------------------------------------------------*/
.mw_wp_form {
  margin: 2em auto;
  text-align: left; }
  .mw_wp_form .form-item {
    padding: 0.3em 0;
    border-bottom: 1px dotted #eaeaea; }
    @media only screen and (min-width: 768px) {
      .mw_wp_form .form-item {
        display: flex; }
        .mw_wp_form .form-item .form-ttl {
          width: 30%; }
        .mw_wp_form .form-item .form-content {
          width: 70%; } }
    .mw_wp_form .form-item .form-ttl {
      padding: 0.4em;
      box-sizing: border-box;
      position: relative;
      font-weight: bold; }
      .mw_wp_form .form-item .form-ttl .must {
        color: #ff6f6f;
        font-size: 0.8em;
        font-weight: normal; }
    .mw_wp_form .form-item .form-content {
      padding: 0.4em 0.7em;
      box-sizing: border-box; }
      .mw_wp_form .form-item .form-content .note {
        padding: 0 0.5rem; }
      .mw_wp_form .form-item .form-content p {
        margin: 0 auto 0.3rem auto; }
      .mw_wp_form .form-item .form-content input {
        max-width: 100%; }
      .mw_wp_form .form-item .form-content select {
        height: 2em; }
      .mw_wp_form .form-item .form-content .mwform-radio-field-text {
        font-weight: bold; }
  .mw_wp_form .form-submit {
    text-align: center; }
    .mw_wp_form .form-submit input {
      font-size: 1.4em;
      width: 300px;
      max-width: 100%;
      height: 2.6em;
      color: #fff;
      background: #57c1f5;
      border: 3px solid #fff;
      font-weight: bold;
      margin: 1em auto 1em auto;
      border-radius: 10rem;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
      outline: none; }
      .mw_wp_form .form-submit input:hover {
        background: rgba(87, 193, 245, 0.8);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
        transition: 0.5s; }
      .mw_wp_form .form-submit input.prev {
        background: #eaeaea;
        color: #333; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.side-widget-area {
  margin: 2em auto;
  background: #f7f7f7;
  border-radius: 0.5rem;
  padding: 1rem 0; }
  .side-widget-area .widget {
    margin: 0 0 1em;
    padding: 0.5em 1em 1em 1em;
    border-radius: 0.5rem; }
    .side-widget-area .widget .widget-title {
      font-size: 1.1em;
      margin: 0.4em auto;
      border-radius: 5rem;
      text-align: left;
      padding: 0.2rem 0; }
    .side-widget-area .widget p {
      margin: 0.2em auto; }
    .side-widget-area .widget ul, .side-widget-area .widget ol {
      margin: 0.5rem auto;
      padding: 0; }
      .side-widget-area .widget ul li, .side-widget-area .widget ol li {
        list-style: none;
        line-height: 1.4em;
        padding: 0.4rem 0;
        margin: 0.4rem 0;
        border-bottom: 1px solid #d1d1d1; }
    .side-widget-area .widget a {
      text-decoration: none; }
    .side-widget-area .widget.widget_nav_menu .widget-title {
      position: relative; }
    .side-widget-area .widget.widget_nav_menu ul li a .menu-item-description {
      font-size: 0.9rem;
      line-height: 1.3rem;
      background: rgba(255, 255, 255, 0.84);
      padding: 0.3rem;
      border-radius: 0.5rem;
      font-weight: normal;
      margin: 0.4rem 0; }
    .side-widget-area .widget.widget_top-posts .widget-title {
      position: relative; }
  .side-widget-area .widget_recent_entries .post-date {
    display: block;
    font-size: 0.8em; }
  .side-widget-area .widget_recent_entries a {
    display: block; }
  .side-widget-area .widget_search {
    text-align: center; }
    .side-widget-area .widget_search .search-field {
      width: 90%; }
    .side-widget-area .widget_search .search-submit {
      width: 60%;
      background: #f1911e;
      border: none;
      margin: 0.3em auto;
      font-size: 1em;
      color: #fff; }
      .side-widget-area .widget_search .search-submit:hover {
        background: rgba(241, 145, 30, 0.8);
        transition: 0.2s; }

/* ---------------------------
 #footer-contact
--------------------------- */
.footer-contact {
  position: relative;
  padding: 3rem 0; }
  @media only screen and (max-width: 899px) {
    .footer-contact {
      padding: 2rem 0; } }
  @media only screen and (max-width: 767px) {
    .footer-contact {
      padding: 1rem 0; } }
  .footer-contact .footer-contact-content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    position: relative; }
    .footer-contact .footer-contact-content .footer-contact-list .footer-contact-item {
      margin-bottom: 1rem; }
      .footer-contact .footer-contact-content .footer-contact-list .footer-contact-item a {
        display: block;
        background: #009145;
        border-radius: 0.5rem;
        color: #fff;
        font-weight: 900;
        padding: 1rem 0;
        text-decoration: none;
        font-size: 1.3rem; }
        .footer-contact .footer-contact-content .footer-contact-list .footer-contact-item a img {
          display: block;
          margin: 0 auto 0.5rem auto; }
        .footer-contact .footer-contact-content .footer-contact-list .footer-contact-item a:hover {
          color: #fff;
          background: #007145;
          transition: 0.2s; }
      .footer-contact .footer-contact-content .footer-contact-list .footer-contact-item.footer-contact-item-free a {
        background: #0071bb; }
        .footer-contact .footer-contact-content .footer-contact-list .footer-contact-item.footer-contact-item-free a:hover {
          background: #004896; }
    @media only screen and (min-width: 768px) {
      .footer-contact .footer-contact-content .footer-contact-list {
        display: flex;
        align-items: flex-start; }
        .footer-contact .footer-contact-content .footer-contact-list .footer-contact-item {
          width: 23%;
          margin: 1% 1% 2rem 1%; } }
  .footer-contact .footer-contact-contact h2 {
    font-size: 1.1rem;
    color: #ea8a1c;
    margin-bottom: 0; }
  .footer-contact .footer-contact-contact .footer-contact-tel a {
    text-decoration: none;
    font-size: 2rem;
    font-weight: 900; }
    @media only screen and (min-width: 768px) {
      .footer-contact .footer-contact-contact .footer-contact-tel a {
        font-size: 3.8rem; } }

/*--------------------------------------------------------------
# Pagetop
--------------------------------------------------------------*/
.pagetop {
  position: fixed;
  z-index: 11000;
  right: 1em;
  bottom: 20px;
  width: 40px;
  height: 40px; }
  .pagetop a {
    display: block;
    width: 40px;
    height: 40px;
    background: #eaeaea;
    text-decoration: none;
    text-align: center;
    font-size: 2em;
    line-height: 0;
    border-radius: 50%; }
    .pagetop a:hover {
      background: rgba(234, 234, 234, 0.8);
      transition: 0.2s; }
  @media only screen and (min-width: 768px) {
    .pagetop {
      width: 50px;
      height: 50px;
      right: 1%;
      bottom: 3%; }
      .pagetop a {
        width: 50px;
        height: 50px;
        padding-top: 0.2em;
        box-sizing: border-box; } }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
  background: #4d4d4d; }
  .site-footer .footer-nav {
    background: #eaeaea; }
    .site-footer .footer-nav .footer-nav-content {
      width: 1200px;
      max-width: 90%;
      margin: 0 auto;
      text-align: left; }
      @media only screen and (min-width: 768px) {
        .site-footer .footer-nav .footer-nav-content {
          display: flex;
          -webkit-flex-pack: justify;
          justify-content: space-between;
          align-items: center; } }
      .site-footer .footer-nav .footer-nav-content ul {
        padding: 0;
        margin: 0; }
        .site-footer .footer-nav .footer-nav-content ul li {
          margin: 0;
          list-style: none;
          display: inline-block;
          list-style: none; }
          .site-footer .footer-nav .footer-nav-content ul li .menu-item-description {
            display: none; }
          .site-footer .footer-nav .footer-nav-content ul li a {
            text-decoration: none;
            color: #333;
            font-size: 0.8rem; }
            .site-footer .footer-nav .footer-nav-content ul li a:hover {
              text-decoration: underline; }
          .site-footer .footer-nav .footer-nav-content ul li:after {
            content: '|';
            margin: 0 0.2rem; }
          .site-footer .footer-nav .footer-nav-content ul li:last-child:after {
            content: '.';
            margin: 0;
            color: #ebf7fb; }
  .site-footer .footer-content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .site-footer .footer-content {
        display: flex; }
        .site-footer .footer-content .footer-sitemap {
          width: 70%; }
        .site-footer .footer-content .footer-widget {
          width: 30%; } }
    .site-footer .footer-content .footer-widget {
      margin: 1rem auto;
      padding: 0 1rem; }
    .site-footer .footer-content .btn-online-room {
      margin: 1rem auto;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .site-footer .footer-content .btn-online-room {
          margin: -2rem auto 0 auto; } }
    .site-footer .footer-content .footer-sitemap {
      color: #fff;
      font-size: 0.9rem;
      text-align: left; }
      .site-footer .footer-content .footer-sitemap a {
        color: #fff;
        text-decoration: none; }
        .site-footer .footer-content .footer-sitemap a:hover {
          text-decoration: underline; }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-title {
        margin: 0.3rem 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: normal; }
      @media only screen and (min-width: 768px) {
        .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content {
          display: flex;
          flex-wrap: wrap;
          -webkit-flex-pack: justify;
          justify-content: space-between;
          align-items: flex-start; }
          .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box {
            max-width: 23%;
            width: 23%;
            margin: 1%; } }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-title {
        margin: 0.6rem 0 0.3rem 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.2rem; }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon {
        display: flex;
        align-items: flex-start; }
        @media only screen and (max-width: 767px) {
          .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon {
            text-align: center;
            margin: 1rem auto; } }
        .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon img {
          width: 150px;
          height: auto;
          margin-right: 0.5rem;
          border-radius: 5px; }
          @media only screen and (max-width: 1000px) {
            .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon img {
              width: 120px; } }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content ul {
        margin: 0 0 0 1rem;
        padding: 0;
        font-size: 0.8rem; }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content p {
        font-size: 0.8rem;
        margin: 0.3rem 0; }
      @media only screen and (max-width: 767px) {
        .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content ul {
          margin: 0 0 0 2rem; }
        .site-footer .footer-content .footer-sitemap .footer-sitemap-box-content p {
          margin: 0.3rem 0 0.8rem 1rem; } }
      .site-footer .footer-content .footer-sitemap .footer-sitemap-box01 {
        margin: 1rem auto 0.5rem auto; }
  .site-footer .footer-content02 {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    border-top: 1px solid #fff; }
    .site-footer .footer-content02 .footer-sitemap {
      color: #fff;
      font-size: 0.9rem;
      text-align: left; }
      .site-footer .footer-content02 .footer-sitemap a {
        color: #fff;
        text-decoration: none; }
        .site-footer .footer-content02 .footer-sitemap a:hover {
          text-decoration: underline; }
      .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-title {
        margin: 0.3rem 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: normal; }
      @media only screen and (min-width: 768px) {
        .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content {
          display: flex;
          flex-wrap: wrap;
          -webkit-flex-pack: justify;
          justify-content: space-between;
          align-items: flex-start; }
          .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box {
            max-width: 23%;
            width: 23%;
            margin: 1%; } }
      .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-title {
        margin: 0.6rem 0 0.3rem 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.2rem; }
      .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon {
        display: flex;
        align-items: flex-start; }
        @media only screen and (max-width: 767px) {
          .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon {
            text-align: center;
            margin: 1rem auto; } }
        .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon img {
          width: 150px;
          height: auto;
          margin-right: 0.5rem;
          border-radius: 5px; }
          @media only screen and (max-width: 1000px) {
            .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content .footer-sitemap-box-content-box-icon img {
              width: 120px; } }
      .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content ul {
        margin: 0 0 0 1rem;
        padding: 0;
        font-size: 0.8rem; }
      .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content p {
        font-size: 0.8rem;
        margin: 0.3rem 0; }
      @media only screen and (max-width: 767px) {
        .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content ul {
          margin: 0 0 0 2rem; }
        .site-footer .footer-content02 .footer-sitemap .footer-sitemap-box-content p {
          margin: 0.3rem 0 0.8rem 1rem; } }
  .site-footer .site-info {
    background: #242426;
    text-align: center;
    padding: 1em 0; }

.pc-fixbtn {
  display: none; }
  @media only screen and (min-width: 768px) {
    .pc-fixbtn {
      -webkit-animation: fadein  3s  ease-out;
      animation: fadein 3s ease-out;
      display: block;
      position: fixed;
      bottom: 8%;
      right: 1%;
      z-index: 1000; }
      .pc-fixbtn .pc-fixbtn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1100; }
      .pc-fixbtn a {
        display: block;
        padding: 0.5rem; } }
  .pc-fixbtn.remove {
    display: none; }

.footer-fixed-btn {
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background: #252526;
  display: flex;
  justify-content: center;
  align-items: center; }
  .footer-fixed-btn .footer-fixed-btn-item {
    width: 175px;
    margin: 0.3rem 0.5rem; }
    .footer-fixed-btn .footer-fixed-btn-item a {
      background: #fff;
      display: flex;
      align-items: center;
      text-decoration: none;
      padding: 0 0.5rem;
      box-sizing: border-box;
      border-radius: 0.3rem; }
      .footer-fixed-btn .footer-fixed-btn-item a .btn-img {
        width: 40px;
        margin: 0 auto; }
        .footer-fixed-btn .footer-fixed-btn-item a .btn-img img {
          vertical-align: bottom; }
      .footer-fixed-btn .footer-fixed-btn-item a .btn-txt {
        font-weight: bold;
        font-size: 1.2rem;
        box-sizing: border-box;
        width: 160px; }
    .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item01 a {
      background-color: #fef4e8; }
      .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item01 a:hover {
        background-color: #f7d3a9;
        transition: 0.2s; }
    .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item02 a {
      background-color: #ddf3fd; }
      .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item02 a:hover {
        background-color: #c6eafc;
        transition: 0.2s; }
    .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item03 a {
      background-color: #dbecc6; }
      .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item03 a:hover {
        background-color: #c2df9e;
        transition: 0.2s; }
    .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item04 a {
      background-color: #e1e0ff; }
      .footer-fixed-btn .footer-fixed-btn-item.footer-fixed-btn-item04 a:hover {
        background-color: #cdc0f9;
        transition: 0.2s; }
  @media only screen and (max-width: 767px) {
    .footer-fixed-btn .footer-fixed-btn-item {
      margin: 0.1rem; }
      .footer-fixed-btn .footer-fixed-btn-item a {
        display: block;
        text-align: center; }
        .footer-fixed-btn .footer-fixed-btn-item a .btn-txt {
          font-size: 0.6rem;
          padding-left: 0;
          width: auto; } }

.is-fixed .footer-fixed-btn {
  position: fixed; }