@charset "UTF-8";
/* breakpoint
-------------------------------------------*/
/*------------------------------------------------------------
gje33-4
------------------------------------------------------------*/
.drawer-hamburger1 {
  display: none; }
  @media screen and (max-width: 767px) {
    .drawer-hamburger1 {
      display: block; } }

/*
------------------------------------------------------------*/
.c-mainVisual2 {
  margin-bottom: 55px; }
  @media screen and (max-width: 767px) {
    .c-mainVisual2 {
      margin-bottom: 30px; } }

/*
------------------------------------------------------------*/
.c-ttl01 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.16rem;
  line-height: 1.5;
  color: #3e3a39;
  margin-top: 17px;
  margin-bottom: 11px; }
  @media screen and (max-width: 767px) {
    .c-ttl01 {
      font-size: 1.6rem;
      margin-top: 10px;
      margin-bottom: 5px;
      letter-spacing: 0.27rem; } }
  .c-ttl01__sm {
    font-size: 1.6rem;
    display: block; }
    @media screen and (max-width: 767px) {
      .c-ttl01__sm {
        font-size: 1.4rem; } }

/*
------------------------------------------------------------*/
.c-des01 {
  font-size: 1.7rem;
  color: #4a4a4a;
  line-height: 26px;
  letter-spacing: 0.18rem; }
  @media screen and (max-width: 767px) {
    .c-des01 {
      font-size: 1.4rem;
      line-height: 21px;
      letter-spacing: 0.15rem; } }
  @media screen and (max-width: 375px) {
    .c-des01 {
      letter-spacing: 0; } }

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-title2 h3 {
    font-size: 2rem; } }

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-text001-1 {
    font-size: 1.8rem;
    letter-spacing: 0;
    margin-bottom: 24px; } }

/*
------------------------------------------------------------*/
.c-textnote {
  font-size: 1.4rem;
  color: #4a4a4a;
  line-height: 21px;
  letter-spacing: 0.18rem;
  margin-top: 40px;
  position: relative;
  padding-left: 14px; }
  @media screen and (max-width: 767px) {
    .c-textnote {
      letter-spacing: 0.14rem;
      margin-top: 30px; } }
  .c-textnote::before {
    position: absolute;
    content: '※';
    font-size: 1.4rem;
    left: -2px;
    top: -1px; }
  .c-textnote > a {
    position: relative;
    display: inline-block; }
    .c-textnote > a::before {
      position: absolute;
      content: '';
      background-color: #4a4a4a;
      width: 90%;
      height: 1px;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }

