/*! Writen  by SCSS */
.nomal {
  font-weight: normal; }

.sec .img_ttl {
  margin-bottom: 30px;
  padding-top: calc(65%/10);
  position: relative; }
  .sec .img_ttl .ttl_img {
    position: relative;
    z-index: 2; }
  .sec .img_ttl .ttl_bg {
    width: calc(277%/10);
    position: absolute;
    top: 0;
    right: 0; }
.sec .sec_item {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto;
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec .sec_item {
      flex-direction: column; } }
  .sec .sec_item .read_copy {
    font-size: clamp(12px, 1.12vw, 15px);
    letter-spacing: 0;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 768px) {
      .sec .sec_item .read_copy {
        letter-spacing: 0.04em;
        line-height: 1.83;
        text-align: justify; } }
    @media screen and (max-width: 480px) {
      .sec .sec_item .read_copy {
        font-size: 14px; } }
  .sec .sec_item .item_ttl {
    position: relative;
    margin-bottom: 10px; }
    @media screen and (max-width: 1000px) {
      .sec .sec_item .item_ttl {
        left: 0 !important; } }

@media screen and (max-width: 480px) {
  .sec01 {
    margin-bottom: clamp(80px, 10%, 120px); } }
@media screen and (max-width: 480px) {
  .sec01 .sec_item {
    grid-gap: 15px; } }
