@charset "UTF-8";
/*--------------------
共通設定
----------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a {
  text-decoration: none;
  color: #171717;
  transition: .4s; }
  a:hover {
    color: #171717; }
  a:visited {
    color: transparent; }
  a.disabled {
    pointer-events: none;
    text-decoration: none; }

ul, ol {
  list-style: none; }

.pc {
  display: block; }
  @media screen and (max-width: 1080px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 1080px) {
    .sp {
      display: block; } }

p {
  margin: 0;
  padding: 0; }

/*--------------------- ここから ----------------------*/
.anelloLine_category-wrapper {
  max-width: 980px;
  margin: 0 auto 5%;
  text-align: left; }
  .anelloLine_category-wrapper .txt {
    margin: 10% auto;
    width: fit-content;
    max-width: 90%; }
    .anelloLine_category-wrapper .txt h1 {
      font-weight: 400;
      font-size: 1.0em;
      line-height: 2.0; }
      @media screen and (max-width: 600px) {
        .anelloLine_category-wrapper .txt h1 {
          font-size: 3.0vw; } }
    .anelloLine_category-wrapper .txt p {
      font-size: 1.0em;
      line-height: 2.0; }
      @media screen and (max-width: 600px) {
        .anelloLine_category-wrapper .txt p {
          font-size: 3.0vw;
          text-align: justify-all; } }
  .anelloLine_category-wrapper .feature {
    margin: 10% auto; }
    .anelloLine_category-wrapper .feature .subttl {
      font-size: 0.8em;
      margin-bottom: 1.0em;
      margin-left: 1%; }
      @media screen and (max-width: 600px) {
        .anelloLine_category-wrapper .feature .subttl {
          font-size: 2.8vw; } }
    .anelloLine_category-wrapper .feature ul {
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .anelloLine_category-wrapper .feature ul li {
        width: calc(100%/2 - 2%);
        margin: 1% 1% 5%; }
        .anelloLine_category-wrapper .feature ul li a {
          display: block; }
          .anelloLine_category-wrapper .feature ul li a h2 {
            width: 95%;
            font-weight: 400;
            font-size: 0.8em;
            margin: 1.5em auto; }
            @media screen and (max-width: 600px) {
              .anelloLine_category-wrapper .feature ul li a h2 {
                font-size: 2.8vw; } }
          .anelloLine_category-wrapper .feature ul li a p {
            width: 95%;
            margin: 0 auto;
            font-size: 0.8em;
            line-height: 1.8; }
            @media screen and (max-width: 600px) {
              .anelloLine_category-wrapper .feature ul li a p {
                font-size: 2.8vw; } }