@charset "utf-8";
@media screen and (max-width: 1400px){
     /*===== 1400 NAVIGATION =====*/
     nav{
        padding: 0 4vw;
    }
    nav ul.menu li{
        padding-left: 30px;
    }
    /*===== 1400 PAGE BLOCK 1 =====*/
    .block1{
        width: calc(100% - 6vw);
    }
    /* POULTRY */
    .block1 .farm{
        padding: 0 0 0 7vw;
    }
    .farm .headline{
        margin-right: 3.5vw;
    }
    .farm .content{
        margin-right: 3.5vw;
    }
    .farm .pic{
        width: calc(100% - 500px - 7vw - 10px);
    }
    .farm .chart{
        width: calc(100% - 500px - 7vw);
    }
    /* PORK */
    .nordic .headline h3{
        font-size: min(max(4vw, 24px), 48px);
    }
    .nordic .pic{
        width: 37.5%;
    }
    .quality .pic{
        flex: 0 0 66.66%;
    }
    .quality p.txt{
        flex: 0 0 33.33%;
    }
    /*===== 1400 PAGE BLOCK 8 =====*/
    /* PORK */
    .live .content .article{
        flex: 0 0 50%;
    }
    .live .content .pic{
        flex: 0 0 45%;
        width: 42.5%;
        left: 40px;
    }
    .live .content .article{
        margin-right: 20px;
    }
    /*===== 1400 PAGE BLOCK 5 =====*/
    .welfare .pic{
        flex: 0 0 430px;
    }
    .welfare .pic > div{
        width: 90%;
    }
}
@media screen and (max-width: 1300px){
    /*===== 1300 KV =====*/
    .scroll{
        right: 3vw;
    }
    /*===== 1300 PAGE BLOCK 1 =====*/
    .block1 .nordic{
        padding: 0 50px;
    }
    /*===== 1300 PAGE BLOCK 6 =====*/
    .block6{
        width: 100%;
    }
    .block6 .life{
        width: 92%;
        padding: 0 2vw;
    }
    .life .boxOuter{
        flex: 0 0 32.571%;
    }
    .life .boxOuter .box{
        margin: 4vw 0;
        padding: 0 1vw 0 2vw;
    }
    .life .boxOuter .box h4{
        font-size: min(max(4vw, 15px), 23px);
        line-height: min(max(5.6vw, 21px), 32px);
    }
    /*===== 1300 MEDIA BANK =====*/
    /* NEWS */
    .mediaNews{
        width: 92%;
    }
    /* PHOTO */
    .mediaPhoto .photoList{
        width: 92%;
    }
    .wrap .photoList .slick-prev{ left: 0;}
    .wrap .photoList .slick-next{ right: 0;}
    /* RECIPE */
    .mediaRecipe .recipeList{
        width: 90%;
    }
}
@media screen and (max-width: 1200px){
    /*===== 1200 TITLE=====*/
    .title{
        font-size: min(max(6.4vw, 24px), 50px);
    }
    /*===== 1200 INDEX ABOUT US =====*/
    .detail .text{
        flex: 0 0 63.32%;
    }
    .detail .pic{
        flex: 0 0 49.16%;
        left: -12.91%;
    }
    /*===== 1200 ABOUT =====*/
    .content .text{
        flex: 0 0 auto;
        width: calc(100% - 590px - 30px);
    }
    .content .text p.txt{
        letter-spacing: 0.03em;
    }
    .happy .item{
        padding-left: 20px;
    }
    .happy .item > div{
        flex: 0 0 48.33%
    }
    .happy .item:nth-of-type(1) .headline{
        margin-top: 40px;
        padding-left: 0;
    }
    .happy .item:nth-of-type(2) .headline{
        padding-right: 0;
    }
    .info .inner{
        width: 92%;
    }
    .major .pic{
        flex: 0 0 48.33%;
    }
    /*===== 1200 MEDIA =====*/
    .media .mediaList > div{
        margin: 0 2vw;
    }
    /*===== 1200 CONTACT =====*/
    .contact{
        width: 92%;
        padding: 60px 30px 65px 60px;
    }
    .contact .dealer > div h4{
        letter-spacing: 0;
    }
    /*===== 1200 PAGE BLOCK 1 =====*/
    /* POULTRY */
    .block1 .farm{
        padding: 0 0 0 6vw;
    }
    .farm .content{
        margin-top: 2vw;
    }
    /*===== 1200 PAGE BLOCK 2 =====*/
    .block2{
        width: 100%;
    }
    /* POULTRY */
    .environ .pic{
        flex: 0 0 48vw;
        width: 45vw;
    }
    .environ .headline{
        flex: 0 0 48vw;
        padding-left: 3.33vw;
    }
    /* PORK */
    .tidy .pic{
        width: 48vw;
        padding: 1.6vw;
    }
    .tidy .headline{
        width: 48vw;
        padding-left: 3vw;
    }
    .tidy .headline h3{
        letter-spacing: -0.03em;
    }
    .tidy .content{
        width: 48vw;
        padding-left: 3vw;
    }
    /*===== 1200 PAGE BLOCK 3 =====*/
    .block3{
        width: 100%;
    }
    .pFoot .pic{
        flex: 0 0 48vw;
        width: 43.33vw;
        margin-top: -14.5vw;
        padding: 20px 20px 20px 20px;
    }
    .pFoot .headline{
        flex: 0 0 48vw;
    }
    /*===== 1200 PAGE BLOCK 4 =====*/
    /* POULTRY */
    .produce{
        width: 92%;
        padding: 35px 1.5vw;
    }
    .produce .steps{
        padding: 0 15px;
    }
    .produce .steps > div img{
        width: 16.36vw;
        max-width: 180px;
    }
    .produce .steps > div p::before{
        width: 3.2vw;
        height: 2.9vw;
        top: calc(50% - 1.45vw);
        left: -4.5vw;
    }
    /*===== 1200 PAGE BLOCK 3 =====*/
    .block3{
        padding: 50px 0 90px 6vw;
    }
    /*===== 1200 PAGE BLOCK 5 =====*/
    .block5{
        width: 100%;
        padding: 50px 5vw;
    }
    .block5 .welfare{
        height: 1035px;
    }
    .welfare .headline{
        width: 49.16vw;
    }
    .welfare .subtitle{
        width: 40vw;
        padding-left: 5vw;
    }
    .welfare .content{
        width: 49.16vw;
    }
    .welfare .pic{
        width: 40vw;
    }
    .welfare .pic > div{
        width: 36vw;
    }
    /*===== 1200 MEDIA BANK =====*/
    /* PHOTO */
    .mediaPhoto .backgray2 {
        width: 94%;
        left: 0;
        right: auto;
    }
    /*===== 1200 FOOTER =====*/
    .footer{
        padding: 40px 4vw;
    }
    .footer .copyright{ flex: 0 0 50%;}
    .footer .europeLogo img:nth-of-type(1){ margin-right: 2.5vw;}
    .footer .europeLogo img:nth-of-type(2){ margin-right: 2.5vw;}
}
@media screen and (max-width: 1100px){
    /*===== 1100 NAVIGATION =====*/
    nav ul.menu li{
        padding-left: 17px;
    }
    /*===== 1100 KV =====*/
    .kv{
        height: 700px;
    }
    .kv .banner1, .kv .banner2, .kv .banner3{
        height: 700px;
    }
    .scroll{
        height: 700px;
        right: 1.5vw;
    }
    /*===== 1100 INDEX ABOUT US =====*/
    .detail .text{
        padding: 35px 15vw 35px 4.5vw;
    }
    .detail .text p.txt b{
        letter-spacing: -0.035em;
    }
    /*===== 1100 VIDEO =====*/
    .movie .mov{
        width: 78vw;
    }
    /*===== 1100 ABOUT =====*/
    .backgray{
        width: calc(50% - 9.9vw);
        bottom: 6.25vw;
    }
    .content .text{
        flex: 0 0 50%;
    }
    .content .pic{
        flex: 0 0 45%;
    }
    /*===== 1100 CATALOG =====*/
    .catalog{
        padding: 0 4.5vw 90px 4.5vw;
    }
    .catalog .cata{
        margin: 0 2.27vw;
    }
    .catalog .cata .nopobtn{
        font-size: 2.75vw;
    }
    /*===== 1100 CONTACT =====*/
    .contact{
        padding: 60px 2vw 65px 3.5vw;
    }
    .contact .dealer > div{
        flex: 0 0 auto;
    }
    .contact .dealer > div h4{
        margin-bottom: 0.5vw;
        letter-spacing: 0;
    }
    .contact .dealer > div h4::before{
        width: 1.36vw;
        height: 2vw;
        top: 8px;
        left: -2.2vw;
    }
    .contact .dealer > div p, .contact .dealer > div a{
        font-size: 1.75vw;
        line-height: 3.5vw;
    }
    /*===== 1100 PAGE BLOCK 1 =====*/
    /* PORK */
    .nordic .headline h3{
        letter-spacing: 0.035em;
    }
    /* POULTRY */
    .farm .headline{
        flex: 0 0 47vw;
    }
    .farm .headline h3{
        font-size: 5vw;
    }
    .farm .pic{
        width: calc(100% - 47vw - 7vw - 10px);
    }
    .farm .content{
        flex: 0 0 82vw;
        margin-right: 6vw;
        margin-top: 5vw;
    }
    .farm .content .subtitle{
        margin-right: 10vw;
    }
    .farm .chart{
        width: 82vw;
        margin-left: 0;
        margin-top: 50px;
    }
    .farm .chart img{
        width: 52vw;
        max-width: 570px;
        margin: 0 auto;
    }
    /*===== 1100 PAGE BLOCK 6 =====*/
    .life .boxOuter .box:nth-of-type(1){
        height: 400px;
    }
    .life .boxOuter .box:nth-of-type(2){
        height: 230px;
    }
    /*===== 1100 PAGE BLOCK 7 =====*/
    .block7 > img{
        min-width: 2000px;
    }
    /*===== 1100 PAGE BLOCK 9 =====*/
    .block9{
        width: 100%;
    }
    .safety .item{
        flex: 0 0 47%;
    }
    .safety .item .pic{
        width: 95.74%;
        max-width: 450px;
    }
    .safety .item .pic:after{
        width: 100%;
        height: 100%;
    }
    .trace{
        padding: 50px 9.5vw;
    }
    /*===== 1100 MEDIA BANK =====*/
    /* PHOTO */
    .mediaPhoto .photoList{
        padding: 35px 8.75vw;
    }
    .photoList .pList{
        margin: 0 1vw;
    }
    .photoList .pList li{
        padding: 1vw 0;
    }
    .photoList .pList li a{
        bottom: 1vw;
    }
    /* RECIPE */
    .mediaRecipe{
        padding-top: 7.5vw;
    }
}
@media screen and (max-width: 1078px){
    /*===== 1100 PAGE BLOCK 5 =====*/
    .block5 .welfare{
        height: 1070px;
    }
}
@media screen and (max-width: 1022px){
    /*===== 1100 NAVIGATION =====*/
    nav ul.menu li{
        padding-left: 12px;
        font-size: 18px;
        letter-spacing: 0.075em;
    }
    /*===== 1100 PAGE BLOCK 5 =====*/
    .block5 .welfare{
        height: 1110px;
    }
}
@media screen and (max-width: 921px){
    /*===== 1100 ABOUT =====*/
    .backgray{
        height: 38.5%;
    }
}
@media screen and (max-width: 900px){
    /*===== 900 COMMON =====*/
    .pc{ display: none;}
    .mobile{ display: block;}
    /*===== 900 NAVIGATION =====*/
    nav{
        height: 14vw;
    }
    nav .topLogo img:nth-of-type(1){
        width: 9.73vw;
        max-width: 75px;
        margin-right: 3.33vw;
    }
    nav .topLogo img:nth-of-type(2){
        width: 11.2vw;
        max-width: 84px;
    }
    .fix_page{ height: 100vh; overflow: hidden;}
    .menu_ctrl{
		width: 6.4vw;
		height: 12vw;
		display: block;
		position: relative;
	}
	.line1, .line2, .line3{
		width: 6.4vw;
		height: 0.4vw;
		background-color: var(--white);
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 10001;
		
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-ms-transition: 0.5s;  
		-o-transition: 0.5s;
	}	
	.line1{ 
		transform: translateX(0%) translateY(-500%);
		-webkit-transform: translateX(0%) translateY(-500%);
		-moz-transform: translateX(0%) translateY(-500%);
		-ms-transform: translateX(0%) translateY(-500%);
		-o-transform: translateX(0%) translateY(-500%);
	}
	.line2{
        width: 4.5vw;
		transform: translateX(0%) translateY(0%);
		-webkit-transform: translateX(0%) translateY(0%);
		-moz-transform: translateX(0%) translateY(0%);
		-ms-transform: translateX(0%) translateY(0%);
		-o-transform: translateX(0%) translateY(0%);
	}
    .line3{
		transform: translateX(0%) translateY(500%);
		-webkit-transform: translateX(0%) translateY(500%);
		-moz-transform: translateX(0%) translateY(500%);
		-ms-transform: translateX(0%) translateY(500%);
		-o-transform: translateX(0%) translateY(500%);
	}
	.line1_close{
		width: 7vw;
        background-color: var(--white);
		transform: translateX(0%) translateY(-50%) rotate(45deg);
	}
    .line2_close{
		transform: translateX(100%) translateY(0%);
        opacity: 0;
	}
	.line3_close{
		width: 7vw;
        background-color: var(--white);
		transform: translateX(0%) translateY(-50%) rotate(-45deg);
	}
    nav .menu{ display: none;}
    nav .open{ display: flex;}
    nav ul.menu{
        width: 100vw;
		height: 100vh;
		padding: 0 0 5vh 0;
		background-color: #fff;
		position: absolute;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
		top: 0;
		right: 0;
		z-index: 999;
    }
    nav ul.menu.open li:first-child{
        width: 100%;
        height: 23.33vw;
        margin-bottom: 5.33vw;
        background-color: var(--blue);
        display: block;
    }
    nav ul.menu.open li:first-child img{
        width: 14.75vw;
        margin: 0 auto;
    }
    nav ul.menu li{
        padding-left: 0;
        display: block;
        font-size: min(max(4.8vw, 18px), 36px);
        text-align: center;
        line-height: min(max(13vw, 50px), 100px);
    }
    nav ul.menu li a{
        color: var(--blue);
    }
    /* NAV FIXED */
    nav.act{
        height: 14vw;
    }
    nav.act .topLogo img:nth-of-type(1){
        width: 9.73vw;
        max-width: 75px;
    }
    nav.act .topLogo img:nth-of-type(2){
        width: 11.2vw;
        max-width: 84px;
    }
    nav.act ul.menu li a{
        color: var(--blue);
    }
    nav.act .line1, nav.act .line2, nav.act .line3{
        background-color: var(--white);
    }
    nav.act .line1_close, nav.act .line2_close, nav.act .line3_close{
        background-color: var(--white);
    }
    /*===== 900 KV =====*/
    .kv{
        height: 100vw;
    }
    .kv .banner1{
        height: 100vw;
        background: url(../image/kv_index1_m.jpg) no-repeat center top;
        background-size: cover;
    }
    .kv .banner2{
        height: 100vw;
        background: url(../image/kv_index2_m.jpg) no-repeat center top;
        background-size: cover;
    }
    .kv .banner3{
        height: 100vw;
        background: url(../image/kv_index3_m.jpg) no-repeat center top;
        background-size: cover;
    }
    .scroll{ height: 100vw; right: 3vw;}
    .scroll img{
        width: 2.66vw;
        height: 16vw;
    }
    .pagekv{ height: 60vw;}
    .pagekv.aboutkv{
        background: url(../image/kv_about_m.jpg) no-repeat center top;
        background-size: cover;
    }
    .pagekv.mediabank{
        background: url(../image/kv_media_m.jpg) no-repeat center top;
        background-size: cover;
    }
    .pagekv.pork{
        background: url(../image/kv_pork_m.jpg) no-repeat center top;
        background-size: cover;
    }
    .pagekv.poultry{
        background: url(../image/kv_poultry_m.jpg) no-repeat center top;
        background-size: cover;
    }
    .pagekv .headline{
        font-size: min(max(12vw, 45px), 90px);
        bottom: 3.75vw;
    }
    /* KV Slick Dots */
    .slick-dots{
        bottom: 1vw;
    }
    .slick-dots li{
        width: 4vw;
        height: 0.66vw;
        max-width: 30px;
        max-height: 5px;
        margin: 0 1.66vw;
    }
    .slick-dots li button{
        width: 4vw;
        height: 0.66vw;
        max-width: 30px;
        max-height: 5px;
    }
    .slick-dots li button:before{
        width: 4vw;
        height: 0.66vw;
        max-width: 30px;
        max-height: 5px;
    }
    /*===== 900 INDEX ABOUT US =====*/
    .aboutus{
        padding: 12vw 0 12vw 0;
    }
    .aboutus .headline{
        margin-bottom: 4vw;
        padding: 0 6vw;
    }
    .aboutus .headline h3{
        padding-left: 2.66vw;
        font-size: min(max(5.33vw, 20px), 40px);
    }
    .aboutus .headline h3::after{
        width: 0.66vw;
    }
    .aboutus .headline a{
        padding-bottom: 0.66vw;
        padding-right: 3vw;
        font-size: min(max(2.66vw, 10px), 20px);
    }
    .aboutus .headline a:after{
        width: 18.66vw;
        height: 2.4vw;
        max-width: 140px;
        max-height: 18px;
        bottom: 0;
        left: -2vw;
    }
    .aboutus .detail{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .detail .text{
        flex: 0 0 100%;
        margin-top: -6vw;
        margin-right: 12vw;
        padding: 12vw 5.33vw 4vw 12vw;
        order: 2;
    }
    .detail .text .subtitle{
        margin-bottom: 3vw;
        font-size: min(max(4.26vw, 16px), 32px);
        line-height: min(max(6.4vw, 24px), 48px);
    }
    .detail .text p.txt b{
        font-size: min(max(3.33vw, 12.5px), 25px);
        letter-spacing: 0.05em;
    }
    .detail .pic{
        flex: 0 0 auto;
        left: 12vw;
        order: 1;
    }
    .detail .pic img{ width: 88vw;}
    /*===== 900 VIDEO =====*/
    .movie{
        padding: 12vw 6vw;
    }
    .movie .headline h3{
        margin-bottom: 6.66vw;
        padding-left: 2.66vw;
        font-size: min(max(5.33vw, 20px), 40px);
    }
    .movie .headline h3::after{
        width: 0.66vw;
    }
    .movie .mov{
        width: 88vw;
    }
    .movie .mov::after{
        top: -2.66vw;
        right: -2.66vw;
    }
    /*===== 900 ABOUT =====*/
    .backgray{
        display: none;
    }
    .about{
        padding: 12vw 0 9.33vw 0;
    }
    .about .headline{
        margin-bottom: 5.33vw;
    }
    .about .headline h3{
        padding: 2vw 0;
        border-top: 0.66vw solid var(--blue);
        border-bottom: 0.66vw solid var(--blue);
        font-size: min(max(6.4vw, 24px), 48px);
    }
    .about .content{
        flex-direction: column;
        justify-content: flex-start;
    }
    .content .text{
        flex: 0 0 auto;
        width: 100%;
        order: 2;
    }
    .content .text .subtitle{
        margin-bottom: 2vw;
        padding: 0 8vw;
        font-size: min(max(4.26vw, 16px), 32px);
        line-height: min(max(6.4vw, 24px), 48px);
    }
    .content .text .article{
        position: relative;
    }
    .backgray2{
        width: 92vw;
        height: 100%;
        background-color: var(--bgLight);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    .content .text p.txt{
        padding: 4vw 13vw 5.33vw 8vw;
        letter-spacing: 0.075em;
        position: relative;
    }
    .content .text p.txt span{
        font-size: min(max(3.33vw, 12.5px), 25px);
        letter-spacing: 0.05em;
    }
    .content .pic{
        flex: 0 0 auto;
        margin-bottom: 9.33vw;
        padding-left: 8vw;
        order: 1;
    }
    .quotes{
        margin-bottom: 9.33vw;
        padding: 8.66vw 0;
    }
    .quotes p{
        padding: 0 8vw;
        font-size: min(max(4.26vw, 16px), 32px);
        line-height: min(max(6.4vw, 24px), 48px);
    }
    .quotes p::before, .quotes p::after{
        width: 4.8vw;
        height: 3.86vw;
        max-width: 36px;
        max-height: 29px;
    }
    .quotes p::before{
        top: -8.66vw;
        left: calc(50% - 2.4vw);
    }
    .quotes p::after{
        bottom: -8.66vw;
        right: calc(50% - 2.4vw);
    }
    .happy{
        padding: 0 8vw;
    }
    .happy .item{
        padding-left: 0;
        padding-bottom: 6.66vw;
        flex-direction: column;
    }
    .happy .item > div{
        flex: 0 0 auto;
    }
    .happy .item:nth-of-type(1) .pic{
        margin-top: 9.33vw;
        padding-left: 2.66vw;
        padding-right: 0;
    }
    .happy .item:nth-of-type(1) .pic::after{
        top: -2.66vw;
        left: 0;
    }
    .happy .item:nth-of-type(1) .headline{
        margin-top: 9.33vw;
        margin-bottom: 0;
        padding-left: 0;
        align-self: flex-start;
    }
    .happy .item:nth-of-type(1) .headline h3{
        padding-left: 2.66vw;
        font-size: min(max(5.33vw, 20px), 40px);
        line-height: min(max(6.4vw, 24px), 48px);
    }
    .happy .item:nth-of-type(1) .headline h3::after{
        width: 0.66vw;
    }
    .happy .item:nth-of-type(1) .headline p.txt{
        margin-top: -2.66vw;
        letter-spacing: 0.05em;
    }
    .happy .item:nth-of-type(2) .headline{
        margin-top: 6.66vw;
        padding-bottom: 5.33vw;
        padding-right: 0;
        order: 2;
    }
    .happy .item:nth-of-type(2) .pic{
        padding: 0 2.66vw 2.66vw 0;
        order: 1;
    }
    .info{
        padding: 24vw 6vw 24vw 6vw;
        background: url(../image/pic_about4_m.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: fixed;
    }
    .info .inner{
        width: 100%;
        padding: 0 6vw 5.33vw 6vw;
    }
    .inner .headline{
        margin-bottom: 5.33vw;
        justify-content: center;
    }
    .inner .headline h3{
        margin-top: -4vw;
        padding: 1.33vw 4vw;
        font-size: min(max(4vw, 15px), 30px);
    }
    .inner .headline h3 span{
        font-size: min(max(4.26vw, 16px), 32px);
    }
    .major{
        padding: 9.33vw 8vw 12vw 8vw;
        flex-direction: column;
    }
    .major .pic{
        flex: 0 0 auto;
        margin-top: 0;
        padding: 0 0 0 2.66vw;
    }
    .major .pic::after{
        bottom: -2.66vw;
    }
    .major p.txt{
        padding-top: 9.33vw;
        padding-left: 0;
    }
    /*===== 900 CATALOG =====*/
    .catalog{
        margin: 0 auto;
        padding: 12vw 12vw 12vw 12vw;
        flex-direction: column;
    }
    .catalog .cata{
        width: 76vw;
        margin: 0 0;
    }
    .catalog .cata:nth-of-type(1){
        margin-bottom: 6.66vw;
    }
    .catalog .cata .nopobtn{
        width: 63.15%;
        height: 9.33vw;
        border: 0.533vw solid var(--white);
        font-size: min(max(3.73vw, 14px), 28px);
        line-height: 8.66vw;
        bottom: 10.66vw;
        left: calc(50% - 31.575%);
    }
    .catalog .cata .nopobtn span{
        font-size: min(max(4vw, 15px), 30px);
        padding-right: 2vw;
    }
    .catalog .cata .cataBtn{
        padding-top: 2.66vw;
        padding-bottom: 0.66vw;
        padding-right: 2.75vw;
        font-size: min(max(2.66vw, 10px), 20px);
    }
    .catalog .cata .cataBtn:after{
        width: 18.66vw;
        height: 2.4vw;
        max-width: 140px;
        max-height: 18px;
    }
    /*===== 900 MEDIA =====*/
    .media{
        padding-bottom: 12vw;
    }
    .media h3{
        padding-bottom: 3.33vw;
        font-size: min(max(6.4vw, 24px), 48px);
    }
    .media h3::after{
        width: 6.66vw;
        height: 0.66vw;
        max-width: 50px;
        max-height: 5px;
    }
    .media .mediaList{
        margin-top: 5.33vw;
        flex-wrap: wrap;
    }
    .media .mediaList > div{
        width: 32vw;
        max-width: 240px;
        margin: 0 4vw;
    }
    .media .mediaList > div:nth-of-type(1), .media .mediaList > div:nth-of-type(2){
        margin-bottom: 6.66vw;
    }
    .media .mediaList > div img{
        border: 0.66vw solid var(--blue);
    }
    .media .mediaList > div p{
        margin-top: 3.5vw;
        font-size: min(max(3.2vw, 12px), 24px);
    }
    .media a{
        width: 42.66vw;
        max-width: 320px;
        height: 10.66vw;
        max-height: 80px;
        margin-top: 10vw;
        padding: 0 4vw;
        font-size: min(max(4vw, 15px), 30px);
        line-height: min(max(10.66vw, 40px), 80px);
    }
    .media a::after{
        width: 8.93vw;
        height: 2.26vw;
        max-width: 67px;
        max-height: 17px;
        top: calc(50% - 1.75vw);
        right: -4vw;
    }
    /*===== 900 CONTACT =====*/
    #contact{
        padding-top: 26.66vw;
        padding-left: 6vw;
        padding-right: 6vw;
        background: url(../image/pic_about6_m.jpg) no-repeat center top;
        background-size: 100%;
    }
    .contact{
        width: 100%;
        margin: 0 auto 17.33vw auto;
        padding: 8vw 8vw 0 8vw;
    }
    .contact .headline h3{
        padding-bottom: 3.33vw;
    }
    .contact .headline h3::after{
        width: 6.66vw;
        height: 0.66vw;
        max-width: 50px;
        max-height: 5px;
        left: calc(50% - min(25px, 3.33vw));
    }
    .contact .dealer{
        margin-top: 5.33vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contact .dealer > div{
        flex: 0 0 auto;
        margin-bottom: 8vw;
        text-align: center;
    }
    .contact .dealer > div h4{
        margin-bottom: 2vw;
        display: inline-block;
        font-size: min(max(3.46vw, 13px), 26px);
        line-height: min(max(4.8vw, 18px), 36px);
        text-align: center;
    }
    .contact .dealer > div h4::before{
        width: 2.66vw;
        height: 4vw;
        max-width: 20px;
        max-height: 30px;
        top: calc(50% - 2vw);
        left: -4vw;
    }
    .contact .dealer > div p, .contact .dealer > div a{
        font-size: min(max(3.2vw, 12px), 24px);
        line-height: min(max(4.8vw, 18px), 36px);
        text-align: center;
    }
    .contact .dealer > div a{
        display: block;
    }
    /*===== 900 PAGE TXT P =====*/
    p.txt{
        font-size: min(max(3.2vw, 12px), 24px);
        line-height: min(max(5.6vw, 21px), 42px);
    }
    /*===== 900 PAGE BLOCK 1 =====*/
    .block1{
        width: calc(100% - 12vw);
        margin: -6.66vw auto 0 auto;
        padding: 9.33vw 0;
    }
    /* POULTRY */
    .block1 .farm{
        padding: 0 6vw 0 6vw;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .farm .headline{
        flex: 0 0 auto;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .farm .headline h3{
        display: inline-block;
        padding: 2vw 0;
        border-top: 0.66vw solid var(--blue);
        border-bottom: 0.66vw solid var(--blue);
        font-size: min(max(6.4vw, 24px), 48px);
    }
    .farm .content{
        flex: 0 0 auto;
        width: 100%;
        margin-top: 0;
        margin-right: 0;
    }
    .farm .content .subtitle{
        margin-right: 0;
        font-size: min(max(4.2vw, 16px), 32px);
        line-height: min(max(4.8vw, 18px), 36px);
    }
    .farm .content .subtitle:first-of-type{
        margin-top: 12vw;
        margin-bottom: 0;
    }
    .farm p.txt{
        margin-top: 5.33vw;
    }
    .farm .pic{
        width: 73.33vw;
        margin-top: 6.66vw;
        margin-left: 0;
    }
    .farm .pic::after{
        bottom: -2.66vw;
        right: -2.66vw;
    }
    .farm .chart{
        width: 76vw;
        margin-top: 9.33vw;
    }
    .farm .chart img{
        width: 100%;
    }
    /* PORK */
    .block1 .nordic{
        padding: 0 6vw 0 6vw;
        flex-direction: column;
    }
    .nordic .headline{
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        text-align: center;
        order: 3;
    }
    .nordic .headline h3{
        display: inline-block;
        padding: 2vw 0;
        border-top: 0.66vw solid var(--blue);
        border-bottom: 0.66vw solid var(--blue);
        font-size: min(max(6.6vw, 25px), 50px);
        line-height: min(max(9.6vw, 36px), 72px);
        letter-spacing: 0.075em;
    }
    .nordic .headline .title.pc{ display: none;}
    .nordic .headline.mobile{
        padding: 0 16vw;
        order: 1;
    }
    .nordic .pic{
        flex: 0 0 100%;
        width: auto;
        margin-top: 6.66vw;
        order: 2;
    }
    .nordic .pic::after{
        top: -2.66vw;
        right: -2.66vw;
    }
    .block1 .quality{
        padding: 0 6vw 0 0;
        flex-direction: column;
        justify-content: center;
    }
    .quality .pic{
        flex: 0 0 auto;
    }
    .quality p.txt{
        flex: 0 0 auto;
        margin-top: 5.33vw;
        margin-left: 6vw;
    }
    /*===== 900 PAGE BLOCK 2 =====*/
    .block2{
        padding: 9.33vw 8vw 9.33vw 8vw;
        flex-direction: column;
        position: relative;
    }
    /* POULTRY */
    .environ .pic{
        flex: 0 0 auto;
        width: 100%;
        margin-top: 9.33vw;
        padding: 0 0 0 2.66vw;
        position: relative;
        order: 2;
    }
    .environ .pic::after{
        top: -2.66vw;
    }
    .environ .headline{
        flex: 0 0 auto;
        width: 100%;
        padding-left: 0;
        text-align: center;
        order: 1;
    }
    .environ .headline h3{
        display: inline-block;
        letter-spacing: 0.075em;
    }
    .environ p.txt{
        margin-top: 5.33vw;
    }
    /* PORK */
    .tidy .pic{
        flex: 0 0 auto;
        width: 100%;
        margin-top: 9.33vw;
        padding: 0 0 0 2.66vw;
        position: relative;
        top: auto;
        left: auto;
    }
    .tidy .pic::after{
        top: -2.66vw;
    }
    .tidy .headline{
        flex: 0 0 auto;
        width: 100%;
        padding-left: 0;
    }
    .tidy .headline h3{
        display: inline-block;
        padding: 2vw 0;
        border-top: 0.66vw solid var(--blue);
        border-bottom: 0.66vw solid var(--blue);
        letter-spacing: 0.075em;
    }
    .tidy .headline .subtitle{
        margin-top: 5.33vw;
        font-size: min(max(3.7vw, 14px), 28px);
        line-height: min(max(6.4vw, 24px), 48px);
    }
    .tidy p.txt{
        margin-top: 5.33vw;
    }
    .tidy .content{
        flex: 0 0 auto;
        width: 100%;
        padding-left: 0;
    }
    /*===== 900 PAGE BLOCK 3 =====*/
    .block3{
        padding: 9.33vw 8vw 12vw 8vw;
        flex-direction: column;
    }
    .pFoot .pic{
        flex: 0 0 auto;
        width: 100%;
        margin-top: 6.66vw;
        padding: 0 2.66vw 0 0;
    }
    .pFoot .pic::after{
        bottom: -2.66vw;
    }
    .pFoot .headline{
        flex: 0 0 auto;
        width: 100%;
        padding-left: 0;
    }
    .pFoot .headline h3::after{
        width: 0.66vw;
    }
    .pFoot p.txt{
        margin-top: 5.33vw;
        padding: 0 3vw 0 0;
    }
    .pFoot p.txt:first-of-type{
        margin-top: 5.33vw;
    }
    /*===== PAGE BLOCK 4 =====*/
    /* POULTRY */
    .block4{
        padding: 5.33vw 6vw 53.33vw 6vw;
        background: url(../image/picPoultry5_m.jpg) no-repeat center bottom;
        background-size: 100%;
        background-attachment: scroll;
    }
    .produce{
        width: 100%;
        padding: 0 0 9.33vw 0;
    }
    .produce .headline{
        margin-bottom: 6vw;
        padding: 0 6vw;
        flex-direction: column;
    }
    .produce .headline h3{
        flex: 0 0 auto;
        margin-top: -6vw;
        padding: 1.33vw 3vw 1.33vw 4.25vw;
    }
    .produce .headline p.txt{
        margin-top: 5.33vw;
        padding-left: 0;
    }
    .produce h5{
        padding: 0 18vw;
        font-size: min(max(3.7vw, 14px), 28px);
    }
    .produce .steps{
        margin-top: 5.33vw;
        flex-wrap: wrap;
        justify-content: center;
    }
    .produce .steps > div{
        flex: 0 0 33%;
    }
    .produce .steps > div:nth-last-of-type(1){
        flex: 0 0 40%;
        margin-top: 5.33vw;
    }
    .produce .steps > div:nth-last-of-type(2){
        flex: 0 0 40%;
        margin-top: 5.33vw;
    }
    .produce .steps > div img{
        width: 21.33vw;
        margin: 0 auto;
        border: 0.66vw solid var(--blue);
    }
    .produce .steps > div p{
        margin-top: 2vw;
        font-size: min(max(2.9vw, 11px), 22px);
        line-height: min(max(4.2vw, 16px), 32px);
    }
    .produce .steps > div p::before{
        width: 4.8vw;
        height: 4.2vw;
        top: calc(50% - 2.1vw);
        left: -6.66vw;
    }
    /*===== PAGE BLOCK 8 =====*/
    /* PORK */
    .block8{
        padding: 5.33vw 6vw 0 6vw;
        background: url(../image/picPork4_m.jpg) no-repeat center bottom;
        background-size: 100%;
        background-attachment: scroll;
    }
    .live{
        padding: 9.33vw 6vw;
    }
    .live .headline h3{
        padding: 0 0 0 2.66vw;
        letter-spacing: 0.025em;
    }
    .live .headline h3::after{
        width: 0.66vw;
        height: 90%;
        top: calc(50% - 45%);
    }
    .live .content{
        flex-direction: column-reverse;
    }
    .live .content .article{
        flex: 0 0 auto;
        width: 100%;
        margin-right: 0;
    }
    .live .content .article p.txt{
        margin-top: 5.33vw;
    }
    .live .content .pic{
        flex: 0 0 auto;
        width: 100%;
        margin-top: 5.33vw;
        margin-bottom: 4vw;
        padding-right: 2.66vw;
        padding-left: 0;
        left: 0;
    }
    .live .content .pic::after{
        bottom: -2.66vw;
        right: 0;
    }
    .block8 .quotes{
        width: 100%;
        padding-top: 58.66vw;
        padding-bottom: 12vw;
    }
    .block8 .quotes img{
        min-width: 100%;
    }
    /*===== 900 PAGE BLOCK 5 =====*/
    .block5{
        margin: 0 auto;
        padding: 9.33vw 6vw;
    }
    .block5 .welfare{
        height: auto;
        flex-wrap: nowrap;
    }
    .welfare .headline{
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
        order: 1;
    }
    .welfare .headline h3{
        display: inline-block;
        padding: 2vw 0;
        border-top: 0.66vw solid var(--blue);
        border-bottom: 0.66vw solid var(--blue);
    }
    .welfare .subtitle{
        flex: 0 0 auto;
        width: 100%;
        margin: 4vw 0 6.66vw 0;
        padding-left: 0;
        font-size: min(max(3.2vw, 12px), 24px);
        line-height: min(max(5.6vw, 21px), 42px);
        order: 2;
    }
    .welfare .content{
        flex: 0 0 auto;
        width: 100%;
        margin-top: 9.33vw;
        order: 4;
    }
    .welfare p.txt{
        margin-top: 5.33vw;
    }
    .welfare .content ul li{
        margin-left: 2vw;
    }
    .welfare .pic{
        flex: 0 0 auto;
        width: 100%;
        order: 3;
    }
    .welfare .pic > div{
        width: 96.82%;
        position: relative;
        top: auto;
        left: auto;
    }
    .welfare .pic > div::after{
        bottom: -2.66vw;
        right: -2.66vw;
    }
    /*===== 900 PAGE BLOCK 6 =====*/
    .block6{
        margin: 0 auto;
        padding: 8vw 6vw 17.33vw 6vw;
    }
    .block6 .headline{
        margin-bottom: 6.66vw;
    }
    .block6 .headline h3{
        padding: 2vw 0;
        border-top: 0.66vw solid var(--white);
        border-bottom: 0.66vw solid var(--white);
    }
    .block6 .life{
        width: 100%;
        padding: 8vw 0;
        justify-content: flex-start;
        align-items: center;
    }
    .life .boxOuter{
        flex: 0 0 auto;
        padding: 0 8vw;
    }
    .life .boxOuter .box{
        margin: 0;
        padding: 0 0 0 0;
    }
    .life .boxOuter:nth-of-type(2) .box{
        border-right: none;
        border-left: none;
    }
    .life .boxOuter .box:nth-of-type(1){
        height: auto;
        padding-bottom: 8vw;
        border-bottom: 0.4vw solid var(--cyan);
    }
    .life .boxOuter .box:nth-of-type(2){
        height: auto;
        margin-top: 8vw;
    }
    .life .boxOuter .box h4{
        padding: 0 5vw;
        font-size: min(max(4vw, 15px), 30px);
        line-height: min(max(5.6vw, 21px), 42px);
    }
    .life .boxOuter .box > p.txt{
        margin-top: 4vw;
    }
    .life .boxOuter .box ul li{
        margin-left: 2vw;
    }
    /*===== 900 PAGE BLOCK 7 =====*/
    .block7{
        margin-top: 0;
    }
    .block7 > img{
        min-width: 100vw;
    }
    /*===== 900 PAGE BLOCK 9 =====*/
    .block9{
        margin: 9.33vw auto 0 auto;
        padding: 0 6vw;
    }
    .block9 h3{
        padding: 2vw 0;
        border-top: 0.66vw solid var(--blue);
        border-bottom: 0.66vw solid var(--blue);
    }
    .block9 .safety{
        margin-top: 5.33vw;
    }
    .safety .item{
        flex: 0 0 auto;
        width: 100%;
        padding: 0 8vw;
    }
    .safety .item:nth-of-type(1){
        margin-left: 0;
    }
    .safety .item .pic{
        width: 97.34%;
        max-width: 97.34%;
        margin-left: 2.66vw;
    }
    .safety .item .pic:after{
        top: 2.66vw;
        left: -2.66vw;
    }
    .safety .item p.txt{
        margin-top: 8vw;
        padding: 0 0 0 0;
    }
    .safety .slick-prev, .safety .slick-next{
        top: 25%;
    }
    .block9 .trace{
        margin: 6.66vw 0 17.33vw 0;
        padding: 6.66vw 6vw;
    }
    .block9 .trace img{
        margin-bottom: 4vw;
    }
    /*===== 900 MEDIA BANK =====*/
    /* BRAND */
    .backgray3{
        width: 74.66%;
        left: auto;
        right: 0;
    }
    .mediaBrand{
        width: 100%;
        max-width: 100vw;
        padding-top: 9.33vw;
        padding-bottom: 4vw;
    }
    .mediaBrand .headline{
        margin-bottom: 5.33vw;
    }
    .mediaBrand .headline h3{
        padding-bottom: 2.66vw;
        font-size: min(max(5.33vw, 20px), 40px);
    }
    .mediaBrand .headline h3::after{
        width: 6.66vw;
        height: 0.66vw;
        max-width: 50px;
        max-height: 5px;
        left: calc(50% - 3.33vw);
    }
    .mediaBrand .imgList{
        width: 76vw;
        max-width: 570px;
    }
    .mediaBrand .imgList li.slick-slide a{
        width: 6.66vw;
        height: 6.66vw;
        max-width: 50px;
        max-height: 50px;
        margin-top: 4vw;
        border: 0.3vw solid var(--blue);
    }
    .mediaBrand .imgList .slick-prev{ left: -10vw;}
    .mediaBrand .imgList .slick-next{ right: -10vw;}
    /* NEWS */
    .mediaNews{
        padding-top: 9.33vw;
    }
    .mediaNews .headline{
        margin-bottom: 5.33vw;
    }
    .mediaNews .headline h3{
        padding-bottom: 2.66vw;
        font-size: min(max(5.33vw, 20px), 40px);
    }
    .mediaNews .headline h3::after{
        width: 6.66vw;
        height: 0.66vw;
        max-width: 50px;
        max-height: 5px;
        left: calc(50% - 3.33vw);
    }
    .mediaNews .newsList li{
        margin-top: 3.33vw;
        padding: 3.33vw 4vw 2.66vw 4vw;
    }
    .mediaNews .newsList li p{
        font-size: min(max(3.2vw, 12px), 24px);
        line-height: min(max(6vw, 22.5px), 45px);
        -webkit-line-clamp: 2;
    }
    .mediaNews .newsList li a{
        flex: 0 0 auto;
        width: 6.66vw;
        height: 6.66vw;
        max-width: 50px;
        max-height: 50px;
    }
    /* PHOTO */
    #photo .headline{
        margin-top: 9.33vw;
    }
    #photo .headline h3{
        padding-bottom: 2.66vw;
        font-size: min(max(5.33vw, 20px), 40px);
    }
    #photo .headline h3::after{
        width: 6.66vw;
        height: 0.66vw;
        max-width: 50px;
        max-height: 5px;
        left: calc(50% - 3.33vw);
    }
    .mediaPhoto{
        margin-bottom: 17.33vw;
    }
    .mediaPhoto .photoList{
        width: 100%;
        max-width: 94%;
        padding: 6vw 6.66vw;
    }
    .photoList .pList{
        margin: 0 2vw;
    }
    .photoList .pList li{
        padding: 2vw 0;
    }
    .photoList .pList li a{
        width: 6.4vw;
        height: 6.4vw;
        max-width: 48px;
        max-height: 48px;
        border-top: 0.26vw solid var(--white);
        border-left: 0.26vw solid var(--white);
        bottom: 2vw;
    }
    .wrap .photoList .slick-prev{ left: -2vw;}
    .wrap .photoList .slick-next{ right: -2vw;}
    /* RECIPE */
    .mediaRecipe{
        margin: 12vw auto 17.33vw auto;
        padding-top: 9.33vw;
        background: url(../image/picRecipe_m.jpg) no-repeat center top;
        background-size: 100%;
    }
    .mediaRecipe .headline{
        margin-bottom: 8vw;
    }
    .mediaRecipe .headline h3{
        padding: 1.33vw 0 2vw 0;
        border-top: 0.66vw solid var(--white);
        border-bottom: 0.66vw solid var(--white);
        font-size: min(max(5.33vw, 20px), 40px);
    }
    .mediaRecipe .recipeList{
        width: 88vw;
        padding: 6.66vw 6vw 10vw 6vw;
    }
    .mediaRecipe .recipeList li{
        width: 100%;
        padding: 0 0;
    }
    .mediaRecipe .recipeList li p{
        padding-top: 2.66vw;
        font-size: min(max(3.2vw, 12px), 24px);
    }
    .mediaRecipe .recipeList li a{
        width: 6.4vw;
        height: 6.4vw;
        max-width: 48px;
        max-height: 48px;
        border-top: 0.26vw solid var(--white);
        border-left: 0.26vw solid var(--white);
        bottom: min(59px, 7.25vw);
        right: 0;
    }
    .wrap .recipeList .slick-prev{ left: -4vw;}
    .wrap .recipeList .slick-next{ right: -4vw;}
    /*===== 900 FOOTER =====*/
    .footer{
        padding: 7.33vw 4vw;
        flex-direction: column-reverse;
        align-items: center;
    }
    .footer .copyright{
        flex: 0 0 100%;
        margin-top: 8vw;
        padding: 0 3vw;
    }
    .footer .copyright p:nth-of-type(1){
        font-size: min(max(3.2vw, 12px), 18px);
    }
    .footer .copyright p:nth-of-type(2){
        margin-top: 2.66vw;
        font-size: min(max(2.66vw, 10px), 14px);
        line-height: min(max(5.33vw, 20px), 28px);
    }
    .footer .europeLogo img:nth-of-type(1){ width: 6.93vw; margin-right: 4vw;}
    .footer .europeLogo img:nth-of-type(2){ width: 29.2vw; margin-right: 4vw;}
    .footer .europeLogo img:nth-of-type(3){ width: 15.73vw;}
}
@media screen and (max-width: 767px){
    
    


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


}