@charset "utf-8" ;

.technologyList {
    width: 1100px;
    margin: 0 auto;
}
.technologyList li { margin-bottom: 1px; line-height: 0;}
.technologyList li a { display: block;}
.technologyList li a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

.technologyArea { padding: 0;}
.technologyArea .bgGray { background: #fafafa; padding: 80px 0;}
.technologyArea .column2 { display: table; position: relative;}
.technologyArea .column2 .boxL { vertical-align: top; margin: 0; display: table-cell; padding-right: 40px;}
.technologyArea .column2 .boxR { vertical-align: top; margin: 0; display: table-cell;}
.technologyArea .column2 p { font-size: 18px; line-height: 1.8;}

.technologyArea .txtBox {
    border: 8px solid #f4f4f4;
    padding: 30px;
}
.technologyArea .txtBox h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.technologyArea .column2 .boxL .caption { text-align: left; font-size: 14px; margin-top: 10px;}
.technologyArea .column2 .boxR .caption { text-align: right; font-size: 14px; margin-top: 10px;}

.technologyArea .column2 .boxL img,
.technologyArea .column2 .boxR img { max-width: 400px!important;}

.technologyArea .topicsTtl { text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom: 40px;}

@media screen and (max-width:800px) {
    #responsive .technologyList li img { width: 100%;}
}