@charset "UTF-8";
/* =============================================================================
   #Foundation
   ========================================================================== */
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0px;
  padding: 0px;
}

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

fieldset, img, abbr, acronym {
  border: 0px;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

/*img下の隙間を消去*/
img {
  vertical-align: bottom;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

body {
  font-style: normal;
  font-weight: normal;
  font-family: "IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  -webkit-text-size-adjust: 100%;
}

:root {
  --h-sp:60px;
}

@media screen and (min-width: 900px) {
  :root {
    --h-sp:60px;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  color: #272e36;
  outline: 0;
  background-color: #FFF;
  position: relative;
}
@media screen and (min-width: 900px) {
  body:after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    background-color: #F5F8FA;
    width: clamp(calc(270 * 1px), calc(100 / 1480 * 300 * 1vw), calc(300 * 1px));
    height: 100vh;
    z-index: -1;
  }
}

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

img[src$=".svg"] {
  width: 100%;
}

#tinymce {
  background-color: #FFF;
  padding: 20px !important;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1);
}

a {
  text-decoration: none;
  color: #00b6aa;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
a:hover, a:active, a:focus {
  color: #00b6aa;
  text-decoration: underline;
}

#wp-editor a {
  color: #00b6aa;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
#wp-editor a:hover, #wp-editor a:active, #wp-editor a:focus {
  color: #00b6aa;
  text-decoration: underline;
}

/*
=============================================================================
   #Layout
=============================================================================
*/
.l-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -webkit-column-gap: 5%;
     -moz-column-gap: 5%;
          column-gap: 5%;
}
@media screen and (min-width: 900px) {
  .l-container {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}

#barba-wrapper {
  width: 100%;
  display: block;
}
@media screen and (min-width: 900px) {
  #barba-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 68%;
            flex: 0 1 68%;
    max-width: 700px;
  }
}
#barba-wrapper a {
  color: #00b6aa;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
#barba-wrapper a:hover, #barba-wrapper a:active, #barba-wrapper a:focus {
  color: #00b6aa;
  text-decoration: underline;
}

/*PICK UP NEWS*/
.l-pickup {
  display: block;
  padding-left: calc(0.7rem * 2.5);
  padding-right: calc(0.7rem * 2.5);
  margin-bottom: calc(-1 * calc(0.7rem * 4));
}
@media screen and (min-width: 900px) {
  .l-pickup {
    padding: 0;
  }
}
@media screen and (min-width: 900px) {
  .l-pickup {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-pickup:after {
    content: "";
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
            flex: 0 1 32%;
  }
}

.l-pickup__item {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
  color: #0070cd;
  position: relative;
  z-index: 1;
}
.l-pickup__item:after {
  content: "";
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.l-pickup__item:hover, .l-pickup__item:active, .l-pickup__item:focus {
  color: #0070cd;
}
.l-pickup__item:hover:after, .l-pickup__item:active:after, .l-pickup__item:focus:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 5;
}
.l-pickup__item {
  margin-bottom: calc(0.7rem * 4);
}

.l-pickup__photo {
  padding-bottom: 80px;
}
@media screen and (min-width: 900px) {
  .l-pickup__photo {
    padding-bottom: 100px;
  }
}
.l-pickup__photo {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.l-pickup__photo.photo-none {
  background-image: url("../image/no-image.jpg");
}

.l-pickup__title {
  padding: calc(0.7rem * 2.5);
  font-size: 1.5rem;
  background-color: #FFF;
  line-height: 1.6;
  position: relative;
}

.l-list {
  padding: calc(0.7rem * 2.5);
}
@media screen and (min-width: 900px) {
  .l-list {
    padding: calc(0.7rem * 6);
  }
}
.l-list {
  background-color: #FFF;
}

/*お知らせリンク*/
.l-f-link-mobile {
  display: block;
  background-color: #2b3e5c;
  padding: calc(0.7rem * 4) calc(0.7rem * 2.5);
  margin-top: calc(0.7rem * 6);
}
@media screen and (min-width: 900px) {
  .l-f-link-mobile {
    display: none;
  }
}
.l-f-link-mobile .l-f-link__item:nth-last-of-type(1) {
  margin-bottom: 0;
}

.wp-embedded-content {
  margin: 0 auto;
  min-width: 100%;
  width: 100%;
  height: auto !important;
}

.l-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.7rem * 1.8) auto;
  grid-template-columns: 1fr auto;
  background-color: #34CFC5;
  padding-left: 5vw;
  -webkit-column-gap: calc(0.7rem * 1.8);
     -moz-column-gap: calc(0.7rem * 1.8);
          column-gap: calc(0.7rem * 1.8);
}
@media screen and (min-width: 900px) {
  .l-header {
    padding: 0 calc(0.7rem * 4);
  }
}

.l-leader-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.l-leader-top .logo {
  width: clamp(calc(200 * 1px), calc(100 / 1480 * 250 * 1vw), calc(250 * 1px));
}

.l-header-nav {
  display: none;
}
@media screen and (min-width: 900px) {
  .l-header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.l-header-nav .nav-inner {
  height: var(--h-sp);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 2vw;
     -moz-column-gap: 2vw;
          column-gap: 2vw;
}
.l-header-nav .h-btn {
  height: var(--h-sp);
  cursor: pointer;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-decoration: initial !important;
  color: #FFF;
}
.l-header-nav .h-btn .icon {
  font-size: 20px;
  color: #FFF;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-decoration: initial !important;
}
.l-header-nav .h-btn:hover {
  color: #272e36;
}
.l-header-nav .h-btn:hover .icon {
  color: #272e36;
}
.l-header-nav .h-btn {
  /*
  &.current {
      background-color: $color-gray;
  }*/
}

.l-header-sp {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}
@media screen and (min-width: 900px) {
  .l-header-sp {
    display: none;
  }
}

.l-header-sp-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  padding-left: 5%;
  width: 100%;
  border-bottom: 1px solid #DDD;
}
@media screen and (min-width: 900px) {
  .l-header-sp-inner {
    position: relative;
  }
}
.l-header-sp-inner {
  height: var(--h-sp);
}

.l-header__logo {
  width: clamp(calc(100 * 1px), calc(100 / 1480 * 120 * 1vw), calc(120 * 1px));
  line-height: 1;
  display: block;
}
@media screen and (min-width: 900px) {
  .l-header__logo {
    display: none;
  }
}

