.courgette {
  font-family: "Courgette", cursive;
  font-weight: 400; }

/* sec_lead */
.sec_lead {
  overflow: hidden;
  position: relative;
  padding: 16.7rem 5.4rem;
  background-color: #FAFAFA;
  text-align: left; }
  @media screen and (max-width: 640px) {
    .sec_lead {
      padding: 5.5rem 3rem 4.5rem;
      text-align: center; } }
  .sec_lead .bg {
    position: absolute; }
    .sec_lead .bg.bg01 {
      width: 466px;
      height: 512px;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 640px) {
        .sec_lead .bg.bg01 {
          width: 16rem;
          height: 18rem; } }
    .sec_lead .bg.bg02 {
      width: 186px;
      height: 312px;
      top: 0;
      left: 0; }
      @media screen and (max-width: 640px) {
        .sec_lead .bg.bg02 {
          width: 7rem;
          height: 12rem; } }
    .sec_lead .bg.bg03 {
      width: 202px;
      height: 230px;
      bottom: 0;
      left: 0; }
      @media screen and (max-width: 640px) {
        .sec_lead .bg.bg03 {
          width: 12rem;
          height: 15rem; } }
  .sec_lead > .in {
    max-width: 925px;
    width: 100%;
    margin: auto;
    position: relative; }
    @media screen and (max-width: 640px) {
      .sec_lead > .in .imgarea {
        position: static;
        height: 18.5rem; } }
    .sec_lead > .in .imgarea > img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: block;
      margin: auto; }
      @media screen and (max-width: 640px) {
        .sec_lead > .in .imgarea > img {
          position: static;
          width: auto;
          height: 18.5rem; } }
    .sec_lead > .in .right .tit {
      position: relative;
      padding-bottom: 3rem;
      color: #0D1663;
      font-size: 3.5rem;
      font-weight: 500;
      line-height: 4.5rem; }
      @media screen and (max-width: 640px) {
        .sec_lead > .in .right .tit {
          padding-bottom: 1.5rem;
          font-size: 1.65rem;
          line-height: 2.4rem;
          text-align: left; } }
      .sec_lead > .in .right .tit:before, .sec_lead > .in .right .tit:after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 0;
        height: 0.3rem; }
      .sec_lead > .in .right .tit:before {
        width: 100%;
        background-color: #e1e1e9; }
      .sec_lead > .in .right .tit:after {
        left: 0;
        width: 6rem;
        background-color: #f5c51d; }
        @media screen and (max-width: 640px) {
          .sec_lead > .in .right .tit:after {
            width: 3rem; } }
    .sec_lead > .in .right .cap {
      margin-top: 3.5rem;
      font-size: 1.6rem;
      line-height: 2.5rem;
      word-wrap: break-word;
      overflow-wrap: break-word; }
      @media screen and (max-width: 640px) {
        .sec_lead > .in .right .cap {
          margin-top: 1rem;
          font-size: 1.2rem;
          line-height: 2rem;
          text-align: justify; } }

/* sec_awards */
.sec_awards {
  padding-bottom: 13.5rem; }
  @media screen and (max-width: 640px) {
    .sec_awards {
      padding-bottom: 5.5rem; } }
  .sec_awards .in {
    max-width: 955px; }
    .sec_awards .in .sec_tit {
      margin-bottom: 7.5rem; }
      @media screen and (max-width: 640px) {
        .sec_awards .in .sec_tit {
          margin-bottom: 3rem; } }
      .sec_awards .in .sec_tit > .title {
        background-image: none; }
    .sec_awards .in ul li {
      display: inline-block;
      width: 45.5%;
      text-align: center;
      vertical-align: top;
      position: relative; }
      @media screen and (max-width: 640px) {
        .sec_awards .in ul li {
          width: auto;
          display: block; } }
      .sec_awards .in ul li img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto; }
        @media screen and (max-width: 640px) {
          .sec_awards .in ul li img {
            width: 55%;
            height: auto;
            position: static; } }
      .sec_awards .in ul li dl {
        padding-top: 260px; }
        @media screen and (max-width: 640px) {
          .sec_awards .in ul li dl {
            padding-top: 1rem !important; } }
        .sec_awards .in ul li dl.type01 {
          padding-top: 220px; }
          @media screen and (max-width: 640px) {
            .sec_awards .in ul li dl.type01 {
              padding-top: 11rem; } }
        .sec_awards .in ul li dl dt {
          margin-bottom: 1.5rem;
          color: #19216b;
          font-size: 2.6rem;
          font-weight: 500; }
          @media screen and (max-width: 640px) {
            .sec_awards .in ul li dl dt {
              margin-bottom: 1rem;
              font-size: 2rem; } }
        .sec_awards .in ul li dl dd {
          font-size: 1.7rem;
          text-align: left; }
          @media screen and (max-width: 640px) {
            .sec_awards .in ul li dl dd {
              font-size: 1.2rem;
              width: 101%; } }
      .sec_awards .in ul li:first-child,.sec_awards .in ul li:nth-child(3) {
        margin-bottom: 8.5rem; }
        @media screen and (max-width: 640px) {
          .sec_awards .in ul li:first-child {
            margin-bottom: 0; } }
      .sec_awards .in ul li:nth-child(even) {
        margin-left: 8%; }
        @media screen and (max-width: 640px) {
          .sec_awards .in ul li:nth-child(even) {
            margin-left: 0; } }
      @media screen and (max-width: 640px) {
        .sec_awards .in ul li + li {
          margin-top: 5rem; } }

/* sec_accreditations */
.sec_accreditations .wrap {
  padding-bottom: 11rem; }
  @media screen and (max-width: 640px) {
    .sec_accreditations .wrap {
      padding-bottom: 6rem; } }
  .sec_accreditations .wrap .in {
    max-width: 955px; }
    .sec_accreditations .wrap .in .sec_tit {
      margin-bottom: 8rem; }
      @media screen and (max-width: 640px) {
        .sec_accreditations .wrap .in .sec_tit {
          margin-bottom: 3.5rem; } }
      .sec_accreditations .wrap .in .sec_tit > .title {
        background-image: none; }
    .sec_accreditations .wrap .in ul li {
      display: inline-block;
      width: 42.4%;
      text-align: center;
      position: relative;
      vertical-align: top; }
      @media screen and (max-width: 640px) {
        .sec_accreditations .wrap .in ul li {
          width: auto;
          display: block; } }
      .sec_accreditations .wrap .in ul li img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto; }
        .sec_accreditations .wrap .in ul li img.type01 {
          top: 50px; }
        @media screen and (max-width: 640px) {
          .sec_accreditations .wrap .in ul li img {
            width: 56.2%;
            height: auto;
            position: static; } }
      .sec_accreditations .wrap .in ul li dl {
        padding-top: 200px; }
        @media screen and (max-width: 640px) {
          .sec_accreditations .wrap .in ul li dl {
            padding-top: 1rem !important; } }
        .sec_accreditations .wrap .in ul li dl dt {
          margin-bottom: 1.5rem;
          color: #19216b;
          font-size: 2.6rem;
          font-weight: 500; }
          @media screen and (max-width: 640px) {
            .sec_accreditations .wrap .in ul li dl dt {
              margin-bottom: 1rem;
              font-size: 2rem; } }
        .sec_accreditations .wrap .in ul li dl dd {
          font-size: 1.7rem;
          text-align: center; }
          .sec_accreditations .wrap .in ul li dl dd.type01 {
            text-align: left; }
          @media screen and (max-width: 640px) {
            .sec_accreditations .wrap .in ul li dl dd {
              font-size: 1.2rem;
              width: 101%; } }
      .sec_accreditations .wrap .in ul li + li {
        margin-left: 14%; }
        @media screen and (max-width: 640px) {
          .sec_accreditations .wrap .in ul li + li {
            margin-top: 5rem;
            margin-left: 0; } }

.sec_jals .wrap {
  background-color: #FFF !important; }