@charset "UTF-8";

/* ---------------------------------------------
*   新着情報
--------------------------------------------- */
#newsRelease{
    display:block;
    overflow:hidden;
    margin-top:30px;
    margin-bottom:50px;
}
#newsRelease .newsReleaseInner {
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
#newsRelease h2 > span{
    padding-left:35px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:contain;
    background-image: url('../../images/icon/title_icon_news.png');
}

.ttleBox{
    display:table-cell;
    overflow:hidden;
    width:100%;
    vertical-align:middle;
}
.ttleBox:nth-child(1){
    width:180px;
}
.ttleBox:nth-child(2){
    width:calc(100% - 180px);
}

#newsRelease dl{
    display:block;
    overflow:hidden;
    width:100%;
    /*float:left;*/
    border-left:1px solid #cccccc;
    padding-left:30px;
    margin:1em 0;
}

#newsRelease dl > dt{
    clear:both;
    display:block;
    width:6em;
    float:left;
}

#newsRelease dl > dd{
    display:block;
    width:calc(100% - 6em);
    float:left;
    margin-bottom:1em;
}


#newsRelease dl > dd a{
    text-decoration:none;
}

#newsRelease > p{
    clear:both;
    display:block;
    padding-top:0.5em;
    padding-right:2em;
    display:block;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    #newsRelease {
        margin-bottom: 2em;
    }

    .ttleBox{
        display:block;
    }
    .ttleBox:nth-child(1){
        width:100%;
    }
    .ttleBox:nth-child(2){
        width:100%;
    }

    #newsRelease dl{
       border-left:none;
       padding-left:0;
       margin:0 0 1em;
    }

    #newsRelease dl > dt{
        clear:both;
        display:block;
        width:100%;
        float:none;
    }

    #newsRelease dl > dd{
        display:block;
        width:100%;
        float:none;
        margin:0.5em 0 1em;
    }

    #newsRelease > p{
        padding-top:1em;
        padding-right:0;
    }


}


/* ---------------------------------------------
*   コンテンツテーブル
--------------------------------------------- */
#contentsList{
    display:block;
    overflow:hidden;
}
#contentsList > table{
    width:100%;
    margin-bottom:30px;
}

#contentsList > table td{
    width:33%;
    height:270px;
    text-align:center;
    padding:0 30px;
    position:relative;
    vertical-align:top;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

#contentsList > table td:nth-child(2){
    width:34%;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
}

#contentsList > table td > p{
    line-height:155%;
    font-size:1.6rem;
}

#contentsList > table td > h2{
    min-height:60px;
    word-wrap:normal;
    margin: 30px 0 1em;
}
#contentsList > table td > h2  small{
    font-size:1.2rem;
}

#contentsList > table td > h2 > span{
    padding-left:35px;
    height:1em;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:contain;
    /*vertical-align:top;*/
}

#contentsList > table:nth-child(1) td:nth-child(1) > h2 > span{
    background-image: url("../../images/icon/title_icon_news2.png");
}
#contentsList > table:nth-child(1) td:nth-child(3) > h2 > span{
    background-image: url("../../images/icon/title_icon_file.png");
}
#contentsList > table:nth-child(1) td:nth-child(2) > h2 > span{
    background-image: url("../../images/icon/title_icon_info.png");
}
#contentsList > table:nth-child(2) td:nth-child(3) > h2 > span{
    line-height: 75%;
    height: 1em;
    padding-left:25px;
    background-image: url("../../images/icon/title_icon_elearning.png");
}
#contentsList > table:nth-child(2) td:nth-child(1) > h2 > span{
    background-image: url("../../images/icon/title_icon_overview.png");
}
#contentsList > table:nth-child(2) td:nth-child(2) > h2 > span{
    background-image: url("../../images/icon/title_icon_meeting.png");
}

#contentsList > table td > a{
    position:absolute;
    bottom:30px;
    left:0;
    right:0;
    margin:0 60px;
}


/* for Sp --------------------*/
@media screen and (max-width:980px) {

    #contentsList > table td{
        padding:0 1em;
    }

    #contentsList > table td > p{
        font-size:1.4rem;
    }

    #contentsList > table td > a{
        margin:0 40px;
    }

}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    #contentsList > table{
        width:100%;
        margin-bottom:0;
        border-bottom:none;
    }

    #contentsList > table:nth-child(1){
        border-top:1px solid #cccccc;
    }

    #contentsList > table td{
        display:block;
        width:100%;
        height:auto;
        padding:0 1em;
        border-top:none;
    }

    #contentsList > table td:nth-child(2){
        width:100%;
        /*border-top:1px solid #cccccc;
        border-bottom:1px solid #cccccc;*/
        border-left:none;
        border-right:none;
    }

    #contentsList > table:nth-child(2) td:nth-child(3){
        display:none;
    }

    #contentsList > table td > h2{
        height:auto;
        margin:1em 0;
    }

    #contentsList > table td > a{
        position:relative;
        bottom:auto;
        left:0;
        right:0;
        margin:2em 0 2em;
        width:70%;
    }

}

/* ---------------------------------------------
*   商品検索はこちら
--------------------------------------------- */
.icf-serch:before {
    content: "\e904";
    font-size: 32px;
}

#setchBer{
    display:block;
    overflow:hidden;
    margin:20px 0;
}


#setchBer> a{
    display:block;
    overflow:hidden;
    height:100%;
    background-color:#012169;

    color:#ffffff;
    font-size:1.8rem;
    font-weight:bold;
    text-decoration:none;
    line-height:100%;
    padding:55px 0;
    text-align:center;
    position:relative;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

.pc #setchBer> a::before{
    display:block;
    overflow:hidden;
    width:100%;
    height:100%;
    content:"";
    background-color:rgba(255,255,255,0.05);
    position:absolute;
    top:0;
    left:-101%;

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.pc #setchBer > a:hover::before{
    left:0;
}


#setchBer > a > span::before{
    display:inline-block;
    font-family: 'ycota_ift';
    content: "\e904";
    color:#ec7731;
    margin-right:0.5em;
}



/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    #leftColumn {
        border-bottom:1px solid #cccccc;
        margin-bottom:30px;
    }


}