@charset "UTF-8";
/* under_obj --------------------------------------------------------------- */
#under_obj,
#under_obj p,
#under_obj p img {
	width: 633px;
	height: 680px;
	}
#under_obj {
	position: absolute;
	left: 0;
	top: 290px;
	}
@media(max-width: 768px){
  #under_obj,
  #under_obj p,
  #under_obj p img {
    width: 350px;
    height: 369px;
    }
  #under_obj {
    top: 190px;
    }
	}
/* under_box --------------------------------------------------------------- */
.under_box .underRight ul.ul1 {
	overflow: hidden;
	margin-bottom: 30px;
	}
	.under_box .underRight ul.ul1 li {
		float: left;
		width: 33.3%;
		}
		.under_box .underRight ul.ul1 li h3 {
			margin-bottom: 20px;
			text-align: center;
			font-size: 28px;
			font-weight: bold;
			padding: 10px 0;
			background-image: url("../../img/vision/ap_1.png");
			background-position: center center;
			background-size: 100% auto;
      color: #fff;
			}
			.under_box .underRight ul.ul1 li h3 span {
				font-size: 15px;
				font-weight: bold;
				}
		.under_box .underRight ul.ul1 li p {
			font-size: 12px;
			padding-right: 1em;
			}
		.under_box .underRight ul.ul1 li p.circle {
			text-indent: -1em;
			padding: 0 1em 0 1em;
			}
.under_box .underRight ul.ul2 {
	overflow: hidden;
	margin-bottom: 30px;
	}
	.under_box .underRight ul.ul2 li {
		float: left;
		width: 30%;
		margin: 0 5% 40px 0;
		}
	.under_box .underRight ul.ul2 li:nth-of-type(3n) {
		margin-right: 0;
		}
		.under_box .underRight ul.ul2 li h3 {
			margin-bottom: 10px;
			font-size: 18px;
			font-weight: bold;
			border-bottom: solid 1px;
			padding-bottom: 5px;
			}
		.under_box .underRight ul.ul2 li p {
			font-size: 14px;
			}
.under_box .underRight p.ap_1 {
	margin-bottom: 70px;
	}
.under_box .underRight p.ap_2 {
	margin-bottom: 70px;
	}
.under_box .underRight p.ap_3 {
	margin: 70px 0;
	}
.under_box .underRight p.ap_4 {
	width: 95%;
	text-align: right;
	margin: 70px 0 70px auto;
	}
span.click {
  width: 300px;
  margin: 0 auto;
  font-size: 85%;
  text-align: center;
  color: #ffffff;
  background-color: #0089cb;
}
@media(max-width: 768px){
      .under_box .underRight ul.ul1 li h3 {
        margin-bottom: 10px;
        font-size: 14px;
        padding: 0;
        }
        .under_box .underRight ul.ul1 li h3 span {
          font-size: 10px;
          }
  
  .under_box .underRight ul.ul2 {
    margin-bottom: 0;
    }
    .under_box .underRight ul.ul2 li {
      float: left;
      width: 48%;
      margin: 0 4% 30px 0;
      }
    
    .under_box .underRight ul.ul2 li:nth-of-type(2n) {
      margin-right: 0;
      }
  
    .under_box .underRight ul.ul2 li:nth-of-type(3n) {
      margin-right: 4%;
      }
      .under_box .underRight ul.ul2 li h3 {
        margin-bottom: 10px;
        font-size: 14px;
        }
      .under_box .underRight ul.ul2 li p {
        font-size: 14px;
        }
  .under_box .underRight p.ap_1 {
    margin-bottom: 50px;
    }
  
  .under_box .underRight p.ap_2 {
    margin-bottom: 50px;
    }
  .under_box .underRight p.ap_3 {
    margin: 30px 0;
    }
  .under_box .underRight p.ap_4 {
    width: 100%;
    margin: 30px auto 50px auto;
    }
	}