@charset "utf-8";

.lowerpage .mv{ background-image: url(../img/idea/mv_idea.png);}
.section1{ margin-bottom: 80px;}
.section1 .colL{ flex-basis: calc(100% - 320px);}
.section1 .colR{ flex-basis:280px}

.section2 .imgList ul{ align-items: center;}
.section2 .imgList li{ flex-basis: calc((100% - 80px)/3);}
.section2 .bgGy{ padding: 30px; background: #F1F0EF; margin-top: 10px;}


@media only screen and (max-width: 768px) {
  .lowerpage .mv{ background-image: url(../img/idea/mv_idea_sp.png);}
  .section1 .colR{ padding: 0 40px;}
  .section2 .imgList li{ flex-basis: calc((100% - 20px)/3);}
}