main {
  margin-bottom: 56px; }
  main .volunteer-section {
    margin-bottom: 56px; }
    main .volunteer-section .inner {
      width: min(920px, 92%);
      margin: 0 auto; }
    main .volunteer-section p {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.8; }
      @media screen and (max-width: 767px) {
        main .volunteer-section p {
          font-size: 4.2666666667vw; } }
    main .volunteer-section .about-single {
      margin-top: 24px; }
    main .volunteer-section.about .link-btn {
      width: min(600px, 100%); }
      main .volunteer-section.about .link-btn a {
        display: block;
        line-height: 80px;
        border-radius: 40px;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        background: #0068B7;
        position: relative;
        margin-top: 24px; }
        main .volunteer-section.about .link-btn a::after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 6px;
          height: 6px;
          border-top: 2px solid #0068B7;
          border-right: 2px solid #0068B7;
          transform: rotate(45deg);
          border-color: #fff;
          right: 30px; }
          @media screen and (max-width: 767px) {
            main .volunteer-section.about .link-btn a::after {
              width: 2.6666666667vw;
              height: 2.6666666667vw; } }
    main .volunteer-section.introduction .introduction-single {
      border: 2px solid #0068B7;
      padding: 24px 56px 40px;
      margin: 24px auto 40px; }
      main .volunteer-section.introduction .introduction-single h3 {
        text-align: center;
        border-bottom: 10px solid #EBF6FF;
        padding-bottom: 4px;
        margin-bottom: 24px;
        color: #0068B7;
        line-height: 1.8;
        font-size: 24px;
        font-weight: 500; }
      main .volunteer-section.introduction .introduction-single .introduction-information {
        margin-bottom: 24px; }
        main .volunteer-section.introduction .introduction-single .introduction-information figure {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          flex-wrap: wrap; }
          main .volunteer-section.introduction .introduction-single .introduction-information figure img {
            border: 4px solid #F6F6F6;
            width: calc(50% - 4px); }
            @media screen and (min-width: 768px) {
              main .volunteer-section.introduction .introduction-single .introduction-information figure img:not(:nth-of-type(2n)) {
                margin-right: 8px; } }
          main .volunteer-section.introduction .introduction-single .introduction-information figure figcaption {
            width: 100%;
            text-align: center;
            margin-top: 8px;
            font-size: 16px;
            font-weight: 700; }
      main .volunteer-section.introduction .introduction-single p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8; }
        @media screen and (max-width: 767px) {
          main .volunteer-section.introduction .introduction-single p {
            font-size: 4.2666666667vw; } }
        main .volunteer-section.introduction .introduction-single p:not(:last-of-type) {
          margin-bottom: 16px; }
  @media screen and (max-width: 767px) {
    main {
      margin-bottom: 16vw; }
      main .volunteer-section {
        margin-bottom: 14.9333333333vw; }
        main .volunteer-section .inner {
          width: 87.2%; }
        main .volunteer-section .about-single {
          margin-top: 6.4vw; }
        main .volunteer-section.about .link-btn {
          margin-top: 6.4vw; }
          main .volunteer-section.about .link-btn a {
            line-height: 16vw;
            font-size: 4.2666666667vw;
            border-radius: 8vw;
            margin-top: 0; }
            main .volunteer-section.about .link-btn a::after {
              right: 5.3333333333vw; }
        main .volunteer-section.introduction .introduction-single {
          padding: 6.4vw;
          margin: 6.4vw auto 10.6666666667vw; }
          main .volunteer-section.introduction .introduction-single h3 {
            font-size: 6.4vw;
            padding-bottom: 1.0666666667vw;
            margin-bottom: 6.4vw; }
          main .volunteer-section.introduction .introduction-single p:not(:last-of-type) {
            margin-bottom: 4.2666666667vw; }
          main .volunteer-section.introduction .introduction-single .introduction-information {
            margin-bottom: 6.4vw; }
            main .volunteer-section.introduction .introduction-single .introduction-information figure img:not(:first-of-type) {
              margin-top: 2.1333333333vw; }
            main .volunteer-section.introduction .introduction-single .introduction-information figure figcaption {
              font-size: 4.2666666667vw;
              margin-top: 2.1333333333vw; } }