.sec01 .sec_item1 {
  display: flex;
  justify-content: space-between; }
  .sec01 .sec_item1 .txts {
    width: calc(405%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item1 .txts {
        width: 100%; } }
  .sec01 .sec_item1 .imgs {
    width: calc(312%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item1 .imgs {
        width: 100%;
        max-width: 312px;
        margin: 0 auto; } }
  .sec01 .sec_item1 .item_ttl {
    width: calc(437%/4.05);
    left: calc(-119%/4.05); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item1 .item_ttl {
        width: 100%;
        left: 0; } }
.sec01 .sec_item2 {
  display: flex;
  justify-content: space-between; }
  .sec01 .sec_item2 .item_ttl {
    width: calc(612%/7.6);
    left: calc(-119%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item2 .item_ttl {
        width: 100%;
        left: 0; } }
.sec01 .sec_item3 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1000px) {
    .sec01 .sec_item3 {
      align-items: flex-end; } }
  .sec01 .sec_item3 .txts {
    width: calc(423%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item3 .txts {
        width: 100%; } }
  .sec01 .sec_item3 .imgs {
    width: calc(278%/7.6); }
    @media screen and (max-width: 1000px) {
      .sec01 .sec_item3 .imgs {
        width: calc(200%/7.6); } }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item3 .imgs {
        width: 80%;
        margin: 0 auto; } }
  .sec01 .sec_item3 .item_ttl {
    width: calc(501%/4.23);
    left: calc(-119%/4.23); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item3 .item_ttl {
        width: 100%;
        left: 0; } }
    .sec01 .sec_item3 .item_ttl .img103 {
      position: absolute;
      top: -5%;
      right: calc(-83%/5.01);
      width: calc(69%/5.01); }
      @media screen and (max-width: 480px) {
        .sec01 .sec_item3 .item_ttl .img103 {
          display: none; } }
.sec01 .sec_item4 {
  display: flex;
  justify-content: space-between; }
  .sec01 .sec_item4 .txts {
    width: calc(509%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item4 .txts {
        width: calc(340%/4.4); } }
  .sec01 .sec_item4 .imgs {
    width: calc(166%/7.6);
    margin-right: calc(64%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item4 .imgs {
        margin-right: 0;
        width: calc(80%/4.4);
        position: absolute;
        right: 0;
        bottom: 0; } }
    .sec01 .sec_item4 .imgs .cap {
      right: -3em; }
      @media screen and (max-width: 480px) {
        .sec01 .sec_item4 .imgs .cap {
          right: 0;
          bottom: -1em; } }
  .sec01 .sec_item4 .item_ttl {
    width: calc(378%/5.09);
    left: calc(-119%/5.09); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item4 .item_ttl {
        width: 100%;
        left: 0; } }
.sec01 .sec_item5 {
  display: flex;
  justify-content: space-between; }
  .sec01 .sec_item5 .txts {
    width: calc(601%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item5 .txts {
        width: calc(340%/4.4); } }
  .sec01 .sec_item5 .imgs {
    width: calc(142%/7.6);
    position: absolute;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item5 .imgs {
        width: calc(60%/4.4); } }
    .sec01 .sec_item5 .imgs .cap {
      right: -3em; }
      @media screen and (max-width: 480px) {
        .sec01 .sec_item5 .imgs .cap {
          right: 0;
          bottom: -1em; } }
  .sec01 .sec_item5 .item_ttl {
    width: calc(378%/6.01);
    left: calc(-119%/6.01); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item5 .item_ttl {
        width: 100%;
        left: 0; } }
.sec01 .sec_item6 {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 1000px) {
    .sec01 .sec_item6 {
      align-items: flex-end; } }
  .sec01 .sec_item6 .txts {
    width: calc(535%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item6 .txts {
        width: 100%; } }
  .sec01 .sec_item6 .imgs {
    width: calc(177%/7.6);
    margin-right: calc(27%/7.6); }
    @media screen and (max-width: 1000px) {
      .sec01 .sec_item6 .imgs {
        margin: 0;
        width: calc(130%/7.6); } }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item6 .imgs {
        width: 100%;
        max-width: 177px;
        margin: 0 auto; } }
    .sec01 .sec_item6 .imgs .cap {
      right: -3em; }
  .sec01 .sec_item6 .item_ttl {
    width: calc(614%/5.35);
    left: calc(-119%/5.35); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item6 .item_ttl {
        width: 100%;
        left: 0; } }
.sec01 .sec_item7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(80px, 10%, 120px); }
  @media screen and (max-width: 1000px) {
    .sec01 .sec_item7 {
      align-items: flex-end; } }
  .sec01 .sec_item7 .txts {
    width: calc(403%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item7 .txts {
        width: 100%; } }
  .sec01 .sec_item7 .imgs {
    width: calc(312%/7.6); }
    @media screen and (max-width: 1000px) {
      .sec01 .sec_item7 .imgs {
        width: calc(200%/7.6); } }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item7 .imgs {
        width: 100%;
        max-width: 312px;
        margin: 0 auto; } }
  .sec01 .sec_item7 .item_ttl {
    width: calc(521%/4.03);
    left: calc(-119%/4.03); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item7 .item_ttl {
        width: 100%;
        left: 0; } }
.sec01 .sec_item8 {
  display: flex;
  justify-content: space-between; }
  .sec01 .sec_item8 .item_ttl {
    width: calc(648%/7.6);
    left: calc(-119%/7.6); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_item8 .item_ttl {
        width: 100%;
        left: 0; } }
    .sec01 .sec_item8 .item_ttl .img109 {
      position: absolute;
      bottom: 0;
      right: calc(-83%/6.48);
      width: calc(69%/6.48); }
      @media screen and (max-width: 480px) {
        .sec01 .sec_item8 .item_ttl .img109 {
          display: none; } }

.id_links {
  position: absolute;
  opacity: 0;
  top: -154px;
  left: 0; }
  @media screen and (max-width: 1023px) {
    .id_links {
      top: -50px; } }

.sec02 {
  position: relative; }
  .sec02 .item_ttl {
    margin: 0 auto;
    margin-bottom: clamp(25px, 3.34%, 40px); }
  @media screen and (max-width: 480px) {
    .sec02 .item {
      grid-gap: 10px; } }
  @media screen and (max-width: 480px) {
    .sec02 .sec_item {
      margin-bottom: clamp(60px, 8.34%, 100px) !important; } }
  .sec02 .sec_item1 {
    margin-bottom: clamp(25px, 3.34%, 40px); }
    .sec02 .sec_item1 .item_ttl {
      width: calc(442%/7.6); }
      @media screen and (max-width: 480px) {
        .sec02 .sec_item1 .item_ttl {
          width: 100%;
          display: flex;
          grid-gap: 10px;
          flex-direction: column-reverse; } }
      .sec02 .sec_item1 .item_ttl .ico_201 {
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        margin: auto;
        right: calc(-83%/4.42);
        width: calc(141%/4.42); }
        @media screen and (max-width: 480px) {
          .sec02 .sec_item1 .item_ttl .ico_201 {
            position: static; } }
    .sec02 .sec_item1 .item {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec02 .sec_item1 .item {
          flex-direction: column; } }
      .sec02 .sec_item1 .item .txts {
        width: calc(385%/7.6); }
        @media screen and (max-width: 480px) {
          .sec02 .sec_item1 .item .txts {
            width: 100%; } }
      .sec02 .sec_item1 .item .imgs {
        width: calc(312%/7.6); }
        @media screen and (max-width: 480px) {
          .sec02 .sec_item1 .item .imgs {
            width: 80%;
            margin: 0 auto;
            max-width: 312px; } }
  .sec02 .sec_item2 {
    margin-bottom: clamp(25px, 3.34%, 40px); }
    .sec02 .sec_item2 .item_ttl {
      width: calc(442%/7.6); }
      @media screen and (max-width: 480px) {
        .sec02 .sec_item2 .item_ttl {
          width: 100%; } }
  .sec02 .sec_item3 {
    margin-bottom: clamp(25px, 3.34%, 40px); }
    .sec02 .sec_item3 .item_ttl {
      width: calc(442%/7.6); }
      @media screen and (max-width: 480px) {
        .sec02 .sec_item3 .item_ttl {
          left: 0;
          width: 100%; } }
      .sec02 .sec_item3 .item_ttl .ico_201 {
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        margin: auto;
        right: calc(-83%/4.42);
        width: calc(141%/4.42); }
    .sec02 .sec_item3 .item {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec02 .sec_item3 .item {
          flex-direction: column; } }
      .sec02 .sec_item3 .item.item01 {
        margin-bottom: 15px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec_item3 .item.item01 {
            margin-bottom: clamp(60px, 8.34%, 100px) !important; } }
        .sec02 .sec_item3 .item.item01 .txts {
          width: calc(385%/7.6); }
          @media screen and (max-width: 480px) {
            .sec02 .sec_item3 .item.item01 .txts {
              width: 100%; } }
        .sec02 .sec_item3 .item.item01 .imgs {
          width: calc(312%/7.6); }
          @media screen and (max-width: 480px) {
            .sec02 .sec_item3 .item.item01 .imgs {
              width: 80%;
              max-width: 312px;
              margin: 0 auto; } }
          .sec02 .sec_item3 .item.item01 .imgs .cap {
            right: auto;
            left: 0; }
      .sec02 .sec_item3 .item.item02 {
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .sec02 .sec_item3 .item.item02 {
            flex-direction: column; } }
        .sec02 .sec_item3 .item.item02 .item_ttl {
          width: calc(368%/4.04); }
          @media screen and (max-width: 480px) {
            .sec02 .sec_item3 .item.item02 .item_ttl {
              left: 0;
              width: 100%; } }
          .sec02 .sec_item3 .item.item02 .item_ttl .ico_202 {
            position: absolute;
            top: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            margin: auto;
            right: calc(-65%/4.42);
            width: calc(102%/4.42); }
            @media screen and (max-width: 1000px) {
              .sec02 .sec_item3 .item.item02 .item_ttl .ico_202 {
                right: calc(-20%/4.42);
                width: calc(80%/4.42); } }
        .sec02 .sec_item3 .item.item02 .txts {
          width: calc(404%/7.6); }
          @media screen and (max-width: 480px) {
            .sec02 .sec_item3 .item.item02 .txts {
              width: 100%; } }
        .sec02 .sec_item3 .item.item02 .imgs {
          width: calc(308%/7.6); }
          @media screen and (max-width: 480px) {
            .sec02 .sec_item3 .item.item02 .imgs {
              width: 100%;
              margin: 0 auto;
              max-width: 308px; } }
          .sec02 .sec_item3 .item.item02 .imgs .cap {
            right: -100%; }
            @media screen and (max-width: 1000px) {
              .sec02 .sec_item3 .item.item02 .imgs .cap {
                right: 0;
                color: #fff;
                text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8), 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 7px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.8), 0px 0px 9px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.8); } }
  .sec02 .sec_item4 .item_ttl {
    position: relative;
    right: auto;
    margin-left: 0;
    margin-right: auto;
    width: calc(312%/7.6);
    left: calc(-119%/7.6); }
    @media screen and (max-width: 480px) {
      .sec02 .sec_item4 .item_ttl {
        left: 0;
        width: 100%; } }
    .sec02 .sec_item4 .item_ttl .ico_204 {
      position: absolute;
      bottom: -10%;
      right: calc(-142%/3.12);
      width: calc(81%/3.12); }
  .sec02 .sec_item4 .read_copy .color {
    color: #ccdde8; }

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