@charset "UTF-8";
/* ----- font ----- */
/* ----- common ----- */
/* main */
.main {
  line-height: 1.8 !important;
  color: #555;
  /** hero **/
  /** MV下リード文 **/
  /** 関連特集 **/
  /** Look **/ }
  @media screen and (max-width: 768px) {
    .main {
      width: 100%; } }
  .main .good_sweater {
    /* inView */
    /* slick Arrows */
    /** hero **/
    /** contents **/
    /* slick */
    /* credit */ }
    @media screen and (max-width: 768px) {
      .main .good_sweater .isPc {
        display: none !important; } }
    @media screen and (min-width: 769px) {
      .main .good_sweater .isSp {
        display: none !important; } }
    .main .good_sweater ul {
      padding: 0;
      list-style: none; }
    .main .good_sweater img {
      max-width: 100%; }
    .main .good_sweater figure {
      margin: 0; }
    .main .good_sweater a {
      color: #555; }
    .main .good_sweater .inView {
      opacity: 0;
      transform: translateY(50px);
      transition-property: transform, opacity;
      transition-timing-function: cubic-bezier(0.5, 0.7, 0.5, 1);
      transition-duration: 1s;
      transition-delay: 0.1s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      @media screen and (max-width: 768px) {
        .main .good_sweater .inView {
          transition-duration: 0.6s;
          transition-delay: 0s; } }
      .main .good_sweater .inView.inViewOn {
        opacity: 1;
        transform: translateY(0); }
    .main .good_sweater button {
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .main .good_sweater button:focus {
        outline: none !important; }
    .main .good_sweater .bottom_wrap {
      text-align: left;
      margin: 0;
      font-size: 14px;
      line-height: 1.8125; }
    .main .good_sweater .slide-arrow {
      position: absolute; }
      @media screen and (min-width: 769px) {
        .main .good_sweater .slide-arrow:hover {
          opacity: .3;
          transition: .3s;
          cursor: pointer; } }
    .main .good_sweater .prev-arrow {
      left: -48px;
      width: 20px;
      height: 20px;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg);
      z-index: 100; }
      @media screen and (max-width: 768px) {
        .main .good_sweater .prev-arrow {
          left: 20px; } }
    .main .good_sweater .next-arrow {
      right: -48px;
      width: 20px;
      height: 20px;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media screen and (max-width: 768px) {
        .main .good_sweater .next-arrow {
          right: 20px; } }
    .main .good_sweater a:hover {
      color: #7c7c7c;
      text-decoration: none; }
    .main .good_sweater .hero {
      max-width: 1800px;
      text-align: center;
      margin: 0 auto;
      font-family: "theory-web-tbeweb-tbe";
      margin-bottom: 100px; }
      @media screen and (max-width: 768px) {
        .main .good_sweater .hero {
          margin-bottom: 60px; } }
      .main .good_sweater .hero_mv img {
        margin: 0 auto; }
      .main .good_sweater .hero_txtArea {
        width: 86%;
        margin: 0 auto;
        margin-top: 80px; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .hero_txtArea {
            margin-top: 44px; } }
      .main .good_sweater .hero_ttl {
        font-size: 58px;
        color: #000;
        margin-bottom: 32px;
        font-family: "theory-web-ulweb-ul"; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .hero_ttl {
            font-size: 29px;
            margin-bottom: 20px; } }
      .main .good_sweater .hero_subTtl {
        font-size: 26px;
        font-family: "theory-web-ulweb-ul";
        margin-bottom: 30px; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .hero_subTtl {
            font-size: 16px;
            margin-bottom: 20px;
            font-weight: bold; } }
      .main .good_sweater .hero_txt {
        max-width: 690px;
        width: 100%;
        margin: auto;
        line-height: 2;
        font-family: "theory-web-ulweb-ul"; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .hero_txt {
            font-size: 13px; } }
    .main .good_sweater .temp-inner {
      max-width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .main .good_sweater .temp-inner {
          width: 86%; } }
    .main .good_sweater .section.section2 {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      .main .good_sweater .section.section2 .temp-inner {
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        padding-top: 80px;
        padding-bottom: 80px; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .section.section2 .temp-inner {
            padding-top: 40px;
            padding-bottom: 40px; } }
    .main .good_sweater .contents {
      font-family: "theory-web-ulweb-ul";
      /** anchor **/
      /** section **/ }
      @media screen and (min-width: 769px) {
        .main .good_sweater .contents .anchor {
          text-align: center; } }
      @media screen and (max-width: 768px) {
        .main .good_sweater .contents .anchor {
          margin-bottom: 40px; } }
      .main .good_sweater .contents .anchor_ttl {
        text-align: center; }
        .main .good_sweater .contents .anchor_ttl p {
          display: inline-block;
          font-size: 26px;
          font-weight: bold;
          margin-bottom: 50px;
          border-bottom: 2px solid #000; }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .anchor_ttl p {
              font-size: 16px; } }
      @media screen and (min-width: 769px) {
        .main .good_sweater .contents .anchor_list {
          display: flex;
          align-items: center;
          text-align: center;
          max-width: 900px;
          margin-right: auto;
          margin-left: auto; } }
      @media screen and (min-width: 769px) {
        .main .good_sweater .contents .anchor_list li {
          padding: 60px 0;
          width: 33.3333333333%;
          border-right: 1px solid #b2b2b2; }
          .main .good_sweater .contents .anchor_list li:first-child {
            border-left: 1px solid #b2b2b2; } }
      @media screen and (max-width: 768px) {
        .main .good_sweater .contents .anchor_list li {
          padding: 40px 0;
          border-bottom: 1px solid #000; }
          .main .good_sweater .contents .anchor_list li:first-child {
            border-top: 1px solid #000; } }
      .main .good_sweater .contents .anchor_list a {
        text-decoration: none !important; }
        .main .good_sweater .contents .anchor_list a:hover {
          text-decoration: none;
          opacity: .3;
          transition: .3s; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .contents .anchor_list a {
            display: flex;
            align-items: center;
            height: 5.5em; } }
      .main .good_sweater .contents .anchor_list_name {
        font-size: 26px;
        font-weight: bold;
        line-height: 1; }
        @media screen and (min-width: 769px) {
          .main .good_sweater .contents .anchor_list_name {
            margin-bottom: 38px; } }
        @media screen and (max-width: 768px) {
          .main .good_sweater .contents .anchor_list_name {
            font-size: 15px;
            width: 27%;
            margin-right: 4%;
            margin-bottom: 0; } }
        .main .good_sweater .contents .anchor_list_name span {
          display: inline-block;
          margin-bottom: 14px; }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .anchor_list_name span {
              margin-bottom: 8px; } }
      .main .good_sweater .contents .anchor_list_txt {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 32px; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .contents .anchor_list_txt {
            width: 38.9312977099%;
            margin-right: 7.7519379845%;
            margin-bottom: 0;
            font-size: 11px; } }
      .main .good_sweater .contents .anchor_list_more {
        font-size: 13px;
        text-decoration: underline; }
        .main .good_sweater .contents .anchor_list_more:hover {
          text-decoration: none; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .contents .anchor_list_more {
            width: 20.1550387597%;
            font-size: 10px; } }
      .main .good_sweater .contents .section {
        text-align: center; }
        .main .good_sweater .contents .section.no_border {
          border-bottom: none; }
        @media screen and (min-width: 769px) {
          .main .good_sweater .contents .section {
            padding-top: 80px;
            padding-bottom: 80px; } }
        @media screen and (max-width: 768px) {
          .main .good_sweater .contents .section {
            padding-top: 40px;
            padding-bottom: 40px; } }
        .main .good_sweater .contents .section_head {
          margin: 0 auto; }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section_head {
              margin-bottom: 34px;
              text-align: center; } }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .section_head {
              margin-bottom: 40px; } }
        .main .good_sweater .contents .section_ttl {
          font-size: 30px;
          font-weight: bold;
          margin-bottom: 40px;
          line-height: 1.6; }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .section_ttl {
              font-size: 23px;
              margin-bottom: 34px; } }
        .main .good_sweater .contents .section_subTtl {
          font-size: 17px;
          font-weight: bold;
          margin-bottom: 20px; }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .section_subTtl {
              font-size: 14px;
              margin-bottom: 26px; } }
        .main .good_sweater .contents .section_txt {
          text-align: justify;
          font-size: 13px;
          margin-bottom: 0; }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section_txt {
              text-align: center; } }
        .main .good_sweater .contents .section_subTxt {
          text-align: justify;
          font-size: 13px; }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section_subTxt {
              width: 48.3333333333%;
              margin: 0 auto 20px; } }
        .main .good_sweater .contents .section.section2 .section_main {
          margin-bottom: 80px; }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .section.section2 .section_main {
              margin-bottom: 40px; } }
          .main .good_sweater .contents .section.section2 .section_main img {
            margin: 0 auto; }
        .main .good_sweater .contents .section.section4 .occasion {
          margin: 0 auto; }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section4 .occasion {
              width: 77%; } }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section4 .occasion_list {
              display: flex;
              align-items: flex-start;
              flex-wrap: wrap; } }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section4 .occasion_item {
              width: 47.8354978355%; }
              .main .good_sweater .contents .section.section4 .occasion_item:not(:nth-child(even)) {
                margin-right: 4.329004329%; } }
          .main .good_sweater .contents .section.section4 .occasion_item_ttl {
            font-size: 26px;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 26px;
            text-align: left; }
            @media screen and (max-width: 768px) {
              .main .good_sweater .contents .section.section4 .occasion_item_ttl {
                font-size: 18px; } }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section4 .occasion_item.pos_cent {
              margin: 0 auto; } }
          .main .good_sweater .contents .section.section4 .occasion_on, .main .good_sweater .contents .section.section4 .occasion_off {
            margin-bottom: 36px;
            position: relative; }
            .main .good_sweater .contents .section.section4 .occasion_on::after, .main .good_sweater .contents .section.section4 .occasion_off::after {
              content: "";
              position: absolute;
              top: 20px;
              right: 20px;
              font-size: 26px;
              font-weight: bold;
              border-bottom: 2px solid #000;
              line-height: 1.1; }
              @media screen and (max-width: 768px) {
                .main .good_sweater .contents .section.section4 .occasion_on::after, .main .good_sweater .contents .section.section4 .occasion_off::after {
                  top: 10px;
                  right: 10px;
                  font-size: 16px; } }
            .main .good_sweater .contents .section.section4 .occasion_on_img, .main .good_sweater .contents .section.section4 .occasion_off_img {
              margin-bottom: 36px; }
              @media screen and (max-width: 768px) {
                .main .good_sweater .contents .section.section4 .occasion_on_img, .main .good_sweater .contents .section.section4 .occasion_off_img {
                  margin-bottom: 20px; } }
          .main .good_sweater .contents .section.section4 .occasion_on.item1::after {
            content: "WHITE"; }
          .main .good_sweater .contents .section.section4 .occasion_off.item2::after {
            content: "NAVY"; }
          .main .good_sweater .contents .section.section4 .occasion_on.item3::after {
            content: "BEIGE"; }
          .main .good_sweater .contents .section.section4 .occasion_off.item4::after {
            content: "BLUE"; }
          .main .good_sweater .contents .section.section4 .occasion_on.item5::after {
            content: "BLACK"; }
          .main .good_sweater .contents .section.section4 .occasion_txtArea {
            text-align: left; }
          .main .good_sweater .contents .section.section4 .occasion_ttl {
            font-size: 17px;
            font-weight: bold;
            margin-bottom: 20px; }
            @media screen and (max-width: 768px) {
              .main .good_sweater .contents .section.section4 .occasion_ttl {
                font-size: 14px; } }
          .main .good_sweater .contents .section.section4 .occasion_txt {
            font-size: 13px;
            margin-bottom: 20px; }
        @media screen and (min-width: 769px) {
          .main .good_sweater .contents .section.section4 .section_bottom {
            margin-bottom: 80px; } }
        .main .good_sweater .contents .section.section2 .section_bottom, .main .good_sweater .contents .section.section3 .section_bottom {
          text-align: left;
          margin: 0 auto; }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section2 .section_bottom, .main .good_sweater .contents .section.section3 .section_bottom {
              width: 77%; } }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .section.section2 .section_bottom, .main .good_sweater .contents .section.section3 .section_bottom {
              width: 74.4186046512%; } }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section2 .section_bottom_item, .main .good_sweater .contents .section.section3 .section_bottom_item {
              display: flex;
              align-items: flex-end; } }
          .main .good_sweater .contents .section.section2 .section_bottom_item:not(:last-child), .main .good_sweater .contents .section.section3 .section_bottom_item:not(:last-child) {
            margin-bottom: 4px; }
            @media screen and (max-width: 768px) {
              .main .good_sweater .contents .section.section2 .section_bottom_item:not(:last-child), .main .good_sweater .contents .section.section3 .section_bottom_item:not(:last-child) {
                margin-bottom: 26px; } }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section2 .section_bottom .imgArea, .main .good_sweater .contents .section.section3 .section_bottom .imgArea {
              width: 55.1948051948%;
              margin-right: 4.329004329%; } }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .section.section2 .section_bottom .imgArea, .main .good_sweater .contents .section.section3 .section_bottom .imgArea {
              margin-bottom: 18px; } }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section.section2 .section_bottom .txtArea, .main .good_sweater .contents .section.section3 .section_bottom .txtArea {
              width: 40.4761904762%; } }
          .main .good_sweater .contents .section.section2 .section_bottom .txtArea_ttl, .main .good_sweater .contents .section.section3 .section_bottom .txtArea_ttl {
            font-size: 17px;
            font-weight: bold;
            margin-bottom: 1rem !important; }
            @media screen and (max-width: 768px) {
              .main .good_sweater .contents .section.section2 .section_bottom .txtArea_ttl, .main .good_sweater .contents .section.section3 .section_bottom .txtArea_ttl {
                font-size: 14px;
                margin-bottom: 10px; } }
          .main .good_sweater .contents .section.section2 .section_bottom .txtArea_txt, .main .good_sweater .contents .section.section3 .section_bottom .txtArea_txt {
            font-size: 13px;
            margin-bottom: 0;
            text-align: justify; }
            @media screen and (max-width: 768px) {
              .main .good_sweater .contents .section.section2 .section_bottom .txtArea_txt, .main .good_sweater .contents .section.section3 .section_bottom .txtArea_txt {
                font-size: 13px; } }
          .main .good_sweater .contents .section.section2 .section_bottom .movie-area, .main .good_sweater .contents .section.section3 .section_bottom .movie-area {
            width: 77%;
            margin: 100px auto; }
            @media screen and (max-width: 769px) {
              .main .good_sweater .contents .section.section2 .section_bottom .movie-area, .main .good_sweater .contents .section.section3 .section_bottom .movie-area {
                width: 100%;
                margin: 40px auto; } }
            .main .good_sweater .contents .section.section2 .section_bottom .movie-area .txtArea2, .main .good_sweater .contents .section.section3 .section_bottom .movie-area .txtArea2 {
              text-align: center;
              margin-bottom: 30px; }
            .main .good_sweater .contents .section.section2 .section_bottom .movie-area .video, .main .good_sweater .contents .section.section3 .section_bottom .movie-area .video {
              width: 100%;
              height: 500px; }
              @media screen and (max-width: 769px) {
                .main .good_sweater .contents .section.section2 .section_bottom .movie-area .video, .main .good_sweater .contents .section.section3 .section_bottom .movie-area .video {
                  height: 150px; } }
        .main .good_sweater .contents .section_bottom_txt {
          margin-bottom: 0;
          text-align: left;
          font-size: 12px;
          line-height: 2; }
          @media screen and (min-width: 769px) {
            .main .good_sweater .contents .section_bottom_txt {
              max-width: 924px;
              margin: 0 auto; } }
          @media screen and (max-width: 768px) {
            .main .good_sweater .contents .section_bottom_txt {
              margin-top: -6px; } }
      @media screen and (max-width: 768px) {
        .main .good_sweater .contents .section1 {
          padding-bottom: 56px; } }
      @media screen and (max-width: 768px) {
        .main .good_sweater .contents .section2 {
          padding-bottom: 24px; } }
      .main .good_sweater .contents .section4 {
        margin-bottom: 30px;
        padding-bottom: 0px; }
    .main .good_sweater .slider,
    .main .good_sweater .thumbnail {
      margin: 0 auto;
      align-items: center; }
      @media screen and (min-width: 769px) {
        .main .good_sweater .slider,
        .main .good_sweater .thumbnail {
          width: 48.3333333333%; } }
      .main .good_sweater .slider img,
      .main .good_sweater .thumbnail img {
        width: 100%; }
    .main .good_sweater .slider {
      margin-bottom: 52px; }
      @media screen and (max-width: 768px) {
        .main .good_sweater .slider {
          margin-bottom: 38px; } }
      .main .good_sweater .slider img {
        margin-bottom: 30px; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .slider img {
            margin-bottom: 16px; } }
      .main .good_sweater .slider .slide-arrow {
        top: 46%; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .slider .slide-arrow {
            top: 45%; } }
    .main .good_sweater .section_color {
      margin: 0 auto;
      margin-bottom: 30px; }
      @media screen and (min-width: 769px) {
        .main .good_sweater .section_color {
          width: 77%;
          margin-bottom: 48px; } }
      .main .good_sweater .section_color img {
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .main .good_sweater .section_color img {
            margin-bottom: 10px; } }
      .main .good_sweater .section_color .item_credit {
        text-align: left; }
    .main .good_sweater .thumbnail {
      display: flex;
      background: none; }
      @media screen and (min-width: 769px) {
        .main .good_sweater .thumbnail:hover {
          cursor: pointer; } }
      .main .good_sweater .thumbnail .slick-current {
        outline: none; }
        .main .good_sweater .thumbnail .slick-current:focus {
          outline: none !important; }
      .main .good_sweater .thumbnail .slick-list,
      .main .good_sweater .thumbnail .slick-track {
        width: 100% !important; }
      .main .good_sweater .thumbnail .slick-slide {
        width: 17.2413793103% !important; }
        .main .good_sweater .thumbnail .slick-slide:focus {
          outline: none !important; }
        .main .good_sweater .thumbnail .slick-slide:not(:last-child) {
          margin-right: 3.4482758621%; }
        .main .good_sweater .thumbnail .slick-slide.slick-current {
          background-color: black;
          display: inline-block; }
          .main .good_sweater .thumbnail .slick-slide.slick-current img {
            opacity: 0.6;
            display: block; }
    .main .good_sweater span.lt-api-anker {
      color: #555555 !important; }
    .main .good_sweater a.lt-api-anker {
      color: #555555 !important;
      text-decoration: underline !important; }
      .main .good_sweater a.lt-api-anker:hover {
        text-decoration: underline !important; }
    .main .good_sweater .lt-api-price.yen:after {
      content: "円"; }
    .main .good_sweater .leader {
      color: #555555 !important; }
    .main .good_sweater .slider .item_txt,
    .main .good_sweater .item_wrap .item_txt,
    .main .good_sweater .item_credit li {
      line-height: 1.8 !important; }
    .main .good_sweater .credit_area {
      text-align: left;
      margin: 0 auto 16px; }
      .main .good_sweater .credit_area ul.item_credit {
        margin-bottom: 0; }
    .main .good_sweater .pomalo_gif,
    .main .good_sweater .pomalo_vimeo {
      position: relative;
      width: 48.3333333333%;
      margin: 0 auto 30px; }
      @media screen and (max-width: 768px) {
        .main .good_sweater .pomalo_gif,
        .main .good_sweater .pomalo_vimeo {
          width: 100%; } }
      .main .good_sweater .pomalo_gif div.vimeo,
      .main .good_sweater .pomalo_vimeo div.vimeo {
        position: relative;
        padding: 125% 0 0 0;
        width: 100%; }
      .main .good_sweater .pomalo_gif img,
      .main .good_sweater .pomalo_vimeo img {
        width: 100%; }
    @media screen and (min-width: 769px) {
      .main .good_sweater .pomalo_gif {
        margin-bottom: 48px; } }
    .main .good_sweater .pomalo_gif img {
      margin-bottom: 22px; }
    .main .good_sweater .pomalo_gif .txtArea_txt {
      font-size: 13px;
      text-align: justify; }
  .main .hero {
    margin-bottom: 24px; }
    @media screen and (min-width: 769px) {
      .main .hero {
        margin-bottom: 40px; } }
    .main .hero .hero_wrap {
      position: relative; }
      .main .hero .hero_wrap img {
        margin-right: auto;
        margin-left: auto; }
      .main .hero .hero_wrap .heroFixed-Box {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%); }
    .main .hero .-h1 {
      font-family: "theory-web-tbeweb-tbe";
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
      letter-spacing: 0px;
      text-align: center;
      color: #fff; }
  @media screen and (max-width: 768px) {
    .main .main_wrap .isPc {
      display: none !important; } }
  @media screen and (min-width: 769px) {
    .main .main_wrap .isSp {
      display: none !important; } }
  .main .main_wrap .main_inner {
    max-width: 1370px;
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .main .main_wrap .main_inner {
        padding: 0 100px; } }
    .main .main_wrap .main_inner .concept {
      margin-bottom: 52px; }
      .main .main_wrap .main_inner .concept .concept_ttl {
        font-size: 58px;
        font-family: "theory-web-ulweb-ul";
        font-style: normal;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0em;
        text-align: center;
        margin: 80px 15px 50px; }
        @media screen and (max-width: 769px) {
          .main .main_wrap .main_inner .concept .concept_ttl {
            font-size: 29px;
            margin: 50px 15px 35px; } }
      .main .main_wrap .main_inner .concept .concept_txt {
        font-family: "theory-web-ulweb-ul";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 23.4px;
        letter-spacing: 0em;
        text-align: center;
        margin: 0 15px; }
        @media screen and (min-width: 769px) {
          .main .main_wrap .main_inner .concept .concept_txt {
            font-size: 14px;
            line-height: 24.5px; } }
  .main .connection {
    padding-top: 50px;
    padding-bottom: 80px; }
    .main .connection.section {
      border-bottom: none !important; }
      .main .connection.section a {
        color: #555555 !important; }
    .main .connection .connection_ttl {
      font-size: 22px;
      font-weight: 400;
      line-height: 26.4px;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .main .connection .connection_ttl {
          margin-top: 0;
          margin-left: 0;
          margin-right: 0; } }
    .main .connection.contents_end {
      margin-bottom: 70px; }
  .main .connection_flex {
    margin: 16px 0 0 0; }
    @media screen and (min-width: 769px) {
      .main .connection_flex {
        margin-top: 24px;
        display: flex;
        margin-left: 0;
        margin-right: 0; } }
    .main .connection_flex .connectionContents_flex {
      display: flex;
      align-items: flex-start;
      margin-top: 8px;
      text-decoration: none !important; }
      @media screen and (min-width: 769px) {
        .main .connection_flex .connectionContents_flex {
          margin-top: 0;
          margin-right: calc((20 / 1170)*100%); } }
      .main .connection_flex .connectionContents_flex .image_area {
        width: calc((125/345)*100%);
        height: calc((125/345)*100%);
        margin-right: calc((7.5/345)*100%); }
        @media screen and (min-width: 769px) {
          .main .connection_flex .connectionContents_flex .image_area {
            width: calc((180/375)*100%);
            margin-right: calc((10/375)*100%);
            height: auto; } }
      .main .connection_flex .connectionContents_flex .text_area {
        width: calc((205/345)*100%);
        margin-left: calc((7.5/345)*100%);
        text-align: left; }
        @media screen and (min-width: 769px) {
          .main .connection_flex .connectionContents_flex .text_area {
            width: calc((185/375)*100%);
            margin-left: 0; } }
        .main .connection_flex .connectionContents_flex .text_area .title {
          font-size: 16px;
          line-height: 22.4px;
          font-weight: 400; }
        .main .connection_flex .connectionContents_flex .text_area .text {
          margin-top: 4px;
          font-size: 13px;
          line-height: 23.4px;
          font-weight: 400; }
          @media screen and (min-width: 769px) {
            .main .connection_flex .connectionContents_flex .text_area .text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 24.5px; } }
        .main .connection_flex .connectionContents_flex .text_area .link {
          margin-top: 8px;
          font-size: 12px;
          line-height: 19.2px;
          font-weight: 400;
          text-decoration: underline; }
          @media screen and (min-width: 769px) {
            .main .connection_flex .connectionContents_flex .text_area .link {
              margin-top: 20px;
              font-size: 14px;
              line-height: 21px; } }
    .main .connection_flex .connectionContents_flex {
      margin-top: 8px; }
      @media screen and (min-width: 769px) {
        .main .connection_flex .connectionContents_flex {
          margin-top: 0px;
          width: calc((290/1170)*100%); } }
  @media screen and (min-width: 769px) {
    .main .connectionContents_flex:last-child {
      margin-right: 0; } }
  .main .link-button {
    margin: 0 15px;
    border: 1px solid #555555;
    margin-top: 24px;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .main .link-button {
        margin: 0 auto;
        width: 625px;
        margin-top: 24px; } }
    .main .link-button a {
      padding: 12px 0 !important;
      display: block;
      font-size: 12px;
      line-height: 14px;
      font-weight: 400;
      text-decoration: none !important; }
      @media screen and (min-width: 769px) {
        .main .link-button a {
          font-size: 15px;
          line-height: 22.5px; } }
    .main .link-button a:hover {
      text-decoration: underline !important; }
  @media screen and (min-width: 769px) {
    .main .styling_wrap {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; } }
  @media screen and (min-width: 769px) {
    .main .styling_wrap .sprit_box {
      margin: auto;
      width: calc((570/1170)*100%); }
      .main .styling_wrap .sprit_box:nth-child(odd) {
        margin: 0 calc((30/1170)*100%) 0 0; } }
  @media screen and (min-width: 769px) {
    .main .styling_wrap .sprit_box .product_price .product_price_l {
      font-size: 16px;
      line-height: 22px; } }
  .main .styling_wrap .main_product_ttl {
    font-family: Hiragino Kaku Gothic Pro;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 24px 0;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .main_product_ttl {
        font-size: 20px;
        line-height: 32px;
        text-align: left;
        margin-bottom: 24px;
        margin-top: 0; } }
    .main .styling_wrap .main_product_ttl + .main_product_txt {
      margin-top: 0; }
  .main .styling_wrap .styling_imgList {
    overflow: hidden;
    margin-left: 15px;
    margin-bottom: 0;
    padding-bottom: 50px; }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .styling_imgList {
        display: flex;
        margin-left: 0;
        margin-bottom: 52px;
        padding-bottom: 0; } }
  .main .styling_wrap .styling_imgListItem {
    margin-right: 10px; }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .styling_imgListItem {
        width: 50%; } }
  @media screen and (min-width: 769px) {
    .main .styling_wrap .styling_imgListItem:last-child {
      margin-right: 0; } }
  .main .styling_wrap .slick-list {
    padding-right: 4.3%; }
  .main .styling_wrap .slick-dots {
    bottom: 24px;
    margin-left: -9px; }
  .main .styling_wrap .slick-dots li {
    width: 17px;
    margin: 0; }
  .main .styling_wrap .slick-dots li button {
    padding: 4px; }
  .main .styling_wrap .slick-dots li button:before {
    font-size: 8px; }
  .main .styling_wrap .main_product_txt {
    font-family: Hiragino Kaku Gothic Pro;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.4px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 16px; }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .main_product_txt {
        font-size: 14px;
        line-height: 24.5px;
        text-align: left; } }
  .main .styling_wrap .product_name {
    font-family: "theory-web-ulweb-ul";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.5px;
    letter-spacing: 0px;
    text-align: left;
    color: #555555;
    margin-bottom: 4px; }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .product_name {
        font-size: 16px;
        line-height: 22px; } }
  .main .styling_wrap .product_price {
    font-family: "theory-web-ulweb-ul";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 14.4px;
    letter-spacing: 0px;
    text-align: left;
    color: #555555;
    margin-bottom: 0; }
    .main .styling_wrap .product_price .yen {
      font-size: 10px;
      line-height: 12px;
      font-weight: 400; }
    .main .styling_wrap .product_price .price {
      font-size: 12px;
      line-height: 14.4px; }
      @media screen and (min-width: 769px) {
        .main .styling_wrap .product_price .price {
          font-size: 15px;
          line-height: 21px; } }
    .main .styling_wrap .product_price .tax {
      font-size: 12px;
      font-style: normal;
      font-weight: 300;
      line-height: 14.4px;
      letter-spacing: 0px; }
  .main .styling_wrap .product_link_box {
    display: flex;
    flex-direction: row-reverse;
    margin: 24px 6px 32px 0; }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .product_link_box {
        display: block;
        margin-bottom: 0; } }
    .main .styling_wrap .product_link_box .product_link_inn {
      font-family: Hiragino Kaku Gothic Pro;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 19.2px;
      letter-spacing: 0px;
      text-decoration: underline !important; }
      @media screen and (min-width: 769px) {
        .main .styling_wrap .product_link_box .product_link_inn {
          font-size: 14px;
          line-height: 24.5px; } }
  .main .styling_wrap .styling_type {
    padding-bottom: 145px;
    padding-top: 50px;
    margin-top: -50px; }
    @media screen and (max-width: 768px) {
      .main .styling_wrap .styling_type {
        padding-bottom: 50px; } }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .styling_type {
        width: 100%; } }
    @media screen and (max-width: 769px) {
      .main .styling_wrap .styling_type {
        padding-top: 35px; } }
    .main .styling_wrap .styling_type .styling_name {
      font-family: "theory-web-tbeweb-tbe";
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0px;
      margin: 0 auto;
      text-align: right;
      margin-bottom: 16px; }
      @media screen and (min-width: 769px) {
        .main .styling_wrap .styling_type .styling_name {
          margin: 0 0 16px; } }
      @media screen and (max-width: 768px) {
        .main .styling_wrap .styling_type .styling_name {
          text-align: left; } }
    .main .styling_wrap .styling_type .styling_name.left {
      text-align: left; }
    .main .styling_wrap .styling_type .styling_ttl {
      font-family: "theory-web-ulweb-ul";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
      margin: 20px 0 12px;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .main .styling_wrap .styling_type .styling_ttl {
          margin: 0px 0 12px; } }
      .main .styling_wrap .styling_type .styling_ttl + .styling_txt {
        margin-top: 0; }
    .main .styling_wrap .styling_type .styling_txt {
      font-family: "theory-web-ulweb-ul";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 23.4px;
      letter-spacing: 0em;
      text-align: left; }
      @media screen and (min-width: 769px) {
        .main .styling_wrap .styling_type .styling_txt {
          font-size: 14px;
          line-height: 24.5px;
          text-align: left; } }
      @media screen and (max-width: 768px) {
        .main .styling_wrap .styling_type .styling_txt {
          margin-top: 20px; } }
    .main .styling_wrap .styling_type .product_wrap {
      margin: 32px 0 52px 0; }
      @media screen and (min-width: 769px) {
        .main .styling_wrap .styling_type .product_wrap {
          margin: 40px 0 0 0; } }
      .main .styling_wrap .styling_type .product_wrap .product_list {
        display: flex;
        flex-wrap: wrap;
        flex: 1; }
        @media screen and (min-width: 769px) {
          .main .styling_wrap .styling_type .product_wrap .product_list {
            margin-bottom: 0; } }
        .main .styling_wrap .styling_type .product_wrap .product_list .product_listItem {
          width: 100%;
          border-top: 1px solid #e9e9e9; }
          .main .styling_wrap .styling_type .product_wrap .product_list .product_listItem a {
            display: flex;
            align-items: center;
            flex-direction: row; }
            .main .styling_wrap .styling_type .product_wrap .product_list .product_listItem a:hover {
              text-decoration: underline; }
        .main .styling_wrap .styling_type .product_wrap .product_list .product_listItem:last-child {
          border-bottom: 1px solid #e9e9e9; }
        .main .styling_wrap .styling_type .product_wrap .product_list .product_listItem_mb0 {
          margin-bottom: 0; }
        .main .styling_wrap .styling_type .product_wrap .product_list figure {
          width: calc((80/345)*100%); }
          .main .styling_wrap .styling_type .product_wrap .product_list figure .product_listItemImg {
            width: 100%; }
          @media screen and (min-width: 769px) {
            .main .styling_wrap .styling_type .product_wrap .product_list figure {
              width: calc((80/570)*100%); } }
        .main .styling_wrap .styling_type .product_wrap .product_list .product_cnt {
          text-align: left;
          width: calc((221/345)*100%);
          margin: 0 10px 0 10px; }
          @media screen and (min-width: 769px) {
            .main .styling_wrap .styling_type .product_wrap .product_list .product_cnt {
              width: calc((446/570)*100%); } }
        .main .styling_wrap .styling_type .product_wrap .product_list .arrow_box {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 24px;
          height: 24px; }
          .main .styling_wrap .styling_type .product_wrap .product_list .arrow_box .arrow_img {
            width: 4px;
            height: 10px; }
      @media screen and (min-width: 769px) {
        .main .styling_wrap .styling_type .product_wrap .product_list_space {
          padding-bottom: calc((100/570)*100%); } }
    @media screen and (min-width: 769px) {
      .main .styling_wrap .styling_type .product_wrap_s {
        position: absolute;
        bottom: 0; } }
  @media screen and (min-width: 769px) {
    .main .styling_wrap .styling_type .product_box {
      width: calc((100% - 30px)/2); }
    .main .styling_wrap .styling_type .styling_box {
      width: calc((100% - 30px)/2); }
    .main .styling_wrap .styling_type .content_box {
      display: flex;
      display: -ms-flexbox;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .main .styling_wrap .styling_type .content_box.reverse {
      flex-flow: row-reverse; } }
@media screen and (min-width: 769px) and (min-width: 769px) {
  .main .styling_wrap .styling_type .product_wrap_s {
    position: absolute;
    bottom: 0; } }

.color-all .itemsDetails {
  max-width: 1200px;
  min-width: 320px;
  margin: 22px auto 0; }
  @media screen and (min-width: 769px) {
    .color-all .itemsDetails {
      margin: 40px auto 0; } }
  .color-all .itemsDetails .itemsDetails_ttl {
    font-family: 'theory-web-ulweb-ul';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.4px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 15px;
    margin-bottom: 16px; }
  .color-all .itemsDetails .itemsDetails_list {
    overflow: hidden;
    margin-left: 15px; }
    @media screen and (min-width: 769px) {
      .color-all .itemsDetails .itemsDetails_list {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0; } }
    .color-all .itemsDetails .itemsDetails_list .slick-track {
      width: 1025px; }
  .color-all .itemsDetails .itemsDetails_listItem {
    text-align: left;
    position: relative;
    margin-right: 10px; }
    @media screen and (min-width: 769px) {
      .color-all .itemsDetails .itemsDetails_listItem {
        width: 30.6%;
        margin-right: 4%; }
        .color-all .itemsDetails .itemsDetails_listItem:nth-child(3n) {
          margin-right: 0; }
        .color-all .itemsDetails .itemsDetails_listItem:nth-child(-n+3) {
          margin-bottom: 48px; } }
    .color-all .itemsDetails .itemsDetails_listItem figure {
      position: relative; }
      @media screen and (max-width: 861px) {
        .color-all .itemsDetails .itemsDetails_listItem figure {
          margin-bottom: 8vw; } }
  .color-all .itemsDetails .itemsDetails_listItemImg {
    margin-bottom: 14px; }
  .color-all .itemsDetails .itemsDetails_listItemTtl {
    font-family: "theory-web-ulweb-ul";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    line-height: 24px;
    margin-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .color-all .itemsDetails .itemsDetails_listItemTtl {
        font-size: 14px; } }
  .color-all .itemsDetails .itemsDetails_listItemLead {
    font-family: 'theory-web-ulweb-ul';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 10px;
    text-align: left; }
  .color-all .itemsDetails .itemsDetails_listItemTxt {
    font-family: 'theory-web-ulweb-ul';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.4px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 8px; }
    @media screen and (min-width: 769px) {
      .color-all .itemsDetails .itemsDetails_listItemTxt {
        font-size: 14px;
        line-height: 24.5px;
        text-align: left; } }
  .color-all .itemsDetails .product_link_inn {
    display: block;
    font-family: 'theory-web-ulweb-ul';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.4px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: underline !important; }
    @media screen and (min-width: 769px) {
      .color-all .itemsDetails .product_link_inn {
        font-size: 14px;
        line-height: 24.5px;
        text-align: left; } }
  .color-all .itemsDetails a.product_link_inn:hover {
    text-decoration: none !important; }
  .color-all .itemsDetails .slick-dots {
    top: calc(144.5vw - 10%);
    bottom: auto;
    margin-left: -8px; }
    @media screen and (max-width: 425px) {
      .color-all .itemsDetails .slick-dots {
        top: calc(141vw - 10%); } }
  .color-all .itemsDetails .slick-dots li {
    width: 17px;
    height: 7px;
    margin: 0; }
  .color-all .itemsDetails .slick-dots li button {
    width: 0;
    height: 0;
    padding: 0; }
  .color-all .itemsDetails .slick-dots li button:before {
    content: "";
    background-color: #000;
    border-radius: 3px;
    width: 6px;
    height: 6px; }
  .color-all .itemsDetails .slick-dotted.slick-slider {
    margin-bottom: 0; }
  .color-all .itemsDetails .slick-next {
    top: 44%;
    right: 0;
    width: 50px;
    height: 50px;
    margin-right: -40px; }
    .color-all .itemsDetails .slick-next.slick-disabled {
      visibility: hidden; }
  .color-all .itemsDetails .slick-next:before {
    content: url(/men/styling/theory_casual_guide_vol4_2024SS_mt/img/arrow_next.png);
    vertical-align: middle;
    opacity: 1; }
  .color-all .itemsDetails .slick-prev {
    top: 44%;
    left: 0;
    width: 50px;
    height: 50px;
    margin-left: -50px; }
    .color-all .itemsDetails .slick-prev.slick-disabled {
      visibility: hidden; }
  .color-all .itemsDetails .slick-prev:before {
    content: url(/men/styling/theory_casual_guide_vol4_2024SS_mt/img/arrow_prev.png);
    vertical-align: middle;
    opacity: 1; }
  .color-all .itemsDetails .linkButton {
    border: 1px solid #555555;
    margin: 0 15px;
    font-family: 'theory-web-ulweb-ul';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center; }
    .color-all .itemsDetails .linkButton a {
      display: block;
      padding: 12px 0 !important; }
.color-all .slide-arrow {
  position: absolute;
  top: 33%;
  transform: translateY(-50%); }
  .color-all .slide-arrow.slick-disabled {
    display: none !important; }
  @media screen and (min-width: 769px) {
    .color-all .slide-arrow:hover {
      opacity: .3;
      transition: .3s;
      cursor: pointer; } }
.color-all .prev-arrow {
  left: -48px;
  width: 20px;
  height: 20px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  z-index: 100; }
  @media screen and (max-width: 768px) {
    .color-all .prev-arrow {
      left: 20px; } }
.color-all .next-arrow {
  right: -48px;
  width: 20px;
  height: 20px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
  @media screen and (max-width: 768px) {
    .color-all .next-arrow {
      right: 20px; } }

/** tailor **/
.sec-function .tailor {
  max-width: 785px;
  margin: 0 auto; }
  .sec-function .tailor.last {
    margin-bottom: 80px; }
    @media screen and (max-width: 768px) {
      .sec-function .tailor.last {
        margin-bottom: 36px; } }
  .sec-function .tailor .section_row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .sec-function .tailor .section_row {
        flex-direction: column;
        align-items: center; } }
    @media screen and (max-width: 768px) {
      .sec-function .tailor .section_row.sp_reverse {
        flex-direction: column-reverse; } }
    @media screen and (max-width: 768px) {
      .sec-function .tailor .section_row.sp_reverse .imgArea,
      .sec-function .tailor .section_row.sp_reverse .txtArea {
        margin-bottom: 20px; } }
    .sec-function .tailor .section_row .txtArea {
      text-align: left; }
      .sec-function .tailor .section_row .txtArea_ttl {
        font-size: 17px;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 15px;
        font-family: "theory-web-ulweb-ul" !important;
        color: #555; }
        @media screen and (max-width: 768px) {
          .sec-function .tailor .section_row .txtArea_ttl {
            font-size: 14px;
            margin-bottom: 7px; } }
      .sec-function .tailor .section_row .txtArea_lead {
        font-weight: bold;
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 10px;
        font-family: "Helvetica Neue", Helvetica, Arial, "Genath-Regular", "リュウミン R-KL", "Times New Roman", Times, serif !important;
        text-align: justify; }
        @media screen and (max-width: 768px) {
          .sec-function .tailor .section_row .txtArea_lead {
            line-height: 1.6;
            margin-bottom: 14px;
            font-size: 14px; }
            .sec-function .tailor .section_row .txtArea_lead.news {
              text-align: center; } }
        .sec-function .tailor .section_row .txtArea_lead a {
          display: inline-block;
          text-decoration: underline; }
          .sec-function .tailor .section_row .txtArea_lead a:hover {
            text-decoration: none; }
      .sec-function .tailor .section_row .txtArea_txt {
        font-size: 14px;
        text-align: justify;
        line-height: 1.8; }
      .sec-function .tailor .section_row .txtArea_link {
        display: inline-block;
        font-size: 13px;
        line-height: 1;
        border-bottom: 1px solid #000;
        margin-top: 20px;
        text-decoration: none !important;
        color: #000 !important; }
        @media screen and (max-width: 768px) {
          .sec-function .tailor .section_row .txtArea_link {
            margin-top: 14px; } }
        .sec-function .tailor .section_row .txtArea_link:hover {
          border: none; }
      .sec-function .tailor .section_row .txtArea.f_small .txtArea_ttl {
        font-weight: bold;
        font-size: 16px;
        font-family: "theory-web-ulweb-ul";
        line-height: 1.7; }
        @media screen and (max-width: 768px) {
          .sec-function .tailor .section_row .txtArea.f_small .txtArea_ttl {
            line-height: 1.6;
            font-size: 14px; } }
      .sec-function .tailor .section_row .txtArea.f_small .txtArea_lead {
        font-size: 13px;
        text-align: justify;
        font-weight: normal; }
    @media screen and (max-width: 768px) {
      .sec-function .tailor .section_row .imgArea {
        margin-bottom: 15px; } }
    .sec-function .tailor .section_row.row_1 {
      margin-bottom: 30px; }
      @media screen and (min-width: 769px) {
        .sec-function .tailor .section_row.row_1 .imgArea {
          width: 41.1464968153%;
          margin-right: 6.3694267516%; } }
      @media screen and (min-width: 769px) {
        .sec-function .tailor .section_row.row_1 .txtArea {
          width: 52.4840764331%; } }
      @media screen and (max-width: 768px) {
        .sec-function .tailor .section_row.row_1 .txtArea_lead {
          width: 80.6201550388%;
          margin: 0 auto 14px; } }

/* ----- anchor ----- */
.anchor_styling {
  margin-bottom: 145px; }
  @media screen and (max-width: 768px) {
    .anchor_styling {
      margin-bottom: 50px; } }
  @media screen and (min-width: 769px) {
    .anchor_styling {
      margin-bottom: 0;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; } }
  .anchor_styling .-h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Genath-Regular", "リュウミン R-KL", "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 20px;
    color: #555;
    text-transform: uppercase; }
  .anchor_styling .anchor_list {
    overflow: hidden;
    margin-left: 15px; }
    @media screen and (min-width: 769px) {
      .anchor_styling .anchor_list {
        display: flex;
        margin-left: 0;
        width: 100%; } }
    .anchor_styling .anchor_list li {
      padding: 0;
      border-right: none; }
      .anchor_styling .anchor_list li:first-child {
        border-left: none; }
      @media screen and (max-width: 768px) {
        .anchor_styling .anchor_list li {
          border-bottom: none !important;
          padding: 0 !important; }
          .anchor_styling .anchor_list li:first-child {
            border-top: none !important; } }
    .anchor_styling .anchor_list a {
      display: block !important; }
  .anchor_styling .anchor_item {
    margin-right: 10px;
    width: calc((100% - 50px) / 6); }
    @media screen and (max-width: 768px) {
      .anchor_styling .anchor_item {
        margin-right: 10px !important; } }
  @media screen and (min-width: 769px) {
    .anchor_styling .anchor_item:last-child {
      margin-right: 0; } }
  .anchor_styling .anchor_itemImg {
    margin-bottom: 12px; }
    @media screen and (min-width: 769px) {
      .anchor_styling .anchor_itemImg {
        margin-bottom: 12px; } }
  .anchor_styling .anchor_itemTxt {
    font-family: "theory-web-ulweb-ul";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    color: #555; }
    @media screen and (min-width: 769px) {
      .anchor_styling .anchor_itemTxt {
        font-size: 15px;
        line-height: 22.5px; } }
  .anchor_styling .slick-list {
    padding-right: 3.8%; }
  .anchor_styling .u-align-center {
    text-align: center; }

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