.ud_circle {
  width: 100%;
  border-radius: 50%;
  overflow: hidden; }

.pc_only {
  display: block; }
  @media only screen and (max-width: 880px) {
    .pc_only {
      display: none; } }

#ut_mainimage {
  width: 100%;
  height: 500px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 880px) {
    #ut_mainimage {
      height: 60vw; } }

.ut_title {
  font-size: 32px;
  line-height: 1.4em;
  margin: 10px auto 40px auto;
  font-weight: 600;
  text-align: center; }
  @media only screen and (max-width: 880px) {
    .ut_title {
      width: 100%;
      font-size: 24px;
      margin: 10px auto 20px auto; } }

.ut_lead {
  font-size: 14px;
  line-height: 2em;
  margin: 0px auto 70px auto;
  width: 45%;
  font-weight: 600; }
  @media only screen and (max-width: 880px) {
    .ut_lead {
      width: 100%; } }

.ut_image_cnt {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 100px; }
  .ut_image_cnt .ut_image_box {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 880px) {
      .ut_image_cnt .ut_image_box {
        width: 50%; } }
    .ut_image_cnt .ut_image_box img {
      width: 98%;
    margin: 2.5px 1%; }

.ut_merit_cnt {
  width: 100%;
  margin: 60px auto 100px auto; }
  @media only screen and (max-width: 880px) {
    .ut_merit_cnt {
      margin: 20px auto 100px auto; } }
  .ut_merit_cnt .ut_merit_box {
    width: 100%;
    margin-bottom: 50px;
    overflow: hidden; }
    @media only screen and (max-width: 880px) {
      .ut_merit_cnt .ut_merit_box {
        display: block; } }
    .ut_merit_cnt .ut_merit_box .ut_merit_box_left {
      width: 49%;
      float: left; }
      @media only screen and (max-width: 880px) {
        .ut_merit_cnt .ut_merit_box .ut_merit_box_left {
          width: 100%; } }
      .ut_merit_cnt .ut_merit_box .ut_merit_box_left.va_middle {
        vertical-align: middle;
        padding-left: 20px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media only screen and (max-width: 880px) {
          .ut_merit_cnt .ut_merit_box .ut_merit_box_left.va_middle {
            padding-left: 0px;
            margin-top: 20px;
            display: block; } }
        .ut_merit_cnt .ut_merit_box .ut_merit_box_left.va_middle .f_inner {
          width: 100%; }
    .ut_merit_cnt .ut_merit_box .ut_merit_box_right {
      width: 49%;
      float: right; }
      @media only screen and (max-width: 880px) {
        .ut_merit_cnt .ut_merit_box .ut_merit_box_right {
          width: 100%; } }
      .ut_merit_cnt .ut_merit_box .ut_merit_box_right.va_middle {
        vertical-align: middle;
        padding-left: 20px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media only screen and (max-width: 880px) {
          .ut_merit_cnt .ut_merit_box .ut_merit_box_right.va_middle {
            padding-left: 0px;
            margin-top: 20px;
            display: block; } }
        .ut_merit_cnt .ut_merit_box .ut_merit_box_right.va_middle .f_inner {
          width: 100%; }

.ut_list {
  list-style: disc;
  padding-left: 2em; }
  @media only screen and (max-width: 880px) {
    .ut_list {
      padding-left: 1.5em; } }
  .ut_list li {
    margin-bottom: 10px;
    font-size: 20px; }
    @media only screen and (max-width: 880px) {
      .ut_list li {
        font-size: 15px;
        margin-bottom: 5px; } }

.sp_only {
  display: none; }
  @media only screen and (max-width: 880px) {
    .sp_only {
      display: inline-block; } }