/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);


@media only screen and (max-width: 964px) {
.idx-about { padding-left:20px; padding-right:20px; margin-top:0;}
.main-pro-link { padding-top:0px;}

}

@media only screen and (max-width: 768px) {
.main-pro-link-name {
    width:inherit;
    position: initial;
    font-size: 27px;
    padding: 15px;
}
.main-pro-link li:nth-child(2) .main-pro-link-name {
    padding-left: 10px;
}
.main-pro-link li:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);}
.main-pro-link li:hover .main-pro-link-name {background:rgba(241,241,241,.15);}
.news ul li {
    width: 100%;
    margin-right: inherit;
}
}
@media only screen and (max-width: 640px) {
.idx-video, .idx-news { width:100%;}
.idx-news { padding:30px; height:auto;}
.logo-a ul li {
    width: calc(100% / 2 - 13px);
}
.news ul li .news-2 {
    display:block;
    margin-bottom: 8px;
}
.news ul li .news-3 {
    width:100%;
}
}
@media only screen and (max-width: 570px) {

}

@media only screen and (max-width: 414px) {
.main-pro-link li { width:100%;}
.idx-news-name, .idx-news-date { display:block; width:100%; padding-bottom:5px;}
.idx-news-date { font-size:13px; text-align:left; border-bottom:1px dashed #fff; padding-bottom:10px; margin-bottom:10px; color:rgba(255,255,255,.6);}
}

@media only screen and (max-width: 320px) {

}