@media screen and (max-width:1400px) {
	/* common */
	header .header_r nav{ margin-right:22%; }
	header nav .gnb > li{ margin-left:45px; }

}
@media screen and (max-width:1200px) {
	html,body{ font-size:9.5px; }
	.inner{ width:90%; max-width:auto; }
	.m_btn{ display:block; }
	/* common */
	header:after{ top:75px; }
	header h1 a{ width:165px; height:57px; }
	header .header_r nav,header .header_r .util{ display:none; }
	header .hd_in{ height:75px; }
    /*=== main ====*/
	
	.mainVis .mainSlide .slide > div{ text-align:center; width:95%; min-width:auto; }
	.tech .tech_slide ul{ float:none; width:100%; }
	.tech .tech_slide .slide_txt li{ padding:6% 7%; }
	.tech .arrows{ display:none; }


    /*=== sub ====*/
		.readership > ul{  grid-template-columns:repeat(1,1fr); gap:30px;}
	.readership > ul > li{ float:none; width:100%; height:auto; padding:30px;}
	.readership > ul > li dl dd ul li{ font-size:15px; }
	.readership > ul > li dl { padding-left:0 !important;}
	
	.value .intro{ padding-bottom:200px; }
	.value .value_list{ margin-top:0px; background:none; }
	.value .value_list > p{ position:static; transform:translate(0); color:#555; }
	.value .value_list > p span{ color:#0085cd; }
	.value .value_list dl{ position:static; text-align:center; margin-top:50px; }
	.value .value_list dl.list1,.value .value_list dl.list3{ text-align:center; }
	.value .value_list dl:before, .value .value_list dl:after{ display:none; }
	
	.vaccine .tab ul li{ width:calc(33.33% - 7px); margin:0 5px 10px; }
	.vaccine .tab ul li:nth-child(3n){ margin-right:0; }
	.vaccine .tab ul li:nth-child(3n+1){ margin-left:0; }

	.remedy .disease_tab .tab ul li{ width:48%; margin:0 0.5%; }
	
	.tab ul li{ width:calc(33.33% - 13.6px); height:212px; margin:0 10px 20px; }
	.tab ul li:nth-child(3n){ margin-right:0; }
	.tab ul li:nth-child(3n+1){ margin-left:0; }
	.tab ul li .img img{ width:70px; }
	
	.sb02 .intro{ height:auto; }
	.sb02 .intro > div{ right:auto; width:100%; position:static; transform:translateY(0); min-height:auto; background:rgba(255,255,255,.7);}
	

	.manu .facility > *{ float:none; width:100% !important; }
	.manu .facility .img{ text-align:center; }
	.manu .facility .txt{ padding-left:0; margin-top:70px; }

	.location .info ul li{ float:none; width:100%; height:auto; }
}

@media screen and (max-width:1100px) {
    #wrap { min-width:inherit; }


    /*=== main ====*/

    /*=== sub ====*/
}

@media screen and (max-width:960px) {
	footer .top{ position:fixed; top:auto; bottom:10px; right:10px; z-index:10001; }
    /*=== main ====*/
	.mainVis .mainSlide .slide > div{ font-size:5.5rem; line-height:1.3; }
	.media .list ul li:last-child{ display:none; }
	.media .list ul li{ width:calc(50% - 25px); }
	.media .list ul li:nth-child(2){ margin-right:0; }

    /*=== sub ====*/
	.greeting > div{ float:none; }
	.greeting .img{ width:100%; text-align:center; margin-bottom:40px; }
	.greeting .txt{ width:100%; padding:0; }
	.greeting .txt > strong{ display:block; text-align:center; }
	.greeting .txt > p span br{ display:none; }
	
	.partner .intro > p{ width:100%; }
	.partner .list dl dt{ font-size:20px; }
	.partner .list dl dt:before{ top:5px; }


	footer .inner{ padding-left:0; padding-top:80px; background-position:center top; text-align:center; background-size:160px auto; }
}

@media screen and (max-width:767px) {
    body,table,input,textarea,select { font-size:15px; }
	header h1{ left:3%; }
	header .util .lang{ right:5%; }


    /*=== main ====*/
	html,body{ font-size:9px; }
	.mainVis .mainSlide .slide{ height:75vh; }
	.mainCont article .titBox h2 + p,.view .artCon ul li a{ font-size:18px; }

	.mainVis .mainSlide .slide > div{ font-size:3.5rem; }
	
	.view .artCon ul{ display:block; }
	.view .artCon ul li{ width:50%; margin:0; }

	.about .sqinner > div{ float:none; width:100%; margin:0; }
	.about .sqinner .sq_big{ margin-bottom:5px; height:330px; }

	.media .list ul li .txt .tit{ font-size:1.8rem; }

    /*=== sub ====*/
	#lnb ul li a{ font-size:16px; line-height:50px; }

	.readership > ul > li dl{ padding-left:10%; }
	
	.partner .list dl dt{ line-height:1.3; }
	.partner .list dl dt:before{top:8px;}
	.partner .list dl dd ul li{ width:calc(50% - 10px); }
	.partner .list dl dd ul li:nth-child(2n){ margin-right:0; }
	.partner .list dl dd ul li:nth-child(2n+1){ margin-left:0; }

	.depth3 ul li a{ font-size:16px; }
	.disease_box .disease .img{ display:none; }
	.disease_box .disease .txt{ padding:0; width:100%; }
	.disease_box .tab_list .list dl > *{ float:none; width:100%; }
	.disease_box .tab_list .list dl dd{ width:100%; }
	.disease_box .tab_list .list dl dd ul li{ word-break:break-all; }
	.disease_box .tab_list .list .tit > p{ line-height:1.3; font-size:26px; }
	.disease_box .tab_list .list .tit > p span{ display:block; }

}

@media screen and (max-width:640px) {
	header .util .contact_btn{ display:none; }
    /*=== main ====*/
	.media .list ul li{ float:none; width:100%; margin:0; }
	.media .list ul li .img{ display:none; }
    /*=== sub ====*/
	#sv { height:350px; }
	#sv .titBox h2{ font-size:4.3rem; }
	#sb h3{ font-size:3.6rem; }
	.sb01 .company_txt p{ width:100%; box-sizing:border-box; }
	.sb01 .company_txt p, .sb01 .company_txt p span{ letter-spacing:0.06em; }

	.tab ul li{ height:auto; }
	.tab ul li a{ padding:0; }
	.tab ul li .img{ display:none; }
	.tab ul li .txt{ padding:20px; }
	.tab ul li .txt span{ display:none; }
	
	.partner .intro{ height:auto; }
	.partner .intro > p{ position:static; transform:translate(0); padding:70px 20px; box-sizing:border-box; }
	/*.vaccine .tab ul li{ width:cal32.33%; margin-bottom:5px; }
	.vaccine .tab ul li:nth-child(3n){ margin-right:0; }
	.vaccine .tab ul li:nth-child(3n+1){ margin-left:0; }*/
	
	.remedy .tit_s1{ height:50px; }
	.remedy .disease_tab .tab ul li{ float:none; width:98%; margin:0 0 5px; }

	.tab_s2 ul{ display:block; }
	.tab_s2 ul li{ width:50%; box-sizing:border-box; }

	.location .info ul li .txt p{ display:block; line-height:1.4;}
	.location .info ul li .txt p:after{ display:none; }

	footer{ font-size:15px; }
	footer address p{ line-height:1.6; }
	footer address p:nth-child(2) span{ display:block; }
	footer address p:nth-child(2) span + em{ display:none; }

}

@media screen and (max-width:480px) {

    /*=== main ====*/
	.view .artCon ul li{ width:100%; float:none; }
    /*=== sub ====*/
	.tab ul li{ width:calc(33.33% - 6.7px); margin:0 5px 10px; }
	.tab ul li .txt{ padding:15px; }

	.manu .facility .txt .tit{ font-size:3rem; }

	.partner .intro > p span br{ display:none; }


}