@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
@media only screen and (max-width: 767px) {
  .common--btn:not(.blank) {
    margin: 15.64537vw auto 0; } }

@media only screen and (min-width: 768px) {
  .common--btn:not(.blank) {
    margin: 3.75vw auto 0; } }

.pub--list-wrap {
  background-image: url("../img/application/diagonal_sp.png");
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  width: 100%;
  height: 154.10691vw;
  position: relative; }
  .pub--list-wrap.dlc {
    background-color: #f07800; }
  .pub--list-wrap.aktk {
    background-color: #fabe00; }
  .pub--list-wrap:nth-child(odd) .pub--list-chara {
    left: -2.9987vw; }
  .pub--list-wrap:nth-child(even) .pub--list-chara {
    left: 6.77966vw; }
  @media only screen and (min-width: 768px) {
    .pub--list-wrap {
      background-image: none;
      height: 500px; }
      .pub--list-wrap:before {
        content: "";
        display: block;
        background-image: url("../img/application/diagonal.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 749px;
        height: 500px;
        position: absolute;
        top: 0; }
      .pub--list-wrap:nth-child(odd) {
        z-index: 2; }
        .pub--list-wrap:nth-child(odd):before {
          left: 50%;
          -webkit-transform: translateX(calc(-50% + 328px));
                  transform: translateX(calc(-50% + 328px)); }
        .pub--list-wrap:nth-child(odd) .pub--list-chara {
          -webkit-transform: translateX(calc(-50% + 328px));
                  transform: translateX(calc(-50% + 328px));
          left: 50%; }
        .pub--list-wrap:nth-child(odd) .pub--list-textarea {
          left: 3.125vw; }
      .pub--list-wrap:nth-child(even):before {
        left: 50%;
        -webkit-transform: translateX(-110%);
                transform: translateX(-110%); }
      .pub--list-wrap:nth-child(even) .pub--list-chara {
        top: -50px;
        left: 50%;
        -webkit-transform: translateX(-94.2%);
                transform: translateX(-94.2%); }
        .pub--list-wrap:nth-child(even) .pub--list-chara img {
          height: 550px; }
      .pub--list-wrap:nth-child(even) .pub--list-textarea {
        right: 3.125vw; } }

.pub--list-chara {
  position: absolute;
  bottom: 0; }
  .pub--list-chara img {
    width: auto;
    max-width: inherit;
    height: 71.70795vw; }
  @media only screen and (min-width: 768px) {
    .pub--list-chara {
      top: 0; }
      .pub--list-chara img {
        width: auto;
        height: 500px; } }

.pub--list-textarea {
  padding: 14.34159vw 2.60756vw 0; }
  @media only screen and (min-width: 768px) {
    .pub--list-textarea {
      padding: 0;
      position: absolute;
      width: 38.75vw;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }

.pub--list-title {
  color: #fff;
  font-size: 6.5189vw;
  font-weight: 900; }
  @media only screen and (min-width: 768px) {
    .pub--list-title {
      font-size: 26px; } }

.pub--list-text {
  font-size: 3.38983vw;
  line-height: 1.85;
  margin: 5.86701vw 0 7.1708vw; }
  @media only screen and (min-width: 768px) {
    .pub--list-text {
      font-size: 16px;
      margin: 2.8125vw 0 3.4375vw; } }
  @media only screen and (min-width: 1601px) {
    .pub--list-text {
      margin: 45px 0 55px; } }

@media only screen and (min-width: 768px) {
  .pub--list .common--btn.blank {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; } }

.pub--list .common--btn.blank a {
  background-color: transparent; }
  @media only screen and (min-width: 768px) {
    .pub--list .common--btn.blank a:hover {
      border: 3px solid #fff; } }

/*# sourceMappingURL=../maps/application.css.map */