.l-globalnav .l-globalnav__inner {
  background-color: #757f88;
  padding: 0.8em 5vw;
}
.l-globalnav .l-globalnav__inner .l-globalnav__item {
  padding: 0.8em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
}
.l-globalnav .l-globalnav__inner .l-globalnav__item .icon {
  line-height: 1.3;
  letter-spacing: 0em;
  font-size: clamp(calc(20 * 1px), calc(100 / 1480 * 21 * 1vw), calc(21 * 1px));
  color: #FFF;
}
.l-globalnav .l-globalnav__inner .l-globalnav__item p {
  color: #FFF;
}
.l-globalnav.pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .l-globalnav.pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.l-globalnav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 900px) {
  .l-globalnav-btn {
    display: none;
  }
}
.l-globalnav-btn {
  height: var(--h-sp);
  width: var(--h-sp);
  cursor: pointer;
  color: #FFF;
  background-color: #2b3e5c;
}
.l-globalnav-btn .material-icons-outlined {
  font-size: 2em;
  line-height: 1 !important;
  font-weight: 200;
}
.l-globalnav-btn .menu {
  display: block;
}
.l-globalnav-btn .close {
  display: none;
}
.l-globalnav-btn.open .menu {
  display: none;
}
.l-globalnav-btn.open .close {
  display: block;
}

.l-sp-menu {
  background-color: #F5F8FA;
  position: fixed;
  top: var(--h-sp);
  left: 0;
  width: 100%;
  min-height: calc(100vh - var(--h-sp));
  z-index: 1000;
  display: none;
  height: 100%;
  overflow: scroll;
}
.l-sp-menu.open {
  display: block;
}
.l-sp-menu .l-sp-menu-inner {
  padding: 1em 0 100px 0;
}
.l-sp-menu .l-sp-menu-inner .l-pc-globalnavi {
  padding: 0 5vw;
}
.l-sp-menu .l-sp-menu-inner .btn-w {
  padding: 0 5vw;
  border-top: 1px solid #DDD;
}
.l-sp-menu .l-sp-menu-inner .btn-w .c-btn-b {
  padding-top: 1em;
  display: block;
  padding-bottom: 1em;
}

#menu-globalnavi a {
  display: block;
  color: #00b6aa;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
#menu-globalnavi a:hover, #menu-globalnavi a:active, #menu-globalnavi a:focus {
  color: #00b6aa;
  text-decoration: underline;
}
#menu-globalnavi {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#menu-globalnavi ul,
#menu-globalnavi li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#menu-globalnavi ul a,
#menu-globalnavi li a {
  position: relative;
}
#menu-globalnavi .sub-menu {
  display: none;
  -webkit-animation: show 0.2s linear 0s;
          animation: show 0.2s linear 0s;
}
#menu-globalnavi .sub-menu.open {
  display: block;
}
#menu-globalnavi .sub-menu a {
  padding-left: 1em;
}
#menu-globalnavi a.acdbtn::after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  content: "arrow_forward_ios";
  font-weight: 200;
}
#menu-globalnavi a.acdbtn.open:after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  content: "arrow_forward_ios";
  font-weight: 200;
}

.l-contents {
  width: 100%;
  position: relative;
  padding-left: 5vw;
  padding-right: 5vw;
}
@media screen and (min-width: 900px) {
  .l-contents {
    padding-left: 0;
    padding-right: 0;
    width: clamp(calc(570 * 1px), calc(100 / 1480 * 720 * 1vw), calc(720 * 1px));
  }
}
.l-contents.type-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  row-gap: calc(0.7rem * 6);
}

.l-footer {
  grid-area: footer;
  border-top: 1px solid #DDD;
  width: 90%;
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .l-footer {
    width: 100%;
  }
}

.l-footer-name {
  line-height: 2;
}

.l-footer-pagetop {
  visibility: hidden;
  position: fixed;
  right: calc(0.7rem * 2.5);
  bottom: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
}
.l-footer-pagetop .inner {
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000;
  border-radius: 2px;
  width: 44px;
  height: 44px;
}
.l-footer-pagetop .inner i {
  line-height: 0;
}
@media screen and (min-width: 900px) {
  .l-footer-pagetop {
    right: calc(0.7rem * 4);
  }
}
.l-footer-pagetop.active {
  visibility: visible;
  bottom: calc(0.7rem * 4);
  opacity: 1;
}
.l-footer-pagetop:hover {
  opacity: 0.8;
}

.l-glonavi-pc {
  display: none;
  position: relative;
  min-height: calc(100vh - var(--h-sp));
}
@media screen and (min-width: 900px) {
  .l-glonavi-pc {
    display: block;
    width: clamp(calc(270 * 1px), calc(100 / 1480 * 300 * 1vw), calc(300 * 1px));
  }
}
.l-glonavi-pc {
  /*&:after {
         content: "";
         width: 100%;
         height: 900vh;
  background-color: $color-base;
  left: 0;
  top:0;
  position: absolute;
  z-index: -1;
     }*/
}

.l-pc-globalnavi {
  display: -ms-grid;
  display: grid;
  margin-inline: auto;
  top: 0;
  background-color: #F5F8FA;
}
@media screen and (min-width: 900px) {
  .l-pc-globalnavi {
    position: sticky;
    top: 0;
    width: 82%;
    padding-top: calc(0.7rem * 2.5);
  }
}
.l-pc-globalnavi > a, .l-pc-globalnavi .level-menu {
  padding-top: 1em;
  padding-bottom: 1em;
}
.l-pc-globalnavi ul,
.l-pc-globalnavi ol,
.l-pc-globalnavi li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.l-pc-globalnavi a {
  color: #272e36;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.l-pc-globalnavi a:hover, .l-pc-globalnavi a:active, .l-pc-globalnavi a:focus {
  color: #00b6aa;
  text-decoration: underline;
}
.l-pc-globalnavi a {
  display: block;
  line-height: 1.7 !important;
  -webkit-transform: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
          transform: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
}
.l-pc-globalnavi .level-menu .c-btn-b {
  position: relative;
}
.l-pc-globalnavi .level-menu .c-btn-b::before {
  content: "arrow_drop_down";
  top: 0;
}
.l-pc-globalnavi .sub-menu {
  display: -ms-grid;
  display: grid;
  row-gap: 1em;
  position: relative;
  padding-top: 1em;
}
.l-pc-globalnavi .sub-menu a {
  color: #272e36;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.l-pc-globalnavi .sub-menu a:hover, .l-pc-globalnavi .sub-menu a:active, .l-pc-globalnavi .sub-menu a:focus {
  color: #00b6aa;
  text-decoration: underline;
}
.l-pc-globalnavi .sub-menu a {
  padding-left: 1.8em;
  display: block;
  position: relative;
  -webkit-transform: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
          transform: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
}
.l-pc-globalnavi .sub-menu {
  /*
  &:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 1px;
      height: calc(100% - 1em);
      background-color: $color-link;
  }*/
}
.l-pc-globalnavi .demo-bnr {
  background-color: #FFF;
  border: 1px solid #DDD;
  color: #00b6aa;
}
.l-pc-globalnavi .demo-bnr .hdg {
  font-weight: 500;
  margin-bottom: calc(0.7rem * 1.8);
  text-align: center;
}
.l-pc-globalnavi .demo-bnr:hover {
  color: #00b6aa;
  text-decoration: none;
  opacity: 0.8;
}

.l-side__editor-bnr {
  display: block;
  padding-left: 1.5em;
}
.l-side__editor-bnr .image {
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #DDD;
  display: inline-block;
}
.l-side__editor-bnr .text {
  margin-top: 0.6em;
}

