/* about cp */

/* vision */
#FAIRTRADE_CP .gu_contents_depth4.vision .gu_diagram .circle .circle_inner p {width: 90%;}

/* duty */
#FAIRTRADE_CP .gu_contents_depth4.duty ul.gu_grid_box .bottom {height: 312px;}
#FAIRTRADE_CP .gu_grid_box li:not(:nth-last-of-type(1)) .top .gu_box_sub_title {line-height:56px;}



/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    /* duty */
    #FAIRTRADE_CP .gu_contents_depth4.duty ul.gu_grid_box li .top {height:68px;}
    #FAIRTRADE_CP .gu_grid_box li:not(:nth-last-of-type(1)) .top .gu_box_sub_title {line-height:48px;}
    #FAIRTRADE_CP .gu_contents_depth4.about .box p:before {top:-3px;}
}

@media all and (max-width: 802px) {
    /* duty */
    #FAIRTRADE_CP .gu_contents_depth4.duty ul.gu_grid_box li .top {height:92px;}
    #FAIRTRADE_CP .gu_grid_box li:not(:nth-last-of-type(1)) .top .gu_box_sub_title {line-height:72px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    /* about cp */
    #FAIRTRADE_CP .gu_contents_depth4.about .gu_diagram .circle .circle_inner {width: 74%;}
    #FAIRTRADE_CP .gu_contents_depth4.about .gu_diagram .circle .circle_inner p {line-height:20px;}

    /* vision */
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_diagram .circle .circle_inner {width: 93%;}
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_diagram .circle .circle_inner p {line-height:20px;}
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_simple_grid_box li {width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;}
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_simple_grid_box li:nth-child(even) {margin-right:0;}
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_simple_grid_box li:last-child {margin-bottom:0;}

    /* duty */
    #FAIRTRADE_CP .gu_contents_depth4.duty ul.gu_grid_box li .top {height:auto;}
    #FAIRTRADE_CP .gu_grid_box li:not(:nth-last-of-type(1)) .top .gu_box_sub_title {line-height:24px;}
}

@media all and (max-width: 500px) {
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_simple_grid_box li {height:100px;}
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_box_sub_title {line-height: 18px;}
}

@media all and (max-width: 370px) {
    /* vision */
    #FAIRTRADE_CP .gu_contents_depth4.vision .gu_simple_grid_box li {height:120px;}
}