@charset "utf-8";
@media screen and (max-width:768px) {
    .fontL { font-size: 87.5% }
    .displayPc { display: none !important; }
    .displayTb { display: block !important; }
    img.displayPc { display: none !important; }
    img.displayTb { display: inline !important; }
    .cl2Box,
    .borderBox .cl2Box { width: 48% }
    .cl3Box,
    .borderBox .cl3Box { width: 30.7% }
    .cl3Box_2,
    .borderBox .cl3Box_2 { width: 65.3%; }
    .sectionBox .cl4Box { width: 47.9% }
    .borderBox .cl4Box { width: 21.9% }
    .cllinkbullet {
        background-position: 5% center;
        width: 50%;
    }
    .cl4Box .cllinkbullet { width: 100% }
    .visualBox { text-align: center }
    .imgBox { text-align: center }
    .borderBox .cl1Box,
    .borderBox .cl2Box,
    .borderBox .cl3Box,
    .borderBox .cl3Box_2,
    .borderBox .cl4Box {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .linkbtnPrev.fl-r,
    .linkbtnPrev.fl-l,
    .linkbtn.fl-l,
    .linkbtn.fl-r,
    .linkbtn02.fl-l,
    .linkbtn02.fl-r { max-width: 48% }
    .followBox { padding-left: 70px }
    .followmenu { margin-left: -68px }
    .followItem { width: 100% }
	.aboutWorkBox {
		min-height: 310px;
	}
.history .item1960, .history .item1970, .history .item1980, .history .item1990, .history .item2000, .history .item2010 {
	width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.item1960:after, .item1970:after, .item1980:after, .item1990:after, .item2000:after, .item2010:after {
	left: -10px;
}
    .Ie .displayIe { display: none }
    .Ie .display_nIe { display: block }
    .Ie img.displayIe { display: none !important }
    .Ie img.display_nIe { display: inline !important }
    /*.Ie .captionBox .imgBox img.displayIe { display: none }
    .Ie .captionBox .imgBox img.display_nIe { display: block }*/

/* abc追加 */

.flexBox{
    flex-direction: column;
}
.flexBox.LtoR{
    flex-direction : column;
}
.flexBox.alignBottom{
    align-items:flex-start;
}

}


@media screen and (max-width:599px) {
    .displayTb { display: none !important; }
    .displaySp { display: block !important; }
    img.displayTb { display: none !important; }
    img.displaySp { display: inline !important; }
    /*.linkbtnNext,*/
    .linkbtnPrev{
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
    .linkbtnPrev,
    .linkbtn,
    .linkbtn02{ max-width: none }
    .cl2Box,
    .borderBox .cl2Box {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .sectionBox .cl4Box .linkbullet a { padding: 15px 30px 15px 36px }
    .cl3Box,
    .borderBox .cl3Box,
    .cl3Box_2,
    .borderBox .cl3Box_2 {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .borderBox .cl4Box { width: 47.9% }
    .borderBox .cl4Box:nth-child(2n+1) { margin-left: 0 }
    .followBox { padding-left: 60px }
    .followmenu { margin-left: -60px }
    .pageNav{
        max-width: none;
        margin-left:85px;
        margin-right:85px;
    }
    .pageNav li{
        width: 30%;
        margin-left: 3%;
    }
    .pageNav li:nth-child(3n+2) { margin-left: 1.5% }
    .pageNav a { width: auto }
    li.pageNavPrev{
        margin-left: -86px;
        width: auto;
    }
    li.pageNavNext{
        margin-right: -85px;
        width: auto;
    }
    li.pageNavPrev a { padding: 5px 10px 5px 30px }
    li.pageNavNext a { padding: 5px 30px 5px 10px }

    .cl4tab li,
    .cl5tab li {
        width: 30%;
        margin-left: 5%;
    }
    .cl4tab li:nth-child(4n+1),
    .cl5tab li:nth-child(5n+1){
        margin-left: 5%;
        clear: none;
    }
    .cl4tab li:nth-child(3n+1),
    .cl5tab li:nth-child(3n+1){
        margin-left: 0;
        clear: left;
    }

    .newsTab li {
        margin-left: 4%;
        width: 48%;
    }
    .newsTab li:nth-child(4n+1){
        margin-left: 5%;
        clear: none;
    }
    .newsTab li:nth-child(2n+1){
        margin-left: 0;
        clear: left;
    }

    

    .newsMeta { float: none; }
    .layoutBox .imgBox,
    .captionBox .imgBox {
        width: 40%;
    }
    .captionBox .imgBox img {
        width: 100%;
    }
	.aboutWorkBox {
		min-height: auto;
	}
	.newslist02 .newsText {
        margin-top: 4px;
    }
    .h2Lp {
        font-size: 24px;
    }	

}
@media screen and (max-width:480px) {
    .displaygteSp { display: none !important; }
    .displayltSp { display: block !important; }
    img.displaygteSp { display: none !important; }
    img.displayltSp { display: inline !important; }
}
@media screen and (max-width:400px) {
    .infolist dt .infoitem {
        margin-left: 0;
        display: block;
    }
    .newsitem {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*.pageNav{ max-width: 124px }*/
    .pageNav a { padding: 5px 6px; }
    /*.pageNav li,
    .pageNav li:nth-child(5n+2) { margin-left: 4px; }*/
    /*.pageNav li:nth-child(3n+2) { margin-left: 0; }*/
    /*li.pageNavPrev { margin-left: -72px; }*/
}