/* Sticky */
.sticky {
  /* Safari */
  position: sticky;
  top: 0;
}

.sticky.sticky-fixed.is-sticky {
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 22%;
  min-width: 250px;
}

.sticky.sticky-fixed.is-sticky:not([style*=margin-top]) {
  margin-top: 0 !important;
}

.sticky.sticky-fixed.is-sticky:not([style*=margin-bottom]) {
  margin-bottom: 0 !important;
}

.sticky.sticky-fixed.is-absolute {
  position: absolute;
  width: 22%;
  min-width: 250px;
}

/*お知らせリンク*/
.l-link {
  padding: calc(0.7rem * 4) calc(0.7rem * 2.5);
}

.l-f-link__item {
  line-height: 1.5;
  margin-bottom: calc(0.7rem * 2.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #FFF;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.l-f-link__item:hover, .l-f-link__item:active, .l-f-link__item:focus {
  color: rgb(178.5, 178.5, 178.5);
}
.l-f-link__item:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  content: "\e5c8";
  font-size: 1.3rem;
  margin-top: 3px;
  margin-right: 6px;
}

.post-type-archive-ondemand .l-side {
  display: none;
}

/*
=============================================================================
   #Object
=============================================================================
*/
/* -----------------------------------------------------------------------------
   #Component
   -------------------------------------------------------------------------- */
.home .c-page-heading {
  display: none;
}

.c-page-heading {
  padding-left: 5vw;
  padding-right: 5vw;
}
@media screen and (min-width: 900px) {
  .c-page-heading {
    padding: initial;
  }
}
.c-button-lg {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1px;
  word-break: break-all;
  background-color: #272e36;
  color: #FFF !important;
}
.c-button-lg:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
}

.c-btn-a, .menu-item-diy, .menu-item-info, .menu-item-manual {
  /*width: calc( 100% - 1px );*/
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: auto 0.5em 1fr 0.5em auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: calc(0.7rem * 1.8) 0 calc(0.7rem * 1.8) 0.5em !important;
  color: #00b6aa !important;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  border: 2px solid #34CFC5;
  background-color: #FFF;
  margin: 0 !important;
  -webkit-box-shadow: 1px 1px 0px #00b6aa;
          box-shadow: 1px 1px 0px #00b6aa;
}
.c-btn-a::before, .menu-item-diy::before, .menu-item-info::before, .menu-item-manual::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  line-height: 1 !important;
  font-weight: 400;
}
.c-btn-a::after, .menu-item-diy::after, .menu-item-info::after, .menu-item-manual::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  content: "arrow_forward_ios";
  line-height: 1 !important;
  font-weight: 200;
}

.c-btn-b {
  color: #272e36;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.c-btn-b:hover, .c-btn-b:active, .c-btn-b:focus {
  color: #00b6aa;
  text-decoration: underline;
}
.c-btn-b {
  padding-left: 1.5em;
  position: relative;
}
.c-btn-b::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 0.7em;
  left: 0;
  content: "arrow_right";
  line-height: 1.3;
  letter-spacing: 0em;
  font-size: clamp(calc(20 * 1px), calc(100 / 1480 * 21 * 1vw), calc(21 * 1px));
}
.c-btn-b {
  /*
      &.files {
          &::before {


              content: "insert_drive_file";

          }
      }
      &.technique {
          &::before {

              content: "thumb_up";

          }
      }*/
}
.c-btn-b.manual::before {
  content: "menu_book";
}
.c-btn-b {
  /*
      &.editor {
          &::before {
              content: "edit_note";
          }
      }

      &.delete {
          &::before {
              content: "delete_forever";
          }
      }
  */
}
.c-btn-b.pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .c-btn-b.pc {
    display: block;
  }
}

.menu-item-manual::before {
  content: "menu_book";
}

.menu-item-info a::before {
  content: "notifications_active";
}

.menu-item-diy a::before {
  content: "build";
}

.btn-1 {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border-radius: 3px !important;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.btn-1.size1 {
  width: 150px;
}
.btn-1.size2 {
  width: 100%;
}
.btn-1.size3 {
  width: 250px;
}
.btn-1.color1, .btn-1.btn-ok {
  background-color: #008ee6;
  color: #FFF;
}
.btn-1.color2, .btn-1.btn-cancel {
  background-color: #FFF;
  border: 1px solid #00b6aa;
  color: #00b6aa;
}

/* pagenavi */
.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(0.7rem * 6);
  font-size: 1.6rem;
  font-weight: 400;
  color: #2b3e5c;
  font-size: 1.8rem;
}
.wp-pagenavi .pages {
  margin: 0 calc(0.7rem * 2.5);
}
.wp-pagenavi .current,
.wp-pagenavi a {
  padding: calc(0.7rem * 2.5);
  margin-right: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #00b6aa;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40px;
          flex: 0 1 40px;
}
.wp-pagenavi .current {
  background-color: #00b6aa;
  color: #FFF;
}
.wp-pagenavi a {
  color: #00b6aa;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi a:focus {
  color: #00b6aa;
  text-decoration: underline;
}

.p-c-width {
  margin-left: auto;
  margin-right: auto;
  width: min(90%, 1000 * 1px);
}

span.br {
  display: inline-block;
}

/* -----------------------------------------------------------------------------
   #Project
   -------------------------------------------------------------------------- */
.p-top-main-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 90%;
  padding-top: calc(0.7rem * 4);
  padding-bottom: calc(0.7rem * 4);
  position: relative;
}
@media screen and (min-width: 900px) {
  .p-top-main-image {
    max-width: 78%;
    padding-top: calc(0.7rem * 10);
    padding-bottom: calc(0.7rem * 10);
  }
}
.p-top-main-image:before {
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #FFF;
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 50px 50px #FFF;
          box-shadow: 0px 0px 50px 50px #FFF;
}
@media screen and (min-width: 900px) {
  .p-top-main-image:before {
    -webkit-box-shadow: 0px 0px 200px 200px #FFF;
            box-shadow: 0px 0px 200px 200px #FFF;
  }
}
.p-top-main-image .p-top-image__copy {
  width: 70%;
  padding-right: calc(0.7rem * 6);
}
@media screen and (min-width: 900px) {
  .p-top-main-image .p-top-image__copy {
    width: 74%;
    padding-right: calc(0.7rem * 10);
  }
}
.p-top-main-image .p-top-image__image {
  width: 30%;
}
@media screen and (min-width: 900px) {
  .p-top-main-image .p-top-image__image {
    width: 26%;
  }
}
.p-top-main-image .p-top-main-image__heading {
  margin-top: calc(0.7rem * 2.5);
  color: #2b3e5c;
  white-space: nowrap;
  font-size: 1.3rem;
}
@media screen and (min-width: 900px) {
  .p-top-main-image .p-top-main-image__heading {
    font-size: 2.4rem;
  }
}

