.clearfix {
  clear: both;
  overflow: hidden; }

.page .page_reason .reason01 .main_ph {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #1e88e5), to(#1e88e5));
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #1e88e5 50%, #1e88e5 100%);
  background: -o-linear-gradient(top, #fff 0%, #fff 50%, #1e88e5 50%, #1e88e5 100%);
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #1e88e5 50%, #1e88e5 100%); }

.page .page_reason .reason01 .bl_bg {
  background-color: #1e88e5;
  color: #fff;
  padding: 50px 20px 20px; }
  .page .page_reason .reason01 .bl_bg .reason_list {
    margin-bottom: 30px; }
    .page .page_reason .reason01 .bl_bg .reason_list.none {
      margin-bottom: 0; }
    .page .page_reason .reason01 .bl_bg .reason_list h3 {
      margin-bottom: 30px; }
      @media screen and (max-width: 767px) {
        .page .page_reason .reason01 .bl_bg .reason_list h3 {
          margin-bottom: 15px; } }
    .page .page_reason .reason01 .bl_bg .reason_list ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }

.page .page_reason .reason02 .col3_wrap:after {
  display: block;
  content: "";
  clear: both;
  overflow: hidden; }

.page .page_reason .reason02 .col3_item {
  float: left;
  width: 32%;
  margin-right: 2%; }
  .page .page_reason .reason02 .col3_item:nth-child(3n) {
    margin-right: 0; }
  .page .page_reason .reason02 .col3_item:nth-child(3n+1) {
    clear: left; }

@media screen and (min-width: 768px) {
  .page .page_reason .reason03 {
    padding: 50px 20px; } }

.page .page_reason .reason03 .kodawari_title {
  text-align: center;
  margin-bottom: 30px; }

@media screen and (max-width: 767px) {
  .page .page_reason .reason03 .reason_list {
    margin-bottom: 30px; }
    .page .page_reason .reason03 .reason_list .leftdir {
      text-align: center; } }

@media screen and (min-width: 768px) {
  .page .page_reason .reason03 .reason_list {
    margin-bottom: 50px; } }

.page .page_reason .reason03 .reason_list.none {
  margin-bottom: 0; }

.page .page_reason .reason03 .reason_list h3 {
  margin-bottom: 30px; }