
.tech-main { width: 1190px; margin: 0 auto; padding: 60px 0; }
.tech-main * { margin: 0; padding: 0; line-height: 1.8; }
.tech-main .tech-main-img01 { text-align: center; }
.tech-main .tech-main-img01 img { width: 25%; }
.tech-main .tech-main-text01 { font-size: 16px; text-align: center; line-height: 1.2; }
.tech-main .tech-main-text02 { font-size: 26px; font-weight: normal; text-align: center; padding: 5px 0 20px; }
.tech-main .tech-main-text03 { font-size: 30px; font-weight: normal; line-height: 1.2; text-align: center; padding: 25px 0 0; }
.tech-main .tech-main-text04 { font-size: 18px; text-align: center; padding: 0 0 20px; }
.tech-main .tech-main-text05,
.tec_activities-contents_area .tech-main-text05{ font-size: 14px; text-align: center; }
.tec_activities-contents_area .tech-main-text05{ margin-top: 30px; }

.tech-section { margin-bottom: 100px; }
.tech-section-title01, .tech-section-title02, .tech-section-title03, .tech-section-title04, .tech-section-title05 {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 0.2em;
    margin: 0 0 -20px !important;
}
.tech-section-title01 span, .tech-section-title02 span, .tech-section-title03 span, .tech-section-title04 span, .tech-section-title05 span { font-size: 18px; font-weight: normal; padding-left: 1em; }
.tech-section-title01 { border-bottom: 5px #00C982 solid; }
.tech-section-title02 { border-bottom: 5px #FF624B solid; }
.tech-section-title03 { border-bottom: 5px #4D23F1 solid; }
.tech-section-title04 { position: relative; border-bottom: 5px #FF624B solid; }
.tech-section-title04:before, .tech-section-title04:after {
    position: absolute;
    bottom: -5px;
    content: "";
    height: inherit;
}
.tech-section-title04:before { width: 33.3%; height: 5px; left: 33.3%; border-bottom: 5px #4D23F1 solid; }
.tech-section-title04:after { width: 33.5%; height: 5px; left: 66.6%; border-bottom: 5px #00C982 solid; }
.tech-section-title05 { border-bottom: 5px #5D5D5D solid; }

.tech-news { background: #EFEFEF; padding: 30px 10px 40px; }
.tech-news * { margin: 0; padding: 0; }
.tech-news h3 { font-size: 24px; font-weight: normal; text-align: center; padding: 0 0 4px; }
.tech-news ul { width: 980px; margin: 0 auto; list-style: none; font-size: 14px; }
.tech-news ul li { position: relative; padding: 0 0 0 7em; margin-top: 16px;}
.tech-news ul li span { position: absolute; top: 0; left: 0; font-size: 11px;}
.tech-news ul li a:hover { text-decoration: underline !important; }

.rd__related--link-ttl span { font-size: 14px; }
span.rd__related--link:hover { opacity: 1; }

.tec_activities-contents_area { margin-bottom: 180px; }
.tec_activities-contents_head { font-size: 14px; text-align: center; margin-bottom: 25px; }
.tec_activities-contents { display: table; margin: 0 auto; }
.tec_activities-contents .tec_activities-contents_pic, .tec_activities-contents .tec_activities-contents_details { display: table-cell; vertical-align: middle; }
.tec_activities-contents .tec_activities-contents_pic { width: 200px; padding-right: 30px; }
.tec_activities-contents:hover .tec_activities-contents_pic { opacity: 0.6; }
.tec_activities-contents .tec_activities-contents_text01 { font-size: 18px; }
.tec_activities-contents .tec_activities-contents_text02 { font-size: 16px; }

@media screen and (max-width: 640px) {
    .tech-main { width: 90%; }
    .tech-main .tech-main-img01 img { width: 40%; }
    .tech-main .tech-main-text05 { text-align: left; }
    .tech-main .tech-main-text05 br { display: none; }
    
    .tech-news ul { width: inherit; }
    
    .tec_activities-contents_area { margin-bottom: 80px; }
    .tec_activities-contents { width: 90%; }
    .tec_activities-contents .tec_activities-contents_pic { width: 50%; padding-right: 5%; }
}

.rd__related--link-imgbox.comming-soon { position: relative; z-index: 0; }
.rd__related--link-imgbox.comming-soon img { opacity: 0.15; }
.rd__related--link-imgbox.comming-soon:before {
    content: "";
    width: 378px;
    height: 214px;
    position: absolute; top: 0; left: 0;
    background: url("../img/coming_soon.png") no-repeat;
    background-size: contain;
    z-index: 1;
}
.section-border { min-width: 1220px; border-top: 1px #666 solid; }
.tec_img100 { width: 100% !important; }
.icon-new { background: #707070; color: #FFF; font-size: 10px; line-height: 1; padding: 0.3em 0.6em 0.3em; margin: 0 0 0 1em; }
a:hover .icon-new { background: #000; }
@media screen and (max-width: 640px) {
    .section-border { min-width: inherit; }
}

@media screen and (max-width: 640px) {
    .rd__related--link-imgbox.comming-soon:before {
        width: 100%;
        height: 100%;
    }
}

.rd__related.pdf_area {
	margin-top: 0px;
}
.rd__related.pdf_area .tec_activities-contents_area {
	margin-bottom: 60px;
}

@media screen and (max-width: 640px) {
    .rd__related.pdf_area {
		margin-top: -30px;
	}
	.rd__related.pdf_area .tec_activities-contents_area {
		margin-bottom: 30px;
	}
}