.p-top-main-image__btn {
  max-width: 170px;
  padding: 1rem;
  line-height: 1;
  margin-top: calc(0.7rem * 4);
}
@media screen and (min-width: 900px) {
  .p-top-main-image__btn {
    max-width: 220px;
    padding: 1.4rem;
    margin-top: calc(0.7rem * 6);
  }
}
@media screen and (min-width: 900px) {
  .p-top-main-image__btn {
    max-width: 250px;
    padding: 1.6rem;
  }
}

.u-two-column {
  display: block;
  margin-bottom: calc(-1 * calc(0.7rem * 6));
}
@media screen and (min-width: 900px) {
  .u-two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.u-two-column__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  margin-bottom: calc(0.7rem * 6);
}

.p-top-demo-bnr {
  background-color: #F5F8FA;
  color: #00b6aa;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.7rem * 2.5) auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto 0.5em 1fr;
  grid-template-rows: auto 1fr;
  -webkit-column-gap: calc(0.7rem * 2.5);
     -moz-column-gap: calc(0.7rem * 2.5);
          column-gap: calc(0.7rem * 2.5);
  row-gap: 0.5em;
      grid-template-areas: "hdg image" "text image";
}
.p-top-demo-bnr .hdg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  font-weight: 500;
  grid-area: hdg;
}
.p-top-demo-bnr .image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: image;
  width: 120px;
}
.p-top-demo-bnr .text {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: text;
}
.p-top-demo-bnr:hover {
  color: #00b6aa;
  text-decoration: none;
  opacity: 0.8;
}

.p-list {
  display: -ms-grid;
  display: grid;
  row-gap: 1.2em;
}

.p-list-item {
  border-bottom: 1px dotted #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
  padding-bottom: 1em;
  position: relative;
}
.p-list-item::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0.2em;
  line-height: 1;
  letter-spacing: 0em;
  font-size: clamp(calc(21 * 1px), calc(100 / 1480 * 23 * 1vw), calc(23 * 1px));
  font-weight: 200;
  content: "draft";
}

.p-list-item__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-new-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
  padding: 0.1em 0.5em 0 0.5em;
  color: #FFF;
  font-weight: 700;
  vertical-align: middle;
  background-color: #00b6aa;
}

.p-list-B__item {
  margin-bottom: 0;
}
@media screen and (min-width: 900px) {
  .p-list-B__item {
    margin-bottom: calc(0.7rem * 2.5);
  }
}
.p-list-B__item {
  padding-top: calc(0.4rem * 2.5);
  padding-bottom: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .p-list-B__item {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.p-list-B__item {
  -webkit-transition: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.15s cubic-bezier(0, 0.5, 0.5, 1);
  color: #272e36;
  display: block;
}
.p-list-B__item:hover {
  color: #272e36;
}
.p-list-B__item:nth-of-type(1) {
  padding-top: 0;
}

.p-list-B__item-category {
  opacity: 0.6;
}

.p-list-C {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  row-gap: calc(0.7rem * 2.5);
}

.p-list-C__item {
  text-decoration: none !important;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto calc(0.7rem * 1.8) 1fr;
  grid-template-columns: auto 1fr;
  padding-bottom: calc(0.7rem * 2.5);
  -webkit-column-gap: calc(0.7rem * 1.8);
     -moz-column-gap: calc(0.7rem * 1.8);
          column-gap: calc(0.7rem * 1.8);
  border-bottom: 1px solid #DDD;
}
.p-list-C__item:hover {
  opacity: 0.7;
}

.p-list-C__item-image {
  width: clamp(calc(100 * 1px), calc(100 / 1480 * 180 * 1vw), calc(180 * 1px));
  position: relative;
  aspect-ratio: 1.6/1;
  background-color: #F3F3F3;
  border-radius: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.p-list-C__item-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
}
@media screen and (min-width: 900px) {
  .p-list-C__item-image img {
    width: 60%;
  }
}
.p-list-C__item-image.no-image {
  background-image: url("../image/default2.png");
}
.p-list-C__item-image.tmb-a {
  background-color: #F5F8FA;
}
.p-list-C__item-image.tmb-b {
  background-color: #d5ebf8;
}
.p-list-C__item-image.tmb-c {
  background-color: #dff9e3;
}
.p-list-C__item-image.tmb-d {
  background-color: #eae4f9;
}
.p-list-C__item-image.tmb-e {
  background-color: #eef3d8;
}

.p-list-C__item-title {
  font-weight: 500;
  color: #272e36;
}

.p-list-C__item-sub {
  margin-top: 0.2em;
  color: #757f88;
}

.p-list-D {
  display: -ms-grid;
  display: grid;
  row-gap: calc(0.7rem * 4);
}
.p-list-D .hdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: calc(0.7rem * 1);
     -moz-column-gap: calc(0.7rem * 1);
          column-gap: calc(0.7rem * 1);
  font-size: 12px;
  line-height: 1 !important;
}
.p-list-D .hdg a i {
  font-size: 22px;
  color: #00b9a3;
  position: relative;
}

.p-demo-navi {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  row-gap: calc(0.7rem * 1.8);
}
.p-single-editor {
  line-height: 2;
}
.p-single-editor hr {
  border: none;
  border-top: 1px solid #CCC;
}

.p-single-list-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: calc(0.7rem * 2.5) 0;
  margin-bottom: calc(0.7rem * 2.5);
  background-color: #F5F8FA;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.p-single-list-link a:hover {
  background-color: #00b6aa;
  color: #FFF;
}
@media screen and (min-width: 900px) {
  .p-single-list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-single-list-link a {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 49%;
            flex: 0 1 49%;
  }
}

.p-single-list-link-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-single-list-link-icon:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  content: "\e241";
  margin-right: 10px;
  line-height: 1;
  font-size: 1.8rem;
}

iframe {
  width: 100%;
}

#tinymce {
  background-color: #FFF !important;
}
#tinymce:after {
  display: none !important;
}

.c-heading-xl, .c-page-heading h1 {
  font-weight: 600;
}

.c-heading-lg {
  color: #272e36;
  border-bottom: 2px solid #272e36;
  position: relative;
}

.c-heading-md {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  margin-bottom: 1em;
  padding: 0.8em 0;
  border-top: 1px solid #757f88;
  border-bottom: 1px solid #757f88;
}
.c-heading-md .material-icons-outlined {
  color: #34CFC5;
}

.c-heading-sm {
  /*
  padding: 0.8em 0.8em;
  background-color: $color-base;*/
  position: relative;
  font-weight: 600;
  margin-bottom: 1em;
  padding-left: 0.8em;
}
.c-heading-sm:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 0.2em;
  height: calc(100% - 0.4em);
  width: 0.2em;
  background-color: #34CFC5;
}

.c-heading-xs {
  display: inline-block;
  position: relative;
}
.c-heading-xs:before {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  bottom: -2px;
  height: 2px;
  background-color: #272e36;
}

.c-heading-D {
  color: #f6ff67;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-heading-D:before {
  content: "";
  height: 3px;
  width: 1em;
  background-color: #f6ff67;
}

