/*
brakepoint
*/
/*
president
*/
.president {
  width: 100%;
  min-height: 448px;
  background-image: url("../img/bg_greetings.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media screen and (max-width: 800px) {
    .president {
      min-height: 320px;
      background-image: url("../img/bg_greetings_sp.jpg"); } }
  .president .cbox {
    min-height: 448px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center; }
    @media screen and (max-width: 800px) {
      .president .cbox {
        min-height: 320px; } }
    .president .cbox p {
      font-size: 25px;
      font-weight: 600;
      line-height: 1.6; }
      @media screen and (max-width: 800px) {
        .president .cbox p {
          font-size: 18px;
          line-height: 1.5; } }
      .president .cbox p.read_president {
        width: 100%;
        letter-spacing: 0.1em;
        margin-bottom: 30px; }
      .president .cbox p.president_name {
        margin-bottom: 0; }
        .president .cbox p.president_name .katagaki {
          display: block;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 0.01em; }
          @media screen and (max-width: 800px) {
            .president .cbox p.president_name .katagaki {
              font-size: 15px; } }

.greetings-content {
  position: relative;
  margin-top: 135px; }
  @media screen and (max-width: 800px) {
    .greetings-content {
      margin-top: 100px; } }
  .greetings-content .l-sticky {
    width: 48.4%; }
    @media screen and (max-width: 800px) {
      .greetings-content .l-sticky {
        width: 100%;
        margin-bottom: 50px; } }
    .greetings-content .l-sticky h2 {
      font-size: 20px;
      line-height: 1.8;
      padding: 0; }
      @media screen and (max-width: 800px) {
        .greetings-content .l-sticky h2 {
          width: 100%; } }
      .greetings-content .l-sticky h2::before {
        left: 0;
        top: -40px;
        width: 64px;
        height: 2px;
        border-radius: 0; }
        @media screen and (max-width: 800px) {
          .greetings-content .l-sticky h2::before {
            width: 56px; } }
      .greetings-content .l-sticky h2::after {
        display: none; }
  .greetings-content .r-sticky {
    width: 48.4%; }
    @media screen and (max-width: 800px) {
      .greetings-content .r-sticky {
        width: 100%; } }
    .greetings-content .r-sticky p {
      margin-bottom: 25px; }
      .greetings-content .r-sticky p:last-child {
        margin-bottom: 0; }

.greetings_img {
  width: 100%;
  margin: 135px auto 0; }
  @media screen and (max-width: 800px) {
    .greetings_img {
      width: calc(100% + 50px);
      margin: 100px 0 0 -25px; } }
  .greetings_img img {
    width: 100%;
    border-radius: 16px; }
    @media screen and (max-width: 800px) {
      .greetings_img img {
        border-radius: 0; } }