.special-content {
  position: relative;
  max-width: 1140px;
  margin: auto;
  color: #000;
  font-size: 1rem; }
  @media (max-width: 768px) {
    .special-content {
      font-size: 0.9rem; } }
  .special-content .main-tips {
    text-align: left;
    position: absolute;
    top: 30px;
    left: 30px;
    color: #666; }
    @media (max-width: 768px) {
      .special-content .main-tips {
        font-size: 0.8rem;
        top: 5px; } }
  .special-content img {
    width: 100%; }
  .special-content p {
    line-height: 2; }
  .special-content .note {
    font-size: 0.7rem; }
  .special-content hr {
    border-top: 1px solid #000; }
  .special-content .flex-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    @media (max-width: 768px) {
      .special-content .flex-center {
        display: block; } }
  .special-content .pb10 {
    padding-bottom: 10px; }
  .special-content__content {
    margin: 60px auto;
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 768px) {
      .special-content__content {
        margin: 40px auto; } }
  .special-content__header {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px; }
    @media (max-width: 768px) {
      .special-content__header {
        margin-bottom: 30px; } }
    .special-content__header .row {
      padding-left: 20px;
      padding-right: 20px; }
      @media (max-width: 768px) {
        .special-content__header .row {
          padding-left: 0;
          padding-right: 0;
          padding-top: 5px; } }
      .special-content__header .row > div:first-child > * {
        width: 100%;
        height: auto; }
      @media (max-width: 768px) {
        .special-content__header .row > div:nth-child(2) {
          padding-left: 0;
          padding-right: 0;
          padding-top: 5px;
          padding-bottom: 10px; } }
      @media (max-width: 768px) {
        .special-content__header .row {
          display: flex;
          flex-wrap: wrap-reverse; } }
    .special-content__header .logo img {
      width: 160px; }
    .special-content__header h1 {
      margin: 30px auto;
      font-family: sans-serif;
      font-size: 0.9rem;
      line-height: 1.4; }
      .special-content__header h1 span {
        font-family: 'Bodoni Moda', serif;
        font-size: 2.4rem;
        letter-spacing: 1px;
        font-size: 300; }
      @media (max-width: 768px) {
        .special-content__header h1 {
          margin: 0px auto 10px;
          font-size: 0.8rem; }
          .special-content__header h1 span {
            font-size: 2rem; } }
    .special-content__header .tit {
      font-family: serif;
      font-weight: 600; }
  .special-content .profile {
    background: #EEE6D6; }
    @media (max-width: 768px) {
      .special-content .profile {
        padding-top: 20px;
        padding-bottom: 20px; } }
    .special-content .profile .tips {
      font-family: serif; }
      @media (max-width: 768px) {
        .special-content .profile .tips {
          margin-top: 14px; } }
    .special-content .profile h2 {
      font-size: 0.9rem;
      font-weight: normal;
      font-family: sans-serif;
      line-height: 1.8;
      margin-bottom: 2rem; }
      .special-content .profile h2 span {
        font-size: 1.4rem;
        font-weight: 600; }
      @media (max-width: 768px) {
        .special-content .profile h2 {
          font-size: 0.8rem; }
          .special-content .profile h2 span {
            font-size: 1.1rem; } }
    .special-content .profile p {
      font-size: 0.9rem; }
  .special-content .interview .row {
    margin-bottom: 30px; }
  .special-content .interview p {
    letter-spacing: 1px; }
    @media (max-width: 576px) {
      .special-content .interview p {
        font-size: 0.9rem; } }
    .special-content .interview p.answer {
      font-weight: bold;
      padding-bottom: 10px; }
      @media (max-width: 768px) {
        .special-content .interview p.answer {
          padding-top: 5px; } }
    .special-content .interview p.question {
      padding-top: 20px; }
      @media (max-width: 768px) {
        .special-content .interview p.question {
          padding-top: 5px; } }
  .special-content .items {
    background: #EEE6D6;
    padding-top: 20px;
    padding-bottom: 40px; }
    @media (max-width: 768px) {
      .special-content .items {
        padding-left: 30px;
        padding-right: 30px; } }
    .special-content .items__header {
      text-align: center;
      margin-bottom: 80px; }
      @media (max-width: 768px) {
        .special-content .items__header {
          margin-bottom: 40px; } }
      .special-content .items__header img {
        width: 240px; }
        @media (max-width: 768px) {
          .special-content .items__header img {
            width: 180px; } }
      .special-content .items__header h2 {
        font-family: sans-serif;
        color: #7E7971;
        letter-spacing: 2px;
        font-size: 1.1rem; }
        @media (max-width: 768px) {
          .special-content .items__header h2 {
            font-size: 0.9rem; } }
    .special-content .items__item {
      margin-bottom: 50px; }
      .special-content .items__item .row > div {
        padding-left: 5px;
        padding-right: 5px; }
      .special-content .items__item p {
        margin-bottom: 0; }
        @media (max-width: 576px) {
          .special-content .items__item p {
            font-size: 0.8rem;
            line-height: 1.6; } }
        .special-content .items__item p.txt {
          margin-top: 20px; }
        .special-content .items__item p.item-name {
          font-weight: bold; }
      .special-content .items__item a {
        display: inline-block;
        background: #000;
        color: #fff;
        padding: 1px 40px;
        border-radius: 30px;
        margin-top: 10px;
        margin-bottom: 15px; }
    .special-content .items .btn-link {
      text-align: center;
      margin-bottom: 20px; }
      .special-content .items .btn-link a {
        display: inline-block;
        background: #dca44c;
        color: #fff;
        padding: 8px 60px;
        border-radius: 20px; }
        @media (max-width: 768px) {
          .special-content .items .btn-link a {
            display: block;
            width: 100%;
            padding: 6px 10px; } }
  .special-content .campagin > div {
    padding: 2; }
  .special-content .campagin .reason {
    background: #fff;
    margin-top: -30px;
    margin-bottom: 60px;
    padding: 30px 15px 20px;
    border-radius: 20px; }
    .special-content .campagin .reason p {
      text-align: center;
      line-height: 1.6; }
      .special-content .campagin .reason p b {
        text-align: center; }
      @media (max-width: 768px) {
        .special-content .campagin .reason p {
          text-align: left; } }

/*# sourceMappingURL=ceraunavolta-interview.css.map */