@media(max-width: 768px){
	nav.static{ height: 100%; display: block; }
	.mv{ height: 20vw!important; background-attachment: unset; }
	.mv.dummy{ background-image: url(../images-oc-lower-eyelid/dummy/mv01-sp.jpg); }
	.mv.about{ background-image: url("../images-oc-lower-eyelid/about/about_mv_sp.jpg"); }
	.mv.alliance-mv{ background-image: url("../images-oc-lower-eyelid/alliance/alliance_mv_sp.jpg"); }
	.mv.first{ background-image: url("../images-oc-lower-eyelid/first/first_mv_sp.jpg"); }
	.mv.staff{ background-image: url("../images-oc-lower-eyelid/staff/staff_mv_sp.jpg"); }
	.mv.symptom{ background-image: url("../images-oc-lower-eyelid/symptom/sympton_mv_sp.jpg"); }
	.mv.treatment_mv{ background-image: url("../images-oc-lower-eyelid/treatment/treatment_mv_sp.jpg"); }
	.mv.price{ background-image: url("../images-oc-lower-eyelid/price/price_mv_sp.jpg"); }
	.mv.access{ background-image: url("../images-oc-lower-eyelid/access/access_mv_sp.jpg"); }
	.mv.case{ background-image: url("../images-oc-lower-eyelid/case/case_mv_sp.jpg"); }
	.mv.alliance{ background-image: url("../images-oc-lower-eyelid/alliance/alliance_mv_sp.jpg"); }
	.mv.contact{ background-image: url("../images-oc-lower-eyelid/contact/contact_mv_sp.jpg"); }
	.mv.qa{ background-image: url("../images-oc-lower-eyelid/qa/qa_mv_sp.jpg"); }

	.pankuzu li{ font-size: 3.2vw; display: inline-block;}

	main{ width: 100%; padding: 14vw 6.6666vw 0; }

	main h1{ font-size: 8vw; margin-bottom: 6.6666vw; text-align: center;}
	main h1 small{ font-size: 3.6666vw; }

	main > .side-img{ flex-wrap: wrap; justify-content: center; margin-bottom: 12vw; }
	main > .side-img2{margin-bottom: 15px; }
	main > .side-img .img{ width: 50.66vw; order: 1; margin-bottom: 4.666vw; }
	main > .side-img2 .img{ width: 100%; }
	main > .side-img .content{ width: 100%; order: 2; }
	main > .side-img .content p{ font-size: 3.733vw; }

	.container{ padding: 13.3333vw 6vw; }
	.container + .container{ margin-top: 6.6666vw; }
	.container:last-child{margin-bottom: 10.666vw;}

	.container a.btn{ width: 66.666vw; height: 13.333vw; margin: 3.4666vw auto; }

	.container h2{ font-size: 18px; margin: 13vw 0 4vw; }
	.container h2:first-of-type{margin-top: 0;}
	.container h3{ font-size: 4.2vw; margin: 8vw 0 3.466vw; }
	.container h4{ font-size: 4vw; margin: 1em 0 2.6vw; }
	.container h4:before{ width: 2.4vw; height: 2.4vw; border-radius: 100%; top: 2vw; }
    .container h5{font-size: 13px;width: 100%}
	.container p{font-size: 3.777vw;}
	.container .side-img{ flex-wrap: wrap; margin: 8vw 0; }
	.container .side-img .img{ width: 100%; height: auto; order: 1; margin-bottom: 2.9333vw; }
	.container .side-img .img img{ width: 100%; height: auto;}
	.container .side-img .content{ width: 100%; order: 2; }
	.container .flex .half{width: calc(50% - 5px); margin-bottom: 3vw;}
	.container .flex.width100 .half{width: 100%;}

	.container ul.check{ margin: 8vw 0; }
	.container ul.check li{ padding-left: 6.6666vw; }
	.container ul.check li + li{ margin-top: 4vw; }
	.container ul.check li:before{ width: 5.0666vw; height: 5.0666vw; }
	.container ul.check li dl dt{ font-size: 3.733vw; top: .4vw; }

	.container ul.number{ margin: 8vw 0; }
	.container ul.number li{ padding-left: 0; width:100%; display:block; padding-top:20px; margin-bottom: 5vw;}
	.container ul.number li + li{ margin-top: 4vw; }
	.container ul.number li:before{ width: 50px; height: 50px; background-size:50px; top:30px; }
	.container ul.number li .img{ width: 75%; margin:0 auto 10px;}
	.container ul.number li dl{ width: 100%; }
	.container ul.number li dl dt{ font-size: 3.733vw; padding-left:65px; }

	.container table{ margin: 8vw 0; }
	.container table.d_100 th,.container table.d_100 td{width:100%; display:block;}
	.container table.d_100 th{text-align:center;}

	/**** staff ****/

	.container img.dr-pic{ margin-bottom: 3.3333vw; height: 66.666vw; object-fit: cover; }

	.container h2 span{ font-size: 4.4666vw; }

	.container table.priority-th.staff th{ width: 24.666vw; letter-spacing: 0; vertical-align: middle; }
	.container table.priority-th.staff td{ letter-spacing: 0; }
	
	/**** about ****/
	.policy_text h2{font-size:17px; margin-bottom:10px;}
	main > .side-img .policy_text p{ font-size:20px; line-height:2.3; color:rgb(158, 52, 55); font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
	.policy_wrap{padding:0 0 30px;}
	.policy_wrap p{margin-bottom:15px; line-height:2; font-size: 3.77vw;}
	main #about h2{text-align:center; margin-bottom:30px;}
	main #about h3{font-size:17px; padding: 10px 10px 0 65px; height:80px; margin: 40px 0 20px;}
	main #about h3 span{ width:50px; height:50px; position:absolute; top:0; left:0; font-size:28px; }

	/**** first ****/
	.container .video {width:100%; height:200px;}

	/**** access ****/
	table.time_table th,table.time_table td{ padding:7px 3px;}	
	
	/**** price ****/
	.none{display:none;}
	#price .container table td{text-align:center; width:50%; float:left; padding: .5em;}
	#price .container table th{width:100%; display:block; text-align:center;}
	#price .container table th,#price .container table td{letter-spacing:0; vertical-align:middle;}
	#price .container table td{border-bottom:none; font-size:12px;}
	#price .container table td{border-left:#ccc 1px solid; height:100%;}
	#price .container table.b_b td{border-bottom:#CCC 1px solid;}
    #price .container table td p,#price .container table td p strong{ font-size: 12px; letter-spacing: 0 !important;}
    
    #price .container table.normal_t th{ width: auto; display: table-cell; }
    #price .container table.normal_t td{ width: auto; border-left:none; border-bottom: #ccc 1px solid; float: none;}
	
	/**** tratment ****/
	table.img_table td,table.img_table th{padding:5px 5px 0; width:100%; display:block;}
	#contact h3{padding:8px; line-height:2.5;}
	#contact h3 span{background:#a38138; color:#FFF; padding:6px 10px; margin-right:5px;}

    img.dr_cv { object-fit:contain; width: 100%; height: 65vw;}
    .flex_box{display: block;}
	#ope{padding: 30px 0 50px; margin: 0;}
	.treat-list dl{width: 100%;}
	
	.case{ padding: 14vw 0; }
	.case h2,.case > p{ font-size: 4vw; margin-bottom: 5.333vw; }
	.case .case-list{ width: 73.333vw; margin: 0 auto; }
	.case .case-list li{ width: 100%; padding-bottom: 13.33vw; }
	.case .case-list li:nth-of-type(n+2){ display: none; }
	.case .case-list li .inner{ padding: 10vw 6.6666vw 0; }
	.case .case-list li h3{ font-size: 5.0666vw; margin-bottom: 8vw; }
	.case .case-list li h3:before{ width: 13.333vw; height: 13.333vw; border-radius: 13.333vw; }
	.case .case-list li .detail{ bottom: 7vw; }
	.case a.btn{ margin-top: 6.6666vw; }
	
    .flex_btn{display: flex;flex-wrap: wrap;}
    .flex_btn .btn{width:100%!important;}
    main #price .container table.sp-break td{
        width: 100%!important;
    }
    
    
	.dr h2{ margin-bottom: 21.33vw; }
	.dr .profile{ padding-top: 40vw; background-image: url(../images-oc-lower-eyelid/index/bg-dr01-sp.jpg); }
	.dr .profile .img{ width: 80vw; height: 40vw; top: -6.6666vw; border-radius: 0 0 0 20vw; background-image: url(../images-oc-lower-eyelid/index/bg-dr02-sp.jpg); }
	.dr .profile .img img{ width: 57.066vw; height: auto; left: 10.6666vw; }
	.dr .profile h3{ font-size: 4.666vw; margin-bottom: .8em; padding: 0 2.933vw; }
	.dr .profile h3 span{ font-size: 3.46666vw; }
	.dr .profile p{ max-width: 100%; padding: 0 2.933vw; }
	.dr .profile a.btn{ margin-top: 6.133vw; }
	.dr .profile .item01{ margin-top: 6.666vw; }
	.dr .profile .item01.sp{ display: block; }
	
	/*	追加分*/
	.add{margin-top: 30px; width: 100%;}
	.add .side-img{ flex-wrap: wrap; justify-content: center; margin-bottom: 5vw; }
	.add .side-img:not(:first-child){margin-top: 15vw;}
	.add .side-img .img{ width: 50.66vw; height: auto; order: 1; margin-bottom: 4.666vw;}
	.add .side-img .content{ width: 100%; order: 2; }
	.add .side-img .content p{ font-size: 3.733vw; }
	.add .side-img .content > p:first-child{margin-left: auto; margin-right: auto;}
    .dr ul li{
        margin-bottom: 1rem;
        font-size: 5.333vw;
        background-size: 30px;
        font-weight: 600;
    }
    .dr ul + p{
    font-size: 4.666vw;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 0.8em;
    padding: 0 2.933vw;    
    }
    .dr ul + p strong{
    font-size: 8.666vw;
    }
    .dr + .worry .add{
        padding: 1rem;
    }
    
    .worry .add  p{
        margin-bottom: 1rem;
    }
    
    
	.worry{ padding-bottom: 16vw; }
	.worry .ttl{ padding-top: 13.333vw; background-image: url(../images-oc-lower-eyelid/index/bg-worry01-sp.jpg); }
	.worry .ttl h2.general{ margin-bottom: 5.333vw; }
	.worry .ttl ul li{ font-size: 4.666vw; background-size: 5.0666vw; padding-left: 1.5em; }
	.worry .ttl .item01{ margin-top: 6.6666vw; }
	.worry .ttl .item01.sp{ display: block; }
	.worry .worry-list{ flex-wrap: wrap; width: 73.33333vw; margin: 6vw auto 0; }
	.worry .worry-list li{ width: 100%; padding: 6.6666vw; }
	.worry .worry-list li + li{ margin-top: 1.333vw; }
	.worry .worry-list li .icon-wrap{ width: 36vw; }
	.worry .worry-list li .icon-wrap:after{ width: 12vw; height: 12vw; left: -4vw; }
	.worry .worry-list li h3{ font-size: 4vw; }
	.worry .worry-list li .detail{ position: static; transform: none; text-align: center; margin-top: 2.933vw; }
	.worry .worry-list + a.btn{ margin-top: 6.6666vw; }

}


@media (max-width: 768px){

    .tab li a{
        letter-spacing: 0.05rem;
        padding: 10px 2vw;
    }
    
    .cat-list, .tag-list {
    width: 100%;
    }
    
    .area.is-active .container {
    padding: 13.3333vw 0 !important;
    } 
}