.c-heading-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-heading-b:before {
  display: block;
  content: "";
  height: 1px;
  background-color: #272e36;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 20px;
}
.c-heading-b:after {
  display: block;
  content: "";
  height: 1px;
  background-color: #272e36;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 20px;
}

span.c1 {
  /*background: linear-gradient(transparent 60%, $color-B 0%);*/
  color: #f83f60;
}

.p-frame:before {
  content: "管理画面";
  margin-bottom: 0.5em;
  display: block;
  text-align: left;
  color: #757f88;
}
.p-frame img {
  text-align: center;
  /*box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.2);*/
  border: 1px solid #DDD;
  background-color: #FFF;
  /*padding: $spacer-xxs;
  */
}

.p-frame-face:before {
  content: "ホームページ画面";
  margin-bottom: 0.5em;
  display: block;
  text-align: left;
  color: #757f88;
}
.p-frame-face img {
  text-align: center;
  /*box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.2);*/
  border: 1px solid #DDD;
  background-color: #FFF;
  /*padding: $spacer-xxs;
  */
}

.p-frame-free img {
  text-align: center;
  border: 1px solid #DDD;
  background-color: #FFF;
  /*padding: $spacer-xxs;*/
}

.reference {
  padding-left: 1.5em;
  position: relative;
}
.reference:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  content: "\e3e0";
  position: absolute;
  left: 0;
  top: 7px;
}

.text-bg-att {
  background-color: #f6ff67;
  padding: 1em;
}

ol {
  counter-reset: li;
  /* li のカウンタを 0 にセット */
  list-style: none;
  padding: 0;
  margin: 0;
}
ol > li {
  position: relative;
  padding-left: 2em;
}
ol > li:before {
  position: absolute;
  left: 0;
  color: #f83f60;
  font-weight: 600;
  line-height: 1.6 !important;
  counter-increment: li;
  /* li の数を一つずつ増加 */
  content: counter(li) ". ";
  /* 数を表示 */
}
ol > li:nth-last-of-type(1) {
  margin-bottom: 0 !important;
}

img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-mt-n {
  margin-top: 0 !important;
}

.p-image-cap {
  text-align: left;
  margin-top: 0.5em;
}

.cms_ww a {
  text-decoration: initial;
}
.cms_ww a:hover {
  text-decoration: underline;
}

.c-list-d {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: number 0;
  display: -ms-grid;
  display: grid;
  row-gap: 1.5em;
}
.c-list-d > li {
  line-height: 1.7 !important;
  padding-left: 1.2em;
  position: relative;
}
.c-list-d > li:before {
  counter-increment: number 1;
  content: counter(number) ". ";
  color: #f83f60;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 0;
}

.c-list-e {
  /*counter-reset: number 0;*/
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-grid;
  display: grid;
  row-gap: 0.7em;
}
.c-list-e li {
  line-height: 1.7 !important;
  padding-left: 1em;
  position: relative;
}
.c-list-e li:before {
  content: "";
  width: 0.7em;
  aspect-ratio: 1/1;
  background-color: #272e36;
  position: absolute;
  left: 0;
  top: 0.4em;
  border-radius: 50%;
}

strong {
  font-weight: 700 !important;
}

.c-cms-link {
  padding-left: 1.5em;
  position: relative;
}
.c-cms-link:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  line-height: 1;
  content: "\e157";
  position: absolute;
  left: 0;
  top: 0.1em;
  line-height: 1 !important;
}
.c-cms-link.link-style-b:before {
  content: "\e879";
}

.c-arrow {
  text-align: center;
}
.c-arrow span {
  line-height: 0.3;
  letter-spacing: 0em;
  font-size: clamp(calc(64 * 1px), calc(100 / 1480 * 84 * 1vw), calc(84 * 1px));
  color: #BBB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 900px) {
  .c-arrow span {
    margin-bottom: 0.4em;
  }
}

.cms-video {
  position: relative;
  /*aspect-ratio:1.777 / 1;*/
}
.cms-video video {
  width: 100%;
  /*object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;*/
  -webkit-filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
          filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
  outline: none;
  border: none;
}

.p-w-seventy-five {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .p-w-seventy-five {
    width: 75%;
  }
}

.p-w-half {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .p-w-half {
    width: 50%;
  }
}

.p-w-third {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .p-w-third {
    width: 33%;
  }
}

.cms-border {
  height: calc(2 * calc(0.7rem * 6));
  position: relative;
}
.cms-border:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #272e36;
}

.odm-form input.text {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  padding: 0 10px;
  font-size: 15px;
}
.odm-form .wpcf7-not-valid-tip {
  display: block;
  color: #f83f60;
}
.odm-form .wpcf7-response-output {
  display: none;
}
.odm-form .screen-reader-response p {
  color: #f83f60;
}
.odm-form .screen-reader-response ul {
  display: none;
}
.grecaptcha-badge {
  visibility: hidden;
}

.wpcf7 .screen-reader-response {
  position: initial !important;
  overflow: initial !important;
  clip: initial !important;
  clip-path: initial !important;
  height: initial !important;
  width: initial !important;
  margin: initial !important;
  padding: initial !important;
  border: initial !important;
  word-wrap: normal !important;
}

/* -----------------------------------------------------------------------------
   #Utility
   -------------------------------------------------------------------------- */
.u-d-i {
  display: inline !important;
}

.u-d-n {
  display: none !important;
}

