@charset "UTF-8";
/*グラデーションsass*/
/*--------------------------------------------------- */
/* リセット */
/*--------------------------------------------------- */
/*--------------------------------------------------- */
/* */
/*--------------------------------------------------- */
footer h2 {
  margin-top: 0; }
@font-face {
  font-family: 'matissem';
  font-display: swap;
  src: url("../../../font/matisse-m.woff") format("woff"), url("../../../font/matisse-m.otf") format("truetype"); }
/*--------------------------------------------------- */
/* リセット */
/*--------------------------------------------------- */
footer ul, footer li {
  margin: 0;
  padding: 0; }
/*--------------------------------------------------- */
/* .banner */
/*--------------------------------------------------- */
.banner {
  margin-top: 200px;
  background-color: #e8e8e8;
  padding-top: 70px;
  padding-bottom: 70px; }
.banner .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
.banner .flex .flex2 {
      width: calc(48% - 10px); }
/*--------------------------------------------------- */
/* */
/*--------------------------------------------------- */
footer {
  position: relative;
  z-index: 1; }
footer .footup {
    color: #fff;
    background-color: #ff6600;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative; }
footer .footup .maxWid {
      position: relative; }
footer .footup .flex {
      justify-content: space-between;
      align-items: center; }
footer .footup a, footer .footup a:visited {
      text-decoration: none; }
footer .footup .ec-footerNavi {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
footer .footup .ec-footerNavi .ec-footerNavi__link {
        position: relative;
        color: #fff; }
footer .footup .ec-footerNavi .ec-footerNavi__link a {
          font-size: 16px;
          font-size: 1.6rem; }
footer .footup .ec-footerNavi .ec-footerNavi__link:visited {
          color: #fff; }
footer .footup .ec-footerNavi .ec-footerNavi__link a, footer .footup .ec-footerNavi .ec-footerNavi__link a:visited {
          text-decoration: none;
          margin: 0; }
footer .footup .flexChild1 {
      width: 100%; }
footer .footup .rightFlex {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: flex-end; }
footer .footup .flexChild2 {
      width: 100%;
      text-align: right;
      margin-top: 32px; }
footer .footdown {
    text-align: center;
    margin: 24px 0;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center; }
@media (min-width: 769px) {
    .banner a:hover {
      opacity: 0.5;
      transition-duration: 0.5s; }
      footer .footup ul:nth-last-of-type(1) {
        margin-top: 8px; }
          footer .footup .ec-footerNavi .ec-footerNavi__link {
            padding-right: 16px; }
          footer .footup .ec-footerNavi .ec-footerNavi__link:hover {
            color: #aaa;
            transition-duration: 0.5s; }
          footer .footup .ec-footerNavi .ec-footerNavi__link.endMenu {
            margin-right: 0;
            padding-right: 0; }
            footer .footup .ec-footerNavi .ec-footerNavi__link.endMenu:after {
              display: none; } }
@media (max-width: 768px) {
  .banner .flex .flex2 {
    width: calc(100%); }
    .banner .flex .flex2:nth-of-type(1) {
      margin-bottom: 16px;
      /* style */ }
  footer .footup {
    padding-top: 32px;
    padding-bottom: 32px; }
    footer .footup .flex {
      justify-content: space-between; }
    footer .footup a, footer .footup a:visited {
      text-decoration: none; }
    footer .footup .bgimg img {
      top: -102px;
      width: calc(100%);
      height: 70px; }
    footer .footup .flex {
      flex-wrap: wrap;
      justify-content: center; }
      footer .footup .flex .flex2 {
        width: 100%; }
    footer .footup ul {
      margin-bottom: 0; }
    footer .footup .ec-footerNavi {
      display: flex;
      flex-wrap: wrap; }
      footer .footup .ec-footerNavi .ec-footerNavi__link {
        position: relative;
        width: 100%; }
        footer .footup .ec-footerNavi .ec-footerNavi__link a {
          font-size: 16px;
          font-size: 1.6rem;
          border-bottom: 1px dotted #fff;
          text-align: left; }
    footer .footup .leftFlex {
      width: 100%; }
      footer .footup .leftFlex h2 {
        width: 100%;
        margin-bottom: 0; }
    footer .footup .rightFlex {
      margin-top: 12px; }
    footer .footup .flexChild2 {
      text-align: center; }
  footer .footdown {
    font-size: 12px;
    font-size: 1.2rem; } }
@media (max-width: 480px) {
  .banner {
    padding-top: 32px;
    padding-bottom: 32px; }
    .banner .flex .flex2 {
      width: calc(100%); }
      .banner .flex .flex2:nth-of-type(1) {
        margin-bottom: 12px;
        /* style */ }
  footer .footup .leftFlex img {
    max-width: 120px; }
  footer .footup .bgimg img {
    top: -82px;
    width: calc(100%);
    height: 50px; } }