@media only screen and (min-width: 768px) {
    .pc_hidden {
        display: none;
    }
    /* .hb_section p {
        font-size: 18px;
    } */

    .hb_section h2 {
        font-weight: 900;
        font-size: 30px;
    }
    .hb_section h2 .en {
        top: 20px;
        word-spacing: -4px;

        font-size: 34px;
    }

    .hb_section .sec_banner {
        min-height: 1000px;
    }

    .hb_section .sec_banner .text_con {
        margin-top: -485px;
        margin-right: 165px;
    }

    .hb_section .sec_banner .sec_banner_desc {
        max-width: 36vw;
    }

    .hb_section .sec_banner .sec_banner_title {
        font-size: 2.3vw;
        font-weight: 900;
    }
    .hb_section .sec_banner .sec_banner_desc {
        font-size: 1.2vw;
    }

    .hb_section .sec_symptom {
        margin-top: -12vw;
        padding: 3vw 2vw;
    }

    .hb_section .sec_symptom h4 {
        font-size: 1.8vw;
        font-weight: 900;
        margin-bottom: 40px;
    }
    .hb_section .sec_symptom .sec_symptom_box > div {
        margin: 1vw 0;
    }

    .hb_section .sec_symptom .sec_symptom_pic {
        width: 10vw;
        margin-bottom: 0.5vw;
    }
    .hb_section .sec_selftest {
        margin-top: 20px;
        padding-top: 170px;
        padding-bottom: 100px;
    }
    .hb_section .sec_selftest .gridtest_box {
        margin-top: 70px;
    }
    .hb_section .sec_selftest .gridtest_box .title {
        font-weight: 600;
        font-size: 20px;
    }
    .hb_section .sec_selftest .gridtest_box .way_text {
        padding: 5px 20px;
        border-radius: 100px;
        font-weight: 900;
        margin: 30px 0;
    }

    .hb_section .sec_selftest .gridtest_box ul li span {
        font-size: 55px;
        margin-right: 20px;
    }
    .hb_section .sec_selftest .gridtest_box .left ul li p {
        margin-top: 10px;
    }
    .hb_section .sec_selftest .gridtest_box .right img {
        max-width: 410px;
    }
    .hb_section .sec_selftest .warimg_p {
        font-size: 20px;
        padding: 10px;
        padding-left: 30px;
        margin-top: 50px;

        margin-bottom: 20px;
    }
    .hb_section .sec_selftest .content_p {
        margin-left: 30px;
    }
    .hb_section .sec_selftest .img_text_list {
        margin-top: 20px;
    }
    .hb_section .sec_selftest .img_text_list li {
        width: 210px;
        padding-bottom: 40px;
    }
    .hb_section .sec_selftest .img_text_list li h5 {
        padding: 10px 0;
        margin-bottom: 15px;
        font-weight: normal;
    }
    .hb_section .sec_selftest .img_text_list li img {
        width: 180px;
    }
    .hb_section .sec_selftest .img_text_list li img:nth-child(1) {
        margin-bottom: 15px;
    }
    .hb_section .sec_selftest .img_text_list li .s2_down {
        width: 40px;
    }
    .hb_section .sec_type {
        padding-top: 200px;
        height: 1500px;
    }
    .hb_section .sec_type .out_circle {
        width: 710px;
        margin: 0 auto;
        height: 710px;
        margin-top: 240px;
    }

    .hb_section .sec_type .out_circle .circle {
        width: 250px;
        height: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        font-size: 40px;
        text-align: center;
    }

    .hb_section .sec_type .out_circle .circle1 {
        position: absolute;
        top: -110px;
    }
    .hb_section .sec_type .out_circle .circle2 {
        position: absolute;
        top: 225px;
    }
    .hb_section .sec_type .out_circle .circle3_box {
        position: absolute;
        width: 930px;
        bottom: -25px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .hb_section .sec_type .out_circle .circle3_i {
        width: 200px;
        height: 200px;
        font-size: 30px;
    }
    .hb_section .sec_oldhb .img_des_box {
        margin-top: 60px;
    }

    .hb_section .sec_oldhb .img_des_box img {
        max-width: 250px;
		margin-right:20px;
    }
    .hb_section .sec_oldhb .img_des_box p {
        max-width: 1000px;
        padding: 30px;
    }

    .hb_section .sec_oldhb h5 {
        font-size: 30px;
        padding: 15px 0;
        font-weight: 900;
    }
    .hb_section .sec_oldhb .dry_hb,
    .hb_section .sec_oldhb .slow_hb {
        margin-top: 40px;
        padding: 0 30px;
        padding-bottom: 30px;
    }
    .hb_section .sec_oldhb .dry_hb h6,
    .hb_section .sec_oldhb .slow_hb h6 {
        width: 300px;

        font-size: 25px;
        padding: 10px 0;
        margin-bottom: 30px;
    }
    .hb_section .sec_oldhb .dry_hb .des_con img,
    .hb_section .sec_oldhb .slow_hb .des_con img {
        max-width: 400px;
    }
	.hb_section .sec_oldhb .dry_hb .des_con img{
		margin-right:40px;
	}
	 .hb_section .sec_oldhb .slow_hb .des_con img {
		 margin-left:40px;
	 }
    .hb_section .sec_oldhb .dry_hb .des_con .des_box,
    .hb_section .sec_oldhb .slow_hb .des_con .des_box {
        width: 790px;
    }
    .hb_section .sec_oldhb .dry_hb .des_con .des_box p,
    .hb_section .sec_oldhb .slow_hb .des_con .des_box p {
        margin: 10px 0;
    }
    .hb_section .sec_reason {
        padding-top: 200px;
        margin-top: 50px;
        padding-bottom: 400px;
    }
    .hb_section .sec_reason h2 {
        margin-bottom: 100px;
    }
    .hb_section .sec_reason .mb_hidden ul{
        display: flex;
    }
    .hb_section .sec_reason ul:nth-child(2) {
        margin-bottom: 30px;
    }
    .hb_section .sec_reason ul li img {
        width: 200px;
        margin-bottom: 40px;
    }
    .hb_section .sec_reason ul li span {
        font-size: 25px;
        height:100px;
    }
    .hb_section .sec_treatment {
        margin-top: -310px;
        padding-top: 140px;
        
    }
    .hb_section .sec_treatment h2 {
        margin-bottom: 100px;
    }
	
    .hb_section .sec_treatment ul li {
        margin: 20px 0;
        width: 95%;
        margin-left: 5%;
        padding: 10px 30px 40px 30px;
    }
    .hb_section .sec_treatment ul li div {
        margin-left: -55px;
    }
    .hb_section .sec_treatment ul li div span {
        width: 45px;
        font-size: 25px;
        height: 45px;
        text-align: center;
        line-height: 45px;
    }
    .hb_section .sec_treatment ul li div h6 {
        font-size: 22px;
        line-height: 44px;
        padding: 0px 40px;
        padding-left: 50px;
        margin-left: -20px;
        margin-bottom: 30px;
    }

    .hb_section .sec_prevention {
        padding-top: 80px;
        /* padding-bottom: 80px; */
    }

    .hb_section .sec_prevention ul {
        margin-top: 100px;
    }
    .hb_section .sec_prevention ul li {
        width: 340px;
        margin: 50px 0px;
        border-radius: 160px 160px 0 0;
    }
    .hb_section .sec_prevention ul li img {
        width: 320px;
        border-radius: 160px 160px 0 0;
    }
    .hb_section .sec_prevention ul li .des_box {
        height: 200px;
        padding: 0 20px;
    }
    .hb_section .sec_prevention ul li .des_box h6 {
        font-size: 25px;
        padding-top: 20px;
        height: 80px;
    }
	/* .section_com_problem>h2{
		margin-left:120px;
	} */
	
}