.u-d-b {
  display: block !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-fx {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-d-ifx {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.u-d-tb {
  display: table !important;
}

.u-d-itb {
  display: inline-table !important;
}

.u-d-tbhg {
  display: table-header-group !important;
}

.u-d-tbfg {
  display: table-footer-group !important;
}

.u-d-tbrg {
  display: table-row-group !important;
}

.u-d-tbr {
  display: table-row !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-li {
  display: list-item !important;
}

.u-d-ih {
  display: inherit !important;
}

.u-m-xxs {
  margin: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-m-xxs {
    margin: calc(0.7rem * 1);
  }
}

.u-m-xs {
  margin: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-m-xs {
    margin: calc(0.7rem * 1.8);
  }
}

.u-m-sm {
  margin: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-m-sm {
    margin: calc(0.7rem * 2.5);
  }
}

.u-m-md {
  margin: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-m-md {
    margin: calc(0.7rem * 4);
  }
}

.u-m-lg {
  margin: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-m-lg {
    margin: calc(0.7rem * 6);
  }
}

.u-m-xl {
  margin: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-m-xl {
    margin: calc(0.7rem * 10);
  }
}

.u-m-xxl {
  margin: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-m-xxl {
    margin: calc(0.7rem * 14);
  }
}

.u-mt-none {
  margin-top: 0 !important;
}

.u-mt-xxs, .odm-form .wpcf7-not-valid-tip {
  margin-top: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-mt-xxs, .odm-form .wpcf7-not-valid-tip {
    margin-top: calc(0.7rem * 1);
  }
}

.u-mt-xs {
  margin-top: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-mt-xs {
    margin-top: calc(0.7rem * 1.8);
  }
}

.u-mt-sm, #menu-globalnavi #menu-item-1724 {
  margin-top: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-mt-sm, #menu-globalnavi #menu-item-1724 {
    margin-top: calc(0.7rem * 2.5);
  }
}

.u-mt-md, .cms_ww + .c-heading-sm, .cms_ww + .cms_ww, .cms_ww + .c-arrow {
  margin-top: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-mt-md, .cms_ww + .c-heading-sm, .cms_ww + .cms_ww, .cms_ww + .c-arrow {
    margin-top: calc(0.7rem * 4);
  }
}

.u-mt-lg-sp {
  margin-top: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-mt-lg-sp {
    margin-top: 0;
  }
}

.u-mt-lg, .cms_ww + .c-heading-md, .odm-form .screen-reader-response + .invalid, .odm-form .screen-reader-response + .sent {
  margin-top: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-mt-lg, .cms_ww + .c-heading-md, .odm-form .screen-reader-response + .invalid, .odm-form .screen-reader-response + .sent {
    margin-top: calc(0.7rem * 6);
  }
}

.u-mt-xl, .cms_ww + .c-heading-lg {
  margin-top: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-mt-xl, .cms_ww + .c-heading-lg {
    margin-top: calc(0.7rem * 10);
  }
}

.u-mt-xxl, .l-footer {
  margin-top: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-mt-xxl, .l-footer {
    margin-top: calc(0.7rem * 14);
  }
}

.u-mr-xxs {
  margin-right: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-mr-xxs {
    margin-right: calc(0.7rem * 1);
  }
}

.u-mr-xs, .c-heading-sm i, .c-heading-D:before {
  margin-right: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-mr-xs, .c-heading-sm i, .c-heading-D:before {
    margin-right: calc(0.7rem * 1.8);
  }
}

.u-mr-sm, .c-heading-b:before {
  margin-right: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-mr-sm, .c-heading-b:before {
    margin-right: calc(0.7rem * 2.5);
  }
}

.u-mr-md {
  margin-right: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-mr-md {
    margin-right: calc(0.7rem * 4);
  }
}

.u-mr-lg {
  margin-right: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-mr-lg {
    margin-right: calc(0.7rem * 6);
  }
}

.u-mr-xl {
  margin-right: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-mr-xl {
    margin-right: calc(0.7rem * 10);
  }
}

.u-mr-xxl {
  margin-right: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-mr-xxl {
    margin-right: calc(0.7rem * 14);
  }
}

.u-mb-xxs {
  margin-bottom: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-mb-xxs {
    margin-bottom: calc(0.7rem * 1);
  }
}

.u-mb-xs, .p-list-D .hdg {
  margin-bottom: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-mb-xs, .p-list-D .hdg {
    margin-bottom: calc(0.7rem * 1.8);
  }
}

.u-mb-sm, .c-heading-xs, .c-heading-b, ol > li {
  margin-bottom: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-mb-sm, .c-heading-xs, .c-heading-b, ol > li {
    margin-bottom: calc(0.7rem * 2.5);
  }
}

.u-mb-md, .c-heading-lg {
  margin-bottom: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-mb-md, .c-heading-lg {
    margin-bottom: calc(0.7rem * 4);
  }
}

.u-mb-lg, .c-page-heading {
  margin-bottom: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-mb-lg, .c-page-heading {
    margin-bottom: calc(0.7rem * 6);
  }
}

.u-mb-xl {
  margin-bottom: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-mb-xl {
    margin-bottom: calc(0.7rem * 10);
  }
}

.u-mb-xxl {
  margin-bottom: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-mb-xxl {
    margin-bottom: calc(0.7rem * 14);
  }
}

.u-ml-xxs {
  margin-left: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-ml-xxs {
    margin-left: calc(0.7rem * 1);
  }
}

.u-ml-xs {
  margin-left: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-ml-xs {
    margin-left: calc(0.7rem * 1.8);
  }
}

.u-ml-sm, .c-button-lg:after, .c-heading-b:after {
  margin-left: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-ml-sm, .c-button-lg:after, .c-heading-b:after {
    margin-left: calc(0.7rem * 2.5);
  }
}

.u-ml-md {
  margin-left: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-ml-md {
    margin-left: calc(0.7rem * 4);
  }
}

.u-ml-lg {
  margin-left: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-ml-lg {
    margin-left: calc(0.7rem * 6);
  }
}

.u-ml-xl {
  margin-left: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-ml-xl {
    margin-left: calc(0.7rem * 10);
  }
}

.u-ml-xxl {
  margin-left: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-ml-xxl {
    margin-left: calc(0.7rem * 14);
  }
}

.u-mx-xxs {
  margin-left: calc(0.4rem * 1);
  margin-right: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-mx-xxs {
    margin-left: calc(0.7rem * 1);
    margin-right: calc(0.7rem * 1);
  }
}

.u-mx-xs {
  margin-left: calc(0.4rem * 1.8);
  margin-right: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-mx-xs {
    margin-left: calc(0.7rem * 1.8);
    margin-right: calc(0.7rem * 1.8);
  }
}

.u-mx-sm {
  margin-left: calc(0.4rem * 2.5);
  margin-right: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-mx-sm {
    margin-left: calc(0.7rem * 2.5);
    margin-right: calc(0.7rem * 2.5);
  }
}

.u-mx-md {
  margin-left: calc(0.4rem * 4);
  margin-right: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-mx-md {
    margin-left: calc(0.7rem * 4);
    margin-right: calc(0.7rem * 4);
  }
}

.u-mx-lg {
  margin-left: calc(0.4rem * 6);
  margin-right: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-mx-lg {
    margin-left: calc(0.7rem * 6);
    margin-right: calc(0.7rem * 6);
  }
}

.u-mx-xl {
  margin-left: calc(0.4rem * 8);
  margin-right: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-mx-xl {
    margin-left: calc(0.7rem * 10);
    margin-right: calc(0.7rem * 10);
  }
}

.u-mx-xxl {
  margin-left: calc(0.4rem * 11);
  margin-right: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-mx-xxl {
    margin-left: calc(0.7rem * 14);
    margin-right: calc(0.7rem * 14);
  }
}

.u-my-xxs {
  margin-top: calc(0.4rem * 1);
  margin-bottom: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-my-xxs {
    margin-top: calc(0.7rem * 1);
    margin-bottom: calc(0.7rem * 1);
  }
}

.u-my-xs {
  margin-top: calc(0.4rem * 1.8);
  margin-bottom: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-my-xs {
    margin-top: calc(0.7rem * 1.8);
    margin-bottom: calc(0.7rem * 1.8);
  }
}

.u-my-sm {
  margin-top: calc(0.4rem * 2.5);
  margin-bottom: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-my-sm {
    margin-top: calc(0.7rem * 2.5);
    margin-bottom: calc(0.7rem * 2.5);
  }
}

.u-my-sm {
  margin-top: calc(0.4rem * 2.5);
  margin-bottom: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-my-sm {
    margin-top: calc(0.7rem * 2.5);
    margin-bottom: calc(0.7rem * 2.5);
  }
}

.u-my-md {
  margin-top: calc(0.4rem * 4);
  margin-bottom: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-my-md {
    margin-top: calc(0.7rem * 4);
    margin-bottom: calc(0.7rem * 4);
  }
}

.u-my-lg {
  margin-top: calc(0.4rem * 6);
  margin-bottom: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-my-lg {
    margin-top: calc(0.7rem * 6);
    margin-bottom: calc(0.7rem * 6);
  }
}

.u-my-xl {
  margin-top: calc(0.4rem * 8);
  margin-bottom: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-my-xl {
    margin-top: calc(0.7rem * 10);
    margin-bottom: calc(0.7rem * 10);
  }
}

.u-my-xxl {
  margin-top: calc(0.4rem * 11);
  margin-bottom: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-my-xxl {
    margin-top: calc(0.7rem * 14);
    margin-bottom: calc(0.7rem * 14);
  }
}

.u-p-xxs {
  padding: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-p-xxs {
    padding: calc(0.7rem * 1);
  }
}

.u-p-xs {
  padding: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-p-xs {
    padding: calc(0.7rem * 1.8);
  }
}

.u-p-sm, .l-pc-globalnavi .demo-bnr, .p-top-demo-bnr {
  padding: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-p-sm, .l-pc-globalnavi .demo-bnr, .p-top-demo-bnr {
    padding: calc(0.7rem * 2.5);
  }
}

.u-p-md {
  padding: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-p-md {
    padding: calc(0.7rem * 4);
  }
}

.u-p-lg {
  padding: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-p-lg {
    padding: calc(0.7rem * 6);
  }
}

.u-p-xl {
  padding: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-p-xl {
    padding: calc(0.7rem * 10);
  }
}

.u-p-xxl {
  padding: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-p-xxl {
    padding: calc(0.7rem * 14);
  }
}

.u-pt-xxs {
  padding-top: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-pt-xxs {
    padding-top: calc(0.7rem * 1);
  }
}

.u-pt-xs {
  padding-top: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-pt-xs {
    padding-top: calc(0.7rem * 1.8);
  }
}

.u-pt-sm, #menu-globalnavi ul a,
#menu-globalnavi li a {
  padding-top: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-pt-sm, #menu-globalnavi ul a,
  #menu-globalnavi li a {
    padding-top: calc(0.7rem * 2.5);
  }
}

