@charset "utf-8";

/* ----------------------------------
プランニング
---------------------------------- */
.plan01 {
  margin-top: 40px;
}

.examttl {
  font-size: 16px;
  margin-bottom: 5px;
}

.exam_flex {
  justify-content: space-between;
}

.column2 .exam_flex li {
  width: 32%;
  margin-right: 2%;
}

.column2 .exam_flex li:nth-of-type(3n) {
  margin-right: 0;
}

.column2 .exam_flex li:nth-of-type(n+4) {
  margin-top: 20px;
}

.exam_flex li figure {
  margin-bottom: 10px;
}

.shoes_closet {
  justify-content: space-between;
  margin-top: 20px;
}

.shoes_closet .image {
  width: 48%;
}

.shoes_closet .text {
  width: 48%;
}

.glass li {
  justify-content: space-between;
}

.glass li .item_ttl {
  margin-top: 0;
}

.glass li .text {
  width: 48%;
}

.glass li .image {
  width: 46%;
}

/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1180px) {}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 820px) {
  .plan01 {
    margin-top: 10px;
  }

  .column2 li .exam_flex li {
    margin: 0 2% 0 0;
  }

  .column2 li .exam_flex li:nth-of-type(3n) {
    margin: 0 0 0 0;
  }

  .column2 li .exam_flex li:nth-of-type(n+4) {
    margin-top: 10px;
  }

  .column4 li.dobble {
    margin-top: 20px;
  }

  .shoes_closet .image {
    width: 100%;
  }

   .shoes_closet .text {
    width: 100%;
  }

    .glass {
      margin-top: 20px;
    }

  .glass li .text {
    width: 100%;
  }

  .glass li .image {
    width: 100%;
    margin-top: 10px;
  }

  .plan15 {
    width: 70%;
    margin: 0 auto;
  }
}