@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
 sitemap
===========================================*/
.sitemap {
  padding-bottom: clamp(80px, 15vw, 150px); }

.sitemap-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1360px;
  width: 100%;
  margin: 0 auto; }
  .sitemap-list .sitemap-block {
    width: 32%;
    max-width: 372px; }
    .sitemap-list .sitemap-block:nth-of-type(n+4) {
      margin-top: clamp(40px, 6vw, 60px); }
    @media screen and (max-width: 960px) {
      .sitemap-list .sitemap-block {
        width: 48%;
        max-width: none; }
        .sitemap-list .sitemap-block:nth-of-type(n+3) {
          margin-top: clamp(40px, 6vw, 60px); } }
    @media screen and (max-width: 576px) {
      .sitemap-list .sitemap-block {
        width: 100%; }
        .sitemap-list .sitemap-block:nth-of-type(n+2) {
          margin-top: clamp(40px, 6vw, 60px); } }
    .sitemap-list .sitemap-block .block-btn {
      font-size: clamp(1.8rem, 2vw, 2rem);
      letter-spacing: 0.2em; }
      .sitemap-list .sitemap-block .block-btn a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #000;
        position: relative;
        border-radius: 100vmax;
        padding: 1em 1em 1.1em; }
        @media (hover: hover) {
          .sitemap-list .sitemap-block .block-btn a:hover .hover {
            opacity: 1; } }
        .sitemap-list .sitemap-block .block-btn a .txt {
          display: block; }
        .sitemap-list .sitemap-block .block-btn a .arw {
          display: flex;
          justify-content: center;
          align-items: center;
          width: clamp(20px, 2.5vw, 25px);
          margin-left: 1em; }
          .sitemap-list .sitemap-block .block-btn a .arw svg polygon {
            fill: #000; }
        .sitemap-list .sitemap-block .block-btn a .hover {
          position: absolute;
          background: url("../img/common/ilst-01.svg") no-repeat center/contain;
          aspect-ratio: 106/150;
          width: 18%;
          right: 0;
          top: -20%;
          opacity: 0;
          transition: 0.3s ease-in-out;
          animation: yurayura 4s linear infinite; }
          @media screen and (max-width: 1200px) {
            .sitemap-list .sitemap-block .block-btn a .hover {
              width: 21%;
              top: -13%; } }
          @media screen and (max-width: 960px) {
            .sitemap-list .sitemap-block .block-btn a .hover {
              width: 17%; } }
          @media screen and (max-width: 767px) {
            .sitemap-list .sitemap-block .block-btn a .hover {
              display: none; } }
    .sitemap-list .sitemap-block .block-linkListCld {
      padding: 1.5em 1em 0;
      letter-spacing: 0.05em; }
      .sitemap-list .sitemap-block .block-linkListCld li:nth-of-type(n+2) {
        margin-top: 0.6em; }
      .sitemap-list .sitemap-block .block-linkListCld li a {
        position: relative; }
        .sitemap-list .sitemap-block .block-linkListCld li a::before {
          content: "・"; }
        .sitemap-list .sitemap-block .block-linkListCld li a::after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: "";
          width: 0;
          height: 1px;
          background-color: #000;
          transition: 0.3s; }
        @media (hover: hover) {
          .sitemap-list .sitemap-block .block-linkListCld li a:hover::after {
            width: 100%; } }
      .sitemap-list .sitemap-block .block-linkListCld.singleL li a {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
    .sitemap-list .sitemap-block.wide {
      width: 64%;
      max-width: 865px; }
      @media screen and (max-width: 1200px) {
        .sitemap-list .sitemap-block.wide {
          width: 100%;
          max-width: none; } }
  .sitemap-list .formLink-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: clamp(1.4rem, 1.8vw, 1.8rem); }
    .sitemap-list .formLink-list li {
      width: 32%;
      max-width: 245px; }
      @media screen and (max-width: 1200px) {
        .sitemap-list .formLink-list li {
          max-width: none; } }
      @media screen and (max-width: 767px) {
        .sitemap-list .formLink-list li {
          width: 48%; } }
      .sitemap-list .formLink-list li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #000;
        padding: 1.2em 0.3em 1.2em 0; }
        @media (hover: hover) {
          .sitemap-list .formLink-list li a:hover {
            background: #fff; }
            .sitemap-list .formLink-list li a:hover .arw svg {
              transform: rotateX(360deg); } }
      .sitemap-list .formLink-list li .txt {
        display: block; }
      .sitemap-list .formLink-list li .arw {
        display: flex;
        justify-content: center;
        align-items: center;
        width: clamp(20px, 2.5vw, 25px);
        margin-left: 1em; }
        .sitemap-list .formLink-list li .arw svg {
          transition: 0.5s ease-in-out; }
          .sitemap-list .formLink-list li .arw svg polygon {
            fill: #000; }

/*# sourceMappingURL=sitemap.css.map */