.u-pt-md {
  padding-top: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-pt-md {
    padding-top: calc(0.7rem * 4);
  }
}

.u-pt-lg {
  padding-top: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-pt-lg {
    padding-top: calc(0.7rem * 6);
  }
}

.u-pt-xl, .home .l-contents, .c-page-heading {
  padding-top: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-pt-xl, .home .l-contents, .c-page-heading {
    padding-top: calc(0.7rem * 10);
  }
}

.u-pt-xxl {
  padding-top: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-pt-xxl {
    padding-top: calc(0.7rem * 14);
  }
}

.u-pr-xxs {
  padding-right: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-pr-xxs {
    padding-right: calc(0.7rem * 1);
  }
}

.u-pr-xs {
  padding-right: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-pr-xs {
    padding-right: calc(0.7rem * 1.8);
  }
}

.u-pr-sm {
  padding-right: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-pr-sm {
    padding-right: calc(0.7rem * 2.5);
  }
}

.u-pr-md {
  padding-right: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-pr-md {
    padding-right: calc(0.7rem * 4);
  }
}

.u-pr-lg {
  padding-right: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-pr-lg {
    padding-right: calc(0.7rem * 6);
  }
}

.u-pr-xl {
  padding-right: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-pr-xl {
    padding-right: calc(0.7rem * 10);
  }
}

.u-pr-xxl {
  padding-right: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-pr-xxl {
    padding-right: calc(0.7rem * 14);
  }
}

.u-pb-xxs {
  padding-bottom: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-pb-xxs {
    padding-bottom: calc(0.7rem * 1);
  }
}

.u-pb-xs {
  padding-bottom: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-pb-xs {
    padding-bottom: calc(0.7rem * 1.8);
  }
}

.u-pb-sm, #menu-globalnavi ul a,
#menu-globalnavi li a {
  padding-bottom: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-pb-sm, #menu-globalnavi ul a,
  #menu-globalnavi li a {
    padding-bottom: calc(0.7rem * 2.5);
  }
}

.u-pb-md {
  padding-bottom: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-pb-md {
    padding-bottom: calc(0.7rem * 4);
  }
}

.u-pb-lg {
  padding-bottom: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-pb-lg {
    padding-bottom: calc(0.7rem * 6);
  }
}

.u-pb-xl {
  padding-bottom: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-pb-xl {
    padding-bottom: calc(0.7rem * 10);
  }
}

.u-pb-xxl {
  padding-bottom: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-pb-xxl {
    padding-bottom: calc(0.7rem * 14);
  }
}

.u-pl-xxs {
  padding-left: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-pl-xxs {
    padding-left: calc(0.7rem * 1);
  }
}

.u-pl-xs {
  padding-left: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-pl-xs {
    padding-left: calc(0.7rem * 1.8);
  }
}

.u-pl-sm {
  padding-left: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-pl-sm {
    padding-left: calc(0.7rem * 2.5);
  }
}

.u-pl-md {
  padding-left: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-pl-md {
    padding-left: calc(0.7rem * 4);
  }
}

.u-pl-lg {
  padding-left: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-pl-lg {
    padding-left: calc(0.7rem * 6);
  }
}

.u-pl-xl {
  padding-left: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-pl-xl {
    padding-left: calc(0.7rem * 10);
  }
}

.u-pl-xxl {
  padding-left: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-pl-xxl {
    padding-left: calc(0.7rem * 14);
  }
}

.u-px-xxs {
  padding-left: calc(0.4rem * 1);
  padding-right: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-px-xxs {
    padding-left: calc(0.7rem * 1);
    padding-right: calc(0.7rem * 1);
  }
}

.u-px-xs {
  padding-left: calc(0.4rem * 1.8);
  padding-right: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-px-xs {
    padding-left: calc(0.7rem * 1.8);
    padding-right: calc(0.7rem * 1.8);
  }
}

.u-px-sm {
  padding-left: calc(0.4rem * 2.5);
  padding-right: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-px-sm {
    padding-left: calc(0.7rem * 2.5);
    padding-right: calc(0.7rem * 2.5);
  }
}

.u-px-md, .c-button-lg {
  padding-left: calc(0.4rem * 4);
  padding-right: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-px-md, .c-button-lg {
    padding-left: calc(0.7rem * 4);
    padding-right: calc(0.7rem * 4);
  }
}

.u-px-lg {
  padding-left: calc(0.4rem * 6);
  padding-right: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-px-lg {
    padding-left: calc(0.7rem * 6);
    padding-right: calc(0.7rem * 6);
  }
}

.u-px-xl {
  padding-left: calc(0.4rem * 8);
  padding-right: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-px-xl {
    padding-left: calc(0.7rem * 10);
    padding-right: calc(0.7rem * 10);
  }
}

