ul.navi_list {
  margin: 1em 15px;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    ul.navi_list {
      font-size: 100%;
      width: auto; } }
  ul.navi_list li {
    width: 40%;
    font-size: 110%; }
    @media only screen and (max-width: 767px) {
      ul.navi_list li {
        font-size: 100%;
        width: 100%; } }

.pc_column2 ul.navi_list {
  margin: 0 -10px; }
  .pc_column2 ul.navi_list li {
    width: 100%; }

.service_navi_column {
  flex-direction: row-reverse;
  align-items: center;
  margin: 0 15px; }
  .service_navi_column > *:first-child {
    width: 60%; }
    @media only screen and (max-width: 767px) {
      .service_navi_column > *:first-child {
        width: 100%; } }
  .service_navi_column > *:last-child {
    width: 40%; }
    @media only screen and (max-width: 767px) {
      .service_navi_column > *:last-child {
        width: 100%; } }

.service_desc {
  border: 1px solid #b2d5d5;
  background: #ffffff url(../img/index_service_desc_bg.png);
  border-radius: 15px;
  padding: 30px;
  margin: 2em 15px 1em; }
  @media only screen and (max-width: 767px) {
    .service_desc {
      padding: 20px; } }
  @media only screen and (max-width: 767px) {
    .service_desc .columned {
      margin: 0; } }
  .service_desc .columned > * {
    margin: 0; }
    .service_desc .columned > *:first-child {
      border-right: 1px solid #b2d5d5;
      padding-right: 30px; }
      @media only screen and (max-width: 767px) {
        .service_desc .columned > *:first-child {
          border: none;
          padding: 0; } }
    .service_desc .columned > *:last-child {
      padding-left: 30px; }
      @media only screen and (max-width: 767px) {
        .service_desc .columned > *:last-child {
          border: none;
          padding: 0;
          margin: 2em 0 0; } }

/*# sourceMappingURL=service.css.map */
