.div-main {
  padding: 4rem 0; }
  @media only screen and (max-width: 1024px) {
    .div-main {
      padding: 2rem 0 4rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .div-main {
      padding: 1.5rem 0 2.5rem; } }

  .div-main-slide-item {
    width: 75rem;
    height: 37.5rem;
    border-radius: 1rem;
    border: 0.6rem solid #f4eed5;
    margin: 0 1rem;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .div-main-slide-item {
        width: 92vw;
        margin: 0 4vw;
        border-width: .4rem; } }
  .div-main .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2rem; }
    @media only screen and (max-width: 767px) {
      .div-main .slick-dots {
        padding-top: .2rem; } }
    .div-main .slick-dots li {
      margin: 0 .5rem; }
      .div-main .slick-dots li button {
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        height: 1rem;
        width: 1rem;
        border-radius: 50%;
        line-height: 0;
        overflow: hidden;
        text-indent: -9999rem;
        background: #eee; }
        @media only screen and (max-width: 767px) {
          .div-main .slick-dots li button {
            width: .8rem;
            height: .8rem; } }
      .div-main .slick-dots li.slick-active button {
        background: #f39800; }

.div-link {
  display: flex;
  justify-content: center;
  padding-bottom: 5vw; }
  .div-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    border-bottom: 1px solid #59493f;
    font-weight: 700; }
    .div-link a span {
      width: 1.8rem;
      height: 1.8rem;
      border-radius: 50%;
      background: #f39800;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: 0;
      margin-left: .5rem;
      flex-shrink: 0;
      font-size: 1.3rem; }

.section-column {
  padding-bottom: 5vw; }
  @media only screen and (max-width: 1024px) {
    .section-column {
      padding-bottom: 10vw; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .section-column {
      padding-bottom: 8rem; } }

  .section-column:nth-last-of-type(1) {
    padding-bottom: 0; }
  .section-column-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 3vw; }
    @media only screen and (max-width: 767px) {
      .section-column-header {
        margin: 0 .7rem; } }
    .section-column-header-icon span {
      font-size: 3rem; }
    .section-column-header-ttl {
      font-size: 2.8rem;
      line-height: 1.3; }
    .section-column-header-en {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #f39800;
      font-size: 1.2rem;
      font-weight: 700; }
      .section-column-header-en span {
        flex-shrink: 0;
        margin: 0 1rem; }
      .section-column-header-en:before, .section-column-header-en:after {
        content: "";
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #59493f; }
  .section-column-inner {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .section-column-inner {
        flex-direction: column; } }
    .section-column-inner .article-list {
      width: 48%;
      flex-shrink: 0; }
      @media only screen and (max-width: 767px) {
        .section-column-inner .article-list {
          width: calc(100% - 1.4rem); } }
    .section-column-inner-other {
      width: 100%;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .section-column-inner-other {
          padding-top: .7rem; } }
      .section-column-inner-other div {
        width: 100%;
        padding: 1.2rem 1.7rem;
        border-radius: 1rem;
        background: #fff;
        border: 1px solid #f4eed5;
        position: relative;
        margin: .7rem;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .section-column-inner-other div {
            width: calc(100% - 1.4rem);
            margin: 0 .7rem 1.4rem; } }
        .section-column-inner-other div:hover {
          border-color: #f39800; }
        .section-column-inner-other div dt {
          font-size: 1.4rem;
          padding: 0 0 .3rem;
          font-weight: 400; }
          .section-column-inner-other div dt > a {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 10; }
        .section-column-inner-other div dd {
          font-size: 1.8rem;
          line-height: 1.3;
          font-weight: 700; }
          @media only screen and (max-width: 1024px) {
            .section-column-inner-other div dd {
              font-size: 1.6rem; } }
  .section-column-btn {
    padding-top: 3vw; }
    .section-column-btn a {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #59493f;
      color: #fff;
      font-size: 1.6rem;
      border-radius: 5rem;
      width: 24rem;
      height: 5rem;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .section-column-btn a {
          width: 20rem;
          height: 4rem;
          font-size: 1.4rem; } }
  .section-column-list {
    display: flex;
    justify-content: flex-start; }
    @media only screen and (max-width: 767px) {
      .section-column-list {
        flex-direction: column; } }
    .section-column-list .article-list {
      width: calc(50% - 1.4rem); }
      @media only screen and (max-width: 767px) {
        .section-column-list .article-list {
          width: calc(100% - 1.4rem); } }