/*
------------------------------------------------------------*/
.c-box05 {
  background-color: #00b3ec;
  padding: 30px 60px 44px 72px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .c-box05 {
      margin-bottom: 30px;
      padding: 25px 20px 21px 20px; } }
  .c-box05__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      .c-box05__wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
  .c-box05__item {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .c-box05__item {
        width: 100%; }
        .c-box05__item:nth-child(1) .c-box05__items:nth-child(3) {
          padding-bottom: 10px;
          margin-bottom: 5px;
          border-bottom: 1px dotted #fff; } }
    .c-box05__item:nth-child(2) {
      margin-left: 52px; }
      @media screen and (max-width: 767px) {
        .c-box05__item:nth-child(2) {
          margin-left: 0; } }
  .c-box05__ttl {
    color: #00aeeb;
    background-color: #fff;
    font-size: 2.43rem;
    font-weight: 400;
    letter-spacing: 0.3rem;
    line-height: 1;
    text-align: center;
    padding: 0 0 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 15px;
    max-width: 362px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-box05__ttl {
        font-size: 1.76rem;
        max-width: 100%;
        padding: 3px 0 2px;
        margin-bottom: 12px; } }
    @media screen and (max-width: 375px) {
      .c-box05__ttl {
        font-size: 1.5rem; } }
  .c-box05__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .c-box05__items:not(:last-child) {
      padding-bottom: 10px;
      margin-bottom: 5px;
      border-bottom: 1px dotted #fff; }
  .c-box05__subttl {
    font-size: 4.25rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 17px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 130px; }
    @media screen and (max-width: 767px) {
      .c-box05__subttl {
        font-size: 3.6rem;
        width: 110px;
        margin-right: 17px;
        letter-spacing: -0.1rem; } }
    @media screen and (max-width: 375px) {
      .c-box05__subttl {
        font-size: 2.5rem;
        width: 75px; } }
    .c-box05__subttl.other {
      -webkit-transform: scaleX(0.6);
          -ms-transform: scaleX(0.6);
              transform: scaleX(0.6);
      text-indent: -48px;
      white-space: nowrap;
      position: relative;
      top: -10px; }
      @media screen and (max-width: 767px) {
        .c-box05__subttl.other {
          -webkit-transform: scaleX(0.65);
              -ms-transform: scaleX(0.65);
                  transform: scaleX(0.65);
          text-indent: -38px; } }
      @media screen and (max-width: 375px) {
        .c-box05__subttl.other {
          text-indent: -26px; } }
  .c-box05__infor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .c-box05__infor1 {
    font-size: 2.5rem;
    color: #fff;
    line-height: 1;
    position: relative;
    padding-left: 18px; }
    @media screen and (max-width: 767px) {
      .c-box05__infor1 {
        font-size: 2.2rem;
        letter-spacing: 0;
        padding-left: 13px; }
        .c-box05__infor1.other {
          letter-spacing: -0.2rem; } }
    @media screen and (max-width: 375px) {
      .c-box05__infor1 {
        font-size: 2rem; } }
    @media screen and (max-width: 320px) {
      .c-box05__infor1 {
        font-size: 1.6rem; } }
    .c-box05__infor1::before {
      position: absolute;
      content: '';
      background-color: #fff;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (max-width: 767px) {
        .c-box05__infor1::before {
          width: 12px;
          height: 12px;
          margin-top: 1px; } }
    .c-box05__infor1:not(:first-child) {
      margin-top: 5px; }

/*
------------------------------------------------------------*/
.c-box06 {
  background-color: #d8d8d9;
  padding: 35px 28px 17px 29px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px; }
  @media screen and (max-width: 767px) {
    .c-box06 {
      padding: 18px 18px 25px 18px; } }
  .c-box06__ttl {
    font-size: 2rem;
    font-weight: 700;
    color: #3e3a39;
    line-height: 27px;
    letter-spacing: 0.22rem;
    margin-bottom: 6px; }
    @media screen and (max-width: 767px) {
      .c-box06__ttl {
        font-size: 1.6rem;
        line-height: 23px;
        letter-spacing: 0.2rem;
        margin-bottom: 8px; } }
    @media screen and (max-width: 375px) {
      .c-box06__ttl {
        letter-spacing: 0.05rem; } }
  .c-box06__des {
    font-size: 1.7rem;
    line-height: 26px;
    letter-spacing: 0.22rem;
    color: #4a4a4a;
    position: relative;
    padding-left: 22px; }
    @media screen and (max-width: 767px) {
      .c-box06__des {
        font-size: 1.4rem;
        line-height: 21px;
        padding-left: 20px;
        letter-spacing: 0.1rem; } }
    .c-box06__des::before {
      position: absolute;
      content: '';
      background-color: #4a4a4a;
      left: 0;
      top: 6px;
      width: 15px;
      height: 15px;
      border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .c-box06__des::before {
          width: 12px;
          height: 12px;
          left: 4px; } }
  .c-box06__link {
    font-size: 1.6rem;
    margin-left: 34px;
    letter-spacing: 0.25rem; }
    @media screen and (max-width: 767px) {
      .c-box06__link {
        font-size: 1.4rem;
        display: block;
        margin-left: -14px;
        margin-top: 6px;
        letter-spacing: 0.2rem; } }
    @media screen and (max-width: 375px) {
      .c-box06__link {
        letter-spacing: 0.1rem; } }
  .c-box06__bottom {
    margin-top: 35px; }
    @media screen and (max-width: 767px) {
      .c-box06__bottom {
        margin-top: 22px; } }
    .c-box06__bottom .c-box06__ttl {
      margin-bottom: 2px;
      position: relative;
      padding-left: 22px; }
      @media screen and (max-width: 767px) {
        .c-box06__bottom .c-box06__ttl {
          margin-bottom: 23px;
          padding-left: 20px; } }
      .c-box06__bottom .c-box06__ttl::before {
        position: absolute;
        content: '';
        background-color: #3e3a39;
        width: 15px;
        height: 15px;
        left: 0;
        top: 6px; }
        @media screen and (max-width: 767px) {
          .c-box06__bottom .c-box06__ttl::before {
            width: 12px;
            height: 12px;
            left: 4px; } }
  .c-box06__img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      .c-box06__img {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .c-box06__img .c-des01 {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2;
          margin-top: 22px; } }
  .c-box06__code {
    margin-left: 35px;
    margin-top: 7px;
    width: 112px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    @media screen and (max-width: 767px) {
      .c-box06__code {
        text-align: center;
        width: 50%;
        margin: 0 auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }

/*
------------------------------------------------------------*/
.c-list02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px; }
  @media screen and (max-width: 767px) {
    .c-list02 {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 0; } }
  .c-list02 .c-ttl01 {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .c-list02 .c-ttl01 {
        margin-bottom: 5px; } }
  .c-list02__item {
    width: 50%;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      .c-list02__item {
        width: 100%;
        padding: 0; }
        .c-list02__item:first-child {
          margin-bottom: 30px; } }
  .c-list02__content {
    padding-right: 14px; }
    @media screen and (max-width: 767px) {
      .c-list02__content {
        padding-right: 0; } }
  .c-list02__img {
    margin-top: 23px; }
    @media screen and (max-width: 767px) {
      .c-list02__img {
        margin-top: 0; }
        .c-list02__img img {
          width: 100%; } }
  .c-list02__wrap:not(:last-child) {
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .c-list02__wrap:not(:last-child) {
        margin-bottom: 26px; } }
  @media screen and (max-width: 767px) {
    .c-list02__wrap:first-child .c-ttl01 {
      margin-top: 0; } }

/*
------------------------------------------------------------*/
.c-list03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -6px 50px; }
  @media screen and (max-width: 767px) {
    .c-list03 {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 0 0 30px; } }
  .c-list03__item {
    padding: 0 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333%; }
    @media screen and (max-width: 767px) {
      .c-list03__item {
        width: 100%;
        padding: 0; }
        .c-list03__item:not(:last-child) {
          margin-bottom: 30px; }
        .c-list03__item img {
          width: 100%; } }

/*
------------------------------------------------------------*/
.p-gje33-4__img {
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .p-gje33-4__img {
      margin-bottom: 30px; } }

.p-gje33-4__sc01 {
  margin-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .p-gje33-4__sc01 {
      margin-bottom: 30px; } }