@charset "UTF-8";

.nidec-wrap{
    position:relative;
}

.nidec-grid-box{
    display:flex;
    flex-wrap:wrap;
    gap:50px;
    justify-content: space-between;    
}

.nidec-cate-group{
    display:flex;
    flex-direction:column;
    flex:0 0 auto;
    width:calc(50% - 50px);
}

.nidec-cate-group2{
    display:flex;
    flex-direction:column;
    flex:0 0 auto;
    width:calc(100% - 0px);
}

.nidec-category > h3{
    font-size: 2.1rem;
    position: relative;
    /* color: #133d88; */
    padding-left: 0.5em;
    margin-bottom: 2rem;
}

.nidec-category > h3:before {
    content: '';
    width: 6px;
    background-color: #cccccc;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.nidec-items{
    display:flex;
    gap:30px;
    justify-content: space-between;    
}

.nidec-item{
    flex:1;
}

.nidec-item-pic{
    width:100%;
    aspect-ratio:3/5;
    position:relative;
    overflow:hidden;
    border:1px solid #408080;
    border-width:1px 1px 1px 1px;
}

.max-height-650{
    max-height:650px;
}
.max-height-650 > img{
    max-height:650px;
    transform:translate(-50%, -50%) scale(0.7);
}

.max-height-350{
    max-height:350px;
}
.max-height-350 > img{
    max-height:350px;
    transform:translate(-50%, -50%) scale(0.7);
}

.max-height-200{
    max-height:200px;
}
.max-height-200 > img{
    max-height:200px;
    transform:translate(-50%, -50%) scale(0.7);
}

.nidec-item-pic > img{
    width:auto !important;
    max-width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transition:all 0.5s ease;
    transform:translate(-50%, -50%) scale(0.9);
}

.nidec-item-pic:hover > img{
    width:auto !important;
    max-width:95%;
    position:absolute;
    top:50%;
    left:50%;
    transition:all 0.5s ease;
    transform:translate(-50%, -50%) scale(1.1);
}

.nidec-item-title{
    text-align:center;
    background-color:#408080;
    color:#ffffff;
    padding:10px 20px;
}

.nidec-full{
    flex:0 0 auto;
    width:100%;
}

.nidec-items-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
}


.product-table{
    border-top:2px solid #444;
}
.product-tbl-vert{
    width:100%;
    border-collapse:collapse;
    font-size:1.4rem;
}

.product-tbl-vert th,
.product-tbl-vert td{
    font-size:1.15em;
    border:1px solid #cccccc;
    padding:0.4em 1em;
    color:#242424;
}

.product-tbl-vert th{
    background-color:#f4f4f4;
    width:25%;
    font-weight:700;
    text-align:center;
    word-break:keep-all;
}

.con_right .txt_box {padding-left:20px;}
.con_right .txt_box strong.tit {display:inline-block; color:#000; font-size:1.5em; font-weight:600; line-height:1.2em; transition: 0.5s all ease;}
.con_right .txt_box strong.tit span{display:block; color:#222; font-size:1.5em; font-weight:400; }
.con_right .txt_box div.txts {width:100%; margin-top:20px; }
.con_right .txt_box div.txts p {display:block; color:#000; font-size:1.35em; font-weight:300; line-height:1.5em; margin-top:10px; word-break:keep-all; }
.con_right .txt_box div.txts dl.txt_list1 {width:100%; margin-top:20px; }
.con_right .txt_box div.txts dl.txt_list1 dd {position:relative; margin-top:5px; padding-left:10px; color:#222; font-size:1.2em; font-weight:300; line-height:1.5em; }
.con_right .txt_box div.txts dl.txt_list1 dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#017ece; border-radius: 50%;}	


@media(max-width:1280px){

    .nidec-cate-group {
        width: calc(100% - 50px);
    }
 
}


@media(max-width:800px){

    .nidec-cate-group {
        width: calc(100% - 50px);
    }
     .nidec-items-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
    .nidec-items {
        flex-direction:column;
    }
}
@media(max-width:768px){
    .max-height-650{
        max-height:500px;
    }
}

@media(max-width:600px){
    .nidec-item-pic {
        aspect-ratio: 3 / 4;
    }
    .nidec-cate-group {
        width: calc(100%);
    }
     .nidec-items-grid{
        display:grid;
        grid-template-columns:repeat(1,1fr);
    }
}