@charset "utf-8";

/* -------------------------------------------------------------
	commitment 追加CSS
---------------------------------------------------------------- */

/* -----------------------------
	top-catch-area
-------------------------------- */

#china .top-catch-area .catch {
    font-size: 4rem;
}

@media screen and (max-width: 768px){
	#china .top-catch-area .catch {
        font-size: 2.2rem;
        padding: 270px 20px 20px;
    }
}

/* -----------------------------
	intro-area
-------------------------------- */

#china .intro-area .box01 {
    padding: 300px 0 0;
}

@media screen and (max-width: 768px){
	#china .intro-area .box01 {
        padding: 210px 20px 0;
    }
}

/* -----------------------------
	commitment-area
-------------------------------- */

#china .commitment-area .ingredient-block .txt02 {
    padding: 160px 100px 0 0;
}

#china .commitment-area .cooking-block .txt02 {
    padding: 180px 100px 0 0;
}

@media screen and (max-width: 768px){
    #china .commitment-area .catch {
        font-size: 1.8rem;
    }
    
    #china .commitment-area .purchase-block .catch {
        padding: 30px 0 0 130px;
    }
    
    #china .commitment-area .ingredient-block .catch {
        margin: 0 0 30px;
    }
    
    #china .commitment-area .ingredient-block .txt02 {
        padding: 20px 0 0;
    }
    
    #china .commitment-area .cooking-block .catch {
        padding: 30px 0 0 130px;
    }
    
    #china .commitment-area .cooking-block .txt02 {
        padding: 20px 0 0;
    }
}

/* -----------------------------
	crab-area
-------------------------------- */

#china .crab-area .txt-block .jp .l {
    letter-spacing: -4rem;
}

#china .crab-area .txt-block .jp .s {
    letter-spacing: -3rem;
}

@media screen and (max-width: 768px){
    #china .crab-area .inner {
        padding: 160px 20px 100px;
    }
    
    #china .crab-area .txt-block .jp .l {
        letter-spacing: -2.5rem;
    }
    
    #china .crab-area .txt-block .jp .s {
        letter-spacing: -1.5rem;
    }
}


/* -----------------------------
	
-------------------------------- */

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