@charset "UTF-8";

@keyframes txtloop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes txtloop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}
/*PC*/
@media print, screen and (min-width: 768px) {
#products {
margin: 0 auto 220px;
position: relative;
}

#products .section_wrap{
width: 1200px;
margin: 0 auto;
position: relative;
}

#products .section_wrap .products_list{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}

#products .section_wrap .products_list li{
width: 30.33%;
position: relative;
margin-right: 3%;
margin-bottom: 3%;
transition: .5s;
}

#products .section_wrap .products_list li:nth-child(3n){
margin-right: 0;
}

#products .section_wrap .products_list li a{
position: relative;
display: block;
}


/*#products .section_wrap .products_list li:hover{
opacity: .7;
transition: .5s;
background: #cfeafc;
}*/

#products .section_wrap .products_list li h3{
font-size: 1rem;
line-height: 1.4;
color:#FFF;
background: linear-gradient(0deg, #0061A7, #002E80);
padding: 10px;
box-sizing: border-box;
}

#products .section_wrap .products_list li p{
padding: 10px;
box-sizing:border-box;
font-weight: 600;
}




}
/*sp*/
@media only screen and (max-width: 767px) {
#products {
margin: 0 auto 60px;
position: relative;
}

#products .section_wrap{
width: 90%;
margin: 0 auto;
position: relative;
}

#products .section_wrap .products_list{
width: 100%;
margin: 0 auto;
}

#products .section_wrap .products_list li{
width: 100%;
position: relative;
margin-bottom:30px;
transition: .5s;
}

#products .section_wrap .products_list li a{
position: relative;
display: block;
}


/*#products .section_wrap .products_list li:hover{
opacity: .7;
transition: .5s;
background: #cfeafc;
}*/

#products .section_wrap .products_list li h3{
font-size: 1rem;
line-height: 1.4;
color:#FFF;
background: linear-gradient(0deg, #0061A7, #002E80);
padding: 8px;
box-sizing: border-box;
}

#products .section_wrap .products_list li p{
padding: 10px;
box-sizing:border-box;
font-weight: 600;
}


}