.u-px-xxl {
  padding-left: calc(0.4rem * 11);
  padding-right: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-px-xxl {
    padding-left: calc(0.7rem * 14);
    padding-right: calc(0.7rem * 14);
  }
}

.u-py-xxs {
  padding-top: calc(0.4rem * 1);
  padding-bottom: calc(0.4rem * 1);
}
@media screen and (min-width: 900px) {
  .u-py-xxs {
    padding-top: calc(0.7rem * 1);
    padding-bottom: calc(0.7rem * 1);
  }
}

.u-py-xs, .c-button-lg {
  padding-top: calc(0.4rem * 1.8);
  padding-bottom: calc(0.4rem * 1.8);
}
@media screen and (min-width: 900px) {
  .u-py-xs, .c-button-lg {
    padding-top: calc(0.7rem * 1.8);
    padding-bottom: calc(0.7rem * 1.8);
  }
}

.u-py-sm {
  padding-top: calc(0.4rem * 2.5);
  padding-bottom: calc(0.4rem * 2.5);
}
@media screen and (min-width: 900px) {
  .u-py-sm {
    padding-top: calc(0.7rem * 2.5);
    padding-bottom: calc(0.7rem * 2.5);
  }
}

.u-py-md, #menu-globalnavi a, .l-footer__cr {
  padding-top: calc(0.4rem * 4);
  padding-bottom: calc(0.4rem * 4);
}
@media screen and (min-width: 900px) {
  .u-py-md, #menu-globalnavi a, .l-footer__cr {
    padding-top: calc(0.7rem * 4);
    padding-bottom: calc(0.7rem * 4);
  }
}

.u-py-lg {
  padding-top: calc(0.4rem * 6);
  padding-bottom: calc(0.4rem * 6);
}
@media screen and (min-width: 900px) {
  .u-py-lg {
    padding-top: calc(0.7rem * 6);
    padding-bottom: calc(0.7rem * 6);
  }
}

.u-py-xl {
  padding-top: calc(0.4rem * 8);
  padding-bottom: calc(0.4rem * 8);
}
@media screen and (min-width: 900px) {
  .u-py-xl {
    padding-top: calc(0.7rem * 10);
    padding-bottom: calc(0.7rem * 10);
  }
}

.u-py-xxl {
  padding-top: calc(0.4rem * 11);
  padding-bottom: calc(0.4rem * 11);
}
@media screen and (min-width: 900px) {
  .u-py-xxl {
    padding-top: calc(0.7rem * 14);
    padding-bottom: calc(0.7rem * 14);
  }
}

.u-fs-xl, .c-heading-xl, .c-page-heading h1 {
  line-height: 1.7;
  letter-spacing: 0em;
  font-size: clamp(calc(21 * 1px), calc(100 / 1480 * 32 * 1vw), calc(32 * 1px));
}

.u-fs-lg, #menu-globalnavi a.acdbtn::after, #menu-globalnavi a.acdbtn.open:after, .l-footer-pagetop .inner i, .c-button-lg, .c-btn-a::before, .c-btn-a::after, .menu-item-manual::before, .menu-item-manual::after, .menu-item-info::before, .menu-item-info::after, .menu-item-diy::before, .menu-item-diy::after, .c-heading-lg {
  line-height: 1.7;
  letter-spacing: 0em;
  font-size: clamp(calc(19 * 1px), calc(100 / 1480 * 28 * 1vw), calc(28 * 1px));
}

.u-fs-md, .c-button-lg:after, .p-top-demo-bnr .hdg, .c-heading-md, .c-heading-sm, .c-heading-D, ol > li:before, .c-cms-link:before {
  line-height: 1.7;
  letter-spacing: 0em;
  font-size: clamp(calc(17 * 1px), calc(100 / 1480 * 20 * 1vw), calc(20 * 1px));
}

.u-fs-n, body, .btn-1 {
  line-height: 2;
  letter-spacing: 0em;
  font-size: clamp(calc(15 * 1px), calc(100 / 1480 * 16 * 1vw), calc(16 * 1px));
}

.u-fs-n-b, .l-pc-globalnavi .demo-bnr .hdg, .p-list-C__item-text {
  line-height: 1.7;
  letter-spacing: 0em;
  font-size: clamp(calc(15 * 1px), calc(100 / 1480 * 16 * 1vw), calc(16 * 1px));
}

.u-fs-re, .p-top-demo-bnr .text, .p-image-cap {
  line-height: 1.8;
  letter-spacing: 0em;
  font-size: clamp(calc(13 * 1px), calc(100 / 1480 * 14 * 1vw), calc(14 * 1px));
}

.u-fs-sm, .l-footer__cr, .l-pc-globalnavi .demo-bnr .text, .l-f-link__item, .p-frame:before, .p-frame-face:before, .odm-form .wpcf7-not-valid-tip, .odm-form .screen-reader-response p {
  line-height: 1.7;
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc(100 / 1480 * 13 * 1vw), calc(13 * 1px));
}

.u-fs-xs, .p-new-icon, .p-list-B__item-category {
  line-height: 1.6;
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc(100 / 1480 * 11 * 1vw), calc(11 * 1px));
}

.u-ff-A, .c-heading-b {
  font-weight: 600;
}

.u-ff-D, .p-top-main-image .p-top-main-image__heading, .c-heading-lg, .c-heading-md, .c-heading-xs, .c-heading-D {
  font-weight: 600;
}

.u-ff-E {
  font-weight: 600;
}

.u-fw-b, .p-list-D .hdg {
  font-weight: 600 !important;
}

.u-fw-br {
  font-weight: bolder !important;
}

.u-fw-lr {
  font-weight: lighter !important;
}

.u-fw100 {
  font-weight: 100 !important;
}

.u-fw200 {
  font-weight: 200 !important;
}

.u-fw300 {
  font-weight: 300 !important;
}

.u-fw400 {
  font-weight: 400 !important;
}

.u-fw500 {
  font-weight: 500 !important;
}

.u-fw600 {
  font-weight: 600 !important;
}

.u-fw700 {
  font-weight: 700 !important;
}

.u-fw800 {
  font-weight: 800 !important;
}

.u-fw900 {
  font-weight: 900 !important;
}

.u-fsmt {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-ta-j {
  text-align: justify !important;
}

.u-c-white {
  color: #FFF !important;
}

.u-c-blue {
  color: #2b3e5c !important;
}

.u-bc-white {
  background-color: #FFF !important;
}

.u-cf:before,
.u-cf:after {
  content: " ";
  display: table;
}

.u-cf:after {
  clear: both;
}

.u-cf {
  *zoom: 1;
}

.u-c-width {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(0.7rem * 4);
  padding-right: calc(0.7rem * 4);
}
@media screen and (min-width: 900px) {
  .u-c-width {
    margin-top: 0;
    max-width: calc(700px + 2 * calc(0.7rem * 6));
    padding-left: calc(0.7rem * 6);
    padding-right: calc(0.7rem * 6);
  }
}