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

.p-mp29 .c-mainVisual1__title {
  padding-left: 80px; }
  @media screen and (max-width: 767px) {
    .p-mp29 .c-mainVisual1__title {
      margin-bottom: 50px;
      padding-left: 0; } }

/* 
------------------------------------------------------------*/
.p-mp29-1 {
  margin: 60px 0 100px 0; }
  @media screen and (max-width: 767px) {
    .p-mp29-1 {
      margin-bottom: 50px; } }

/* 
------------------------------------------------------------*/
.box-2 .c-singleImg1 {
  margin-top: 20px; }

/* 
------------------------------------------------------------*/
.box-3 {
  margin-top: 50px; }
  .box-3 .l-col__card {
    width: 482px;
    margin-left: 16px; }
    @media screen and (max-width: 767px) {
      .box-3 .l-col__card {
        width: auto;
        margin-left: 0; } }
  @media screen and (max-width: 767px) {
    .box-3 img {
      width: 100%;
      margin-top: 20px; } }

/* 
------------------------------------------------------------*/
.box-mr {
  margin: 30px 0 60px 0; }

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

/* 
------------------------------------------------------------*/
.box-5 {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .box-5 .c-list1__card {
      width: 100%;
      margin-left: 0;
      margin-bottom: 40px; }
      .box-5 .c-list1__card:nth-child(2n+1) {
        clear: left;
        margin-left: 0; } }

/* 
------------------------------------------------------------*/
.box-6 {
  margin-bottom: 100px; }

/* 
------------------------------------------------------------*/
.box-7 .c-list1__card {
  width: 314px; }
  @media screen and (max-width: 767px) {
    .box-7 .c-list1__card {
      width: 49%;
      margin-left: 2%;
      margin-bottom: 30px; }
      .box-7 .c-list1__card:nth-child(2n+1) {
        clear: left;
        margin-left: 0; } }