@charset "UTF-8";
html {
  font-size: var(--basefont); }

:root {
  --c-blue: #538ad4; }

@media screen and (max-width: 375px) {
  .l-all {
    display: contents; } }

.l-contents {
  background: url(../images/title_bg.svg) no-repeat center 37.5906cqi var(--c-white);
  background-size: 86.645cqi auto;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  margin: 0px auto;
  max-width: var(--width);
  padding-bottom: 1px; }
  @media screen and (max-width: 767px) {
    .l-contents {
      padding-top: var(--headerHeight);
      overflow: hidden; } }
  .l-contents h1 {
    margin-bottom: 14.7963cqi;
    margin-top: 15.996cqi;
    text-align: center; }
    .l-contents h1 img {
      width: 57.319cqi; }

/*--

  lead

====================================================== --*/
.raingoods__lead02, .raingoods__lead01 {
  position: relative;
  z-index: 1; }
  .raingoods__lead02::after, .raingoods__lead01::after {
    content: "";
    position: absolute;
    z-index: -1; }
  .raingoods__lead02 figure, .raingoods__lead01 figure {
    margin-bottom: 4.6655cqi;
    max-width: 79.98cqi; }
    .raingoods__lead02 figure img, .raingoods__lead01 figure img {
      width: 100%; }
  .raingoods__lead02 p, .raingoods__lead01 p {
    color: var(--c-darkgray);
    font-weight: 700;
    line-height: 2.071em;
    text-align: left;
    font-size: 3.7324cqi; }

.raingoods__lead01 {
  margin-bottom: 24.2606cqi; }
  .raingoods__lead01::after {
    background: url(../images/lead_01_bg.svg) no-repeat left top;
    background-size: contain;
    left: 7.998cqi;
    top: 14.9296cqi;
    width: 133.3cqi;
    aspect-ratio: 100 / 76; }
  .raingoods__lead01 figure {
    margin-left: -3.1992cqi; }
  .raingoods__lead01 p {
    margin-left: 33.325cqi; }

.raingoods__lead02 {
  margin-bottom: 46.655cqi; }
  .raingoods__lead02::after {
    background: url(../images/lead_02_bg.svg) no-repeat left top;
    background-size: contain;
    left: -41.323cqi;
    top: 1.4663cqi;
    width: 135.6994cqi;
    aspect-ratio: 1018 / 861; }
  .raingoods__lead02 figure {
    margin-left: auto;
    margin-right: -3.1992cqi; }
  .raingoods__lead02 p {
    margin-left: 13.33cqi; }

/*--

  product

====================================================== --*/
.raingoods .products {
  margin-bottom: 26.66cqi; }
  .raingoods .products__title {
    border-bottom: 0.4rem solid currentColor;
    color: var(--c-blue);
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    letter-spacing: 0.00em;
    margin: 0px auto 15.996cqi;
    max-width: 79.98cqi;
    padding-bottom: 3.1992cqi;
    white-space: nowrap;
    font-size: 8.7978cqi; }
    .raingoods .products__title::before {
      border-bottom: 0.4rem solid currentColor;
      content: "";
      display: block flow;
      height: 9.7309cqi;
      margin-bottom: 2.666cqi; }
    .raingoods .products__title--raincoat {
      background: url(../images/title_raincoat.svg) no-repeat center top;
      background-size: 18.9286cqi auto; }
    .raingoods .products__title--rainsuit {
      background: url(../images/title_rainsuit.svg) no-repeat center top;
      background-size: 17.8622cqi auto; }
    .raingoods .products__title--rainboots {
      background: url(../images/title_rainboots.svg) no-repeat center top;
      background-size: 20.1283cqi auto; }
    .raingoods .products__title--unbrella {
      background: url(../images/title_unbrella.svg) no-repeat center top;
      background-size: 18.9286cqi auto; }
  .raingoods .products__title02 {
    background: var(--c-blue);
    border-radius: 10.3974cqi;
    color: var(--c-white);
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    height: 10.3974cqi;
    letter-spacing: 0.08em;
    margin: 0px auto 6.665cqi;
    padding: 0px 1px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 5.5986cqi;
    display: block flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .raingoods .products__title02::before, .raingoods .products__title02::after {
      border: 2px solid currentColor;
      border-radius: 100%;
      box-sizing: border-box;
      content: "";
      margin: 0px 2rem;
      width: 1.5rem;
      aspect-ratio: 1 / 1; }
    .raingoods .products__title02 em {
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      font-size: 7.998cqi; }
  .raingoods .products__title03 {
    color: var(--c-blue);
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    margin: 0px auto 3.0659cqi;
    font-size: 4.2656cqi; }
    .raingoods .products__title03 i {
      display: block flow;
      margin: 0px auto 1.9995cqi; }
      .raingoods .products__title03 i img {
        width: 100%; }
    .raingoods .products__title03--raincoat i {
      width: 11.997cqi; }
    .raingoods .products__title03--rainsuit i {
      width: 9.331cqi; }
    .raingoods .products__title03--rainboots i {
      width: 11.997cqi; }
    .raingoods .products__title03--unbrella i {
      width: 11.4638cqi; }
    .raingoods .products__title03--unbrella02 i {
      width: 7.998cqi; }
  .raingoods .products__item {
    margin-bottom: 29.326cqi;
    position: relative;
    z-index: 1; }
    .raingoods .products__item::before {
      content: "";
      position: absolute;
      z-index: -1; }
    .raingoods .products__item--raincoat figure {
      max-width: 90.644cqi; }
    .raingoods .products__item--raincoat::before {
      background: url(../images/bg_raincoat.svg) no-repeat center top;
      background-size: contain;
      left: -24.5272cqi;
      top: -8.6645cqi;
      width: 149.0294cqi;
      aspect-ratio: 1118 / 939; }
    .raingoods .products__item--rainsuit figure {
      max-width: 90.644cqi; }
    .raingoods .products__item--rainsuit::before {
      background: url(../images/bg_rainsuit.svg) no-repeat center top;
      background-size: contain;
      left: -24.5272cqi;
      top: -7.3315cqi;
      width: 149.0294cqi;
      aspect-ratio: 1118 / 900; }
    .raingoods .products__item--rainboots {
      position: relative; }
      .raingoods .products__item--rainboots figure {
        max-width: 90.2441cqi; }
      .raingoods .products__item--rainboots::before {
        background: url(../images/bg_rainsuit.svg) no-repeat center top;
        background-size: contain;
        left: -24.5272cqi;
        top: -8.6645cqi;
        width: 149.0294cqi;
        aspect-ratio: 1118 / 794; }
      .raingoods .products__item--rainboots p {
        color: var(--c-blue);
        font-size: 3.1992cqi;
        left: 50%;
        line-height: 1.666em;
        margin-left: 8.6645cqi;
        position: absolute;
        text-align: left;
        top: 35.991cqi;
        width: 29.5926cqi; }
    .raingoods .products__item--unbrella {
      margin-top: -5.332cqi; }
      .raingoods .products__item--unbrella figure {
        max-width: 90.644cqi; }
      .raingoods .products__item--unbrella::before {
        background: url(../images/bg_unbrella.svg) no-repeat center top;
        background-size: contain;
        left: -24.5272cqi;
        top: -1.9995cqi;
        width: 149.0294cqi;
        aspect-ratio: 1118 / 880; }
    .raingoods .products__item--unbrella02 {
      margin-top: 0rem; }
      .raingoods .products__item--unbrella02 figure {
        max-width: 66.65cqi; }
      .raingoods .products__item--unbrella02::before {
        background: url(../images/bg_unbrella02.svg) no-repeat center top;
        background-size: contain;
        left: -24.5272cqi;
        top: -7.998cqi;
        width: 149.0294cqi;
        aspect-ratio: 1118 / 778; }
    .raingoods .products__item figure {
      margin: 0px auto 3.5991cqi; }
      .raingoods .products__item figure img {
        width: 100%; }
    .raingoods .products__item ul {
      gap: 2.666cqi;
      margin: 0px 3.3325cqi;
      display: block flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .raingoods .products__item ul li {
        -ms-flex-preferred-size: 45.322cqi;
            flex-basis: 45.322cqi;
        font-weight: 700;
        letter-spacing: 0.03em;
        line-height: 1.583em;
        font-size: 3.1992cqi; }
  .raingoods .products__point {
    position: relative; }
    .raingoods .products__point--raincoat {
      margin-bottom: 15.3295cqi; }
      .raingoods .products__point--raincoat li {
        left: 55.1862cqi;
        position: absolute;
        width: 37.324cqi; }
        .raingoods .products__point--raincoat li:nth-of-type(1) {
          top: 30.659cqi; }
        .raingoods .products__point--raincoat li:nth-of-type(2) {
          top: 55.7194cqi; }
        .raingoods .products__point--raincoat li:nth-of-type(3) {
          top: 100.2416cqi; }
      .raingoods .products__point--raincoat figure {
        margin-left: -9.0644cqi;
        width: 101.5746cqi; }
    .raingoods .products__point--rainsuit {
      margin-bottom: 16.6625cqi; }
      .raingoods .products__point--rainsuit li {
        position: absolute;
        width: 28.1263cqi; }
        .raingoods .products__point--rainsuit li:nth-of-type(1) {
          left: 3.42581cqi;
          top: 29.5926cqi; }
        .raingoods .products__point--rainsuit li:nth-of-type(2) {
          left: 69.4493cqi;
          top: 34.5247cqi; }
        .raingoods .products__point--rainsuit li:nth-of-type(3) {
          left: 3.42581cqi;
          top: 61.318cqi; }
        .raingoods .products__point--rainsuit li:nth-of-type(4) {
          left: 71.4488cqi;
          top: 87.978cqi; }
        .raingoods .products__point--rainsuit li:nth-of-type(5) {
          left: 3.42581cqi;
          top: 91.977cqi; }
      .raingoods .products__point--rainsuit figure {
        margin-left: 3.4658cqi;
        width: 93.0434cqi; }
    .raingoods .products__point figure img {
      width: 100%; }
    .raingoods .products__point li {
      font-size: 3.1992cqi;
      letter-spacing: 0.03em;
      line-height: 1.5em;
      white-space: nowrap; }
  .raingoods .products__point02 {
    background: #e5f6ff;
    border-radius: 1.5996cqi;
    margin: 0px 3.3325cqi 13.33cqi; }
    .raingoods .products__point02 h3 {
      background: url(../images/point02_bg.svg) no-repeat center;
      box-sizing: border-box;
      color: var(--c-white);
      font-family: "Zen Maru Gothic", sans-serif;
      font-size: 4.7988cqi;
      font-weight: 500;
      height: 12.9301cqi;
      margin: 0rem auto 0px;
      padding-top: 0.9331cqi;
      position: relative;
      top: -4.5322cqi;
      width: 45.322cqi;
      display: block flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: start;
          align-items: flex-start; }
    .raingoods .products__point02 ul {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 5.332cqi;
      padding: 0px 5.332cqi 9.331cqi;
      display: block flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: start;
          align-items: flex-start; }
      .raingoods .products__point02 ul li {
        -ms-flex-preferred-size: calc(50% - 2.666cqi);
            flex-basis: calc(50% - 2.666cqi); }
        .raingoods .products__point02 ul li img {
          border: 4px solid var(--c-white);
          border-radius: 100%;
          box-sizing: border-box;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .raingoods .products__point02 ul li img {
              border-width: 2px; } }
        .raingoods .products__point02 ul li p {
          font-size: 3.1992cqi;
          line-height: 1.666em;
          margin-top: 1.333cqi;
          text-align: left; }
  .raingoods .products__lineup {
    margin-bottom: 13.33cqi; }
    .raingoods .products__lineup > p {
      color: var(--c-blue);
      font-size: 2.666cqi;
      letter-spacing: 0.003em;
      line-height: 1.8em;
      margin-bottom: 5.332cqi; }
  .raingoods .products nav {
    height: 26.3934cqi;
    margin: 0px auto;
    width: 77.314cqi; }
    .raingoods .products nav a {
      background: url(../images/btn_bg.svg) no-repeat center;
      background-size: contain;
      box-sizing: border-box;
      color: var(--c-blue);
      font-size: 3.999cqi;
      -ms-flex-direction: column;
          flex-direction: column;
      font-family: "Zen Maru Gothic", sans-serif;
      font-weight: 700;
      height: 100%;
      letter-spacing: 0.05em;
      line-height: 1.6em;
      padding-top: 2.3994cqi;
      text-decoration: none;
      width: 100%;
      display: block flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      transition: all 250ms ease; }
      .raingoods .products nav a:hover {
        opacity: 0.5; }
  .raingoods .products .slider {
    position: relative; }
    .raingoods .products .slider__list--center {
      gap: 24px;
      display: block flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 767px) {
        .raingoods .products .slider__list--center {
          gap: 12px; } }
    .raingoods .products .slider__list li {
      -ms-flex-preferred-size: 115px;
          flex-basis: 115px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .raingoods .products .slider__list li img {
        border: 1px solid var(--c-blue);
        border-radius: 1.2rem;
        box-sizing: border-box;
        width: 100%; }
      .raingoods .products .slider__list li p {
        font-size: 1.9rem;
        line-height: 1.578em;
        margin-top: 1.5rem;
        text-align: left; }
    .raingoods .products .slider__next, .raingoods .products .slider__prev {
      background: rgb(83 138 212 / 0.8);
      border: none;
      border-radius: 100%;
      box-sizing: border-box;
      cursor: pointer;
      padding-left: 0.5rem;
      position: absolute;
      top: 37px;
      width: 40px;
      z-index: 10;
      aspect-ratio: 1 / 1;
      display: block flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none; }
      .raingoods .products .slider__next::before, .raingoods .products .slider__prev::before {
        background: var(--c-white);
        content: "";
        height: 2.8667rem;
        width: 1.5333rem;
        clip-path: polygon(6.52% 100%, 1.89% 92.52%, 84.28% 50.47%, 1.89% 9.42%, 11.15% 1.01%, 98.11% 47.51%, 98.11% 52.46%, 11.15% 98.95%); }
    .raingoods .products .slider__next {
      right: 4.4rem; }
    .raingoods .products .slider__prev {
      left: 4.4rem;
      scale: -1 1; }