@charset "utf-8";

/* ----------------------------------------------------------
	中国語 追加css
------------------------------------------------------------- */

/* -----------------------------
	mv-area
-------------------------------- */
#china .mv-area .txt-block {
    padding: 400px 0 0;
}

#china .mv-area .txt-block .sub-catch {
    font-size: 3.0rem;
}

#china .mv-area .txt-block .catch {
    font-size: 6.0rem;
}

@media screen and (max-width: 768px){
	#china .mv-area .txt-block {
        padding: 160px 0 0;
    }
    
    #china .mv-area .txt-block .sub-catch {
        display: none;
    }
    
    #china .mv-area .txt-block .catch {
        font-size: 9.0cqw;
    }
    
    #china .h1-area {
        top: 400px;
    }
}

/* -----------------------------
	news-area
-------------------------------- */

#china .news-area {
    padding: 0;
}

#china .news-online-bg {
    margin: -150px 0 0;
    padding: 0 0 200px;
    z-index: 2;
    background: transparent;
}

#china .news-online-bg::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: url("../img/top-news-bg.webp") no-repeat top center / cover;
    z-index: -1;
}


@media screen and (max-width: 768px){
	#china .news-online-bg {
        margin: 0;
        padding: 0;
    }
    
    #china .news-area .news-block {
        background: var(--beige);
    }
    
    #china .news-area .news-block .ticker {
        background: transparent;
    }
}


/* -----------------------------
	crab-area
-------------------------------- */
#china .crab-area {
    z-index: 3;
}

#china .crab-area .img-wrap.img01 {
    top: -160px;
}

#china .crab-area .txt-block .jp {
    font-feature-settings: "palt";
    letter-spacing: -3rem;
}

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

#china .crab-area .txt-block .catch{
	font-size: 4.0rem;
}

#china .crab-area .flow-block .sec-ttl {
    letter-spacing: 0;
}

@media screen and (max-width: 768px){
    #china .crab-area {
        margin: 80px 0 0;
    }
    
    #china .crab-area .inner {
        padding: 160px 20px 60px;
    }
    
    #china .crab-area .img-wrap.img01 {
        top: -60px;
    }
    
    #china .crab-area .txt-block .jp {
        letter-spacing: -2rem;
    }
    
    #china .crab-area .txt-block .jp .l {
        letter-spacing: -2.0rem;
    }
    
    #china .crab-area .txt-block .catch{
        font-size: 2.8rem;
    }
    
    #china .crab-area .flow-block {
        margin: 400px 0 0;
    }
}


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

#china .commitment-area .txt-block .ttl-block .jp {
    gap: 20px;
}

#china .commitment-list li .title {
    font-size: 4.0rem;
}

@media screen and (max-width: 768px){
    #china .commitment-area .txt-block .ttl-block .jp {
        gap: 0px;
    }
    
	#china .commitment-list li .title {
        font-size: 3.0rem;
    }
}


/* -----------------------------
	〇〇〇
-------------------------------- */

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