/* breakpoint
-------------------------------------------*/
/*------------------------------------------------------------
mm408
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-mm408 {
    margin-top: 0; } }

/*
------------------------------------------------------------*/
.p-mm408-1 {
  padding-top: 70px; }
  @media screen and (max-width: 767px) {
    .p-mm408-1 {
      padding-top: 30px; } }
  @media screen and (max-width: 767px) {
    .p-mm408-1 .c-list1__card {
      width: 100%;
      margin-bottom: 15px;
      margin-left: 0; }
      .p-mm408-1 .c-list1__card:nth-child(2n+1) {
        clear: left;
        margin-left: 0; } }

.p-mm408-2 {
  padding-top: 8px; }
  .p-mm408-2 .c-list1 {
    padding-bottom: 10px; }

.p-mm408-3 {
  margin-top: -15px; }
  .p-mm408-3 .c-list1 {
    padding-top: 20px; }

@media screen and (max-width: 767px) {
  .p-mm408-4 .c-list1__card {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0; }
    .p-mm408-4 .c-list1__card:nth-child(2n+1) {
      clear: left;
      margin-left: 0; } }

.p-mm408-5 {
  padding-top: 30px; }

.p-mm408-6 {
  padding-top: 55px; }
  .p-mm408-6 .c-list1 {
    padding-bottom: 15px; }
  @media screen and (max-width: 767px) {
    .p-mm408-6 .c-list1__card {
      width: 100%;
      margin-bottom: 15px;
      margin-left: 0; }
      .p-mm408-6 .c-list1__card:nth-child(2n+1) {
        clear: left;
        margin-left: 0; } }

@media screen and (max-width: 767px) {
  .p-mm408-7 .c-list1__card {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0; }
    .p-mm408-7 .c-list1__card:nth-child(2n+1) {
      clear: left;
      margin-left: 0; } }

.p-mm408-7 .c-list1__colume {
  position: relative; }
  .p-mm408-7 .c-list1__colume img {
    width: 100%; }
  .p-mm408-7 .c-list1__colume__text {
    position: absolute;
    top: 25px;
    left: 45px; }
    @media screen and (max-width: 767px) {
      .p-mm408-7 .c-list1__colume__text {
        top: 5%;
        left: 10%; } }
    .p-mm408-7 .c-list1__colume__text h6 {
      font-size: 2.1rem;
      color: #008A9B; }
      @media screen and (max-width: 767px) {
        .p-mm408-7 .c-list1__colume__text h6 {
          font-size: 1rem; } }
    .p-mm408-7 .c-list1__colume__text li {
      font-size: 1.27rem;
      list-style: none;
      line-height: 1.5rem; }
      @media screen and (max-width: 767px) {
        .p-mm408-7 .c-list1__colume__text li {
          font-size: 0.8rem;
          line-height: 1.2rem; } }
      .p-mm408-7 .c-list1__colume__text li span {
        font-size: 1.8rem; }
        @media screen and (max-width: 767px) {
          .p-mm408-7 .c-list1__colume__text li span {
            font-size: 1.3rem; } }
    .p-mm408-7 .c-list1__colume__text p {
      font-weight: bold;
      padding-top: 5px; }
      @media screen and (max-width: 767px) {
        .p-mm408-7 .c-list1__colume__text p {
          padding-top: 0; } }
      .p-mm408-7 .c-list1__colume__text p li {
        display: inline-block; }
    .p-mm408-7 .c-list1__colume__text .letter1 {
      letter-spacing: -2px; }
    .p-mm408-7 .c-list1__colume__text .letter2 {
      letter-spacing: -0.5px; }
      @media screen and (max-width: 767px) {
        .p-mm408-7 .c-list1__colume__text .letter2 {
          letter-spacing: 0; } }

.p-mm408-8 {
  padding-top: 23px; }
  .p-mm408-8 .c-title3 {
    padding-bottom: 15px; }
  .p-mm408-8 .c-list1__text {
    margin-bottom: 5px; }

.p-mm408-9 {
  margin-top: -15px; }
  .p-mm408-9 .c-list1 {
    padding-top: 25px; }
  .p-mm408-9 .c-list1__title {
    float: left; }

.p-mm408-10 {
  padding-top: 40px;
  padding-bottom: 35px; }
  .p-mm408-10 .c-text1 {
    text-align: right; }
  @media screen and (max-width: 767px) {
    .p-mm408-10 {
      padding-top: 20px;
      padding-bottom: 17px; } }