#engineer-talk-wrapper.page-area .mainframe .column{
 overflow: hidden;
}
/* --------------------------------------------------------------------
	page
-------------------------------------------------------------------- */
#engineer-talk-wrapper.page-area {}
#engineer-talk-wrapper.page-area .title-area {width: 100%;height: 674px;position: relative;overflow:hidden;}
#engineer-talk-wrapper.page-area .title-area .background {width: 100%;position: absolute;}
#engineer-talk-wrapper.page-area .title-area .title_box {width: 980px;margin: 0px auto;position: absolute;left:50%;margin-left:-490px;}
#engineer-talk-wrapper.page-area .title-area .title_box .title {text-align: right;padding-top: 15px;}
#engineer-talk-wrapper.page-area .title-area .title_box .title a {filter: alpha(opacity=100);opacity: 1.0;}
#engineer-talk-wrapper.page-area .title-area .title_box .title a:hover {filter: alpha(opacity=70);opacity: 0.7;}
#engineer-talk-wrapper .title-area .title_box .lead_box {width: 490px;margin-top: 175px;margin-left: 40px;}
#engineer-talk-wrapper .title-area .title_box .lead_box .heading {border: 1px solid #999999;position: relative;background-image: url(../images/part.png);background-repeat: no-repeat;background-position: left top;background-size: 148px;}
#engineer-talk-wrapper .title-area .title_box .lead_box .heading img {position: absolute;right:-20px;top:-32px;}
#engineer-talk-wrapper .title-area .title_box .lead_box .heading p {padding: 88px 16px 16px 16px;color: #FFF;text-align: left;font-size: 25px;line-height: 1.4;}
#engineer-talk-wrapper .title-area .title_box .lead_box .text {background-color: #000;width: 100%;margin-top: 3px;}
#engineer-talk-wrapper .title-area .title_box .lead_box .text p {padding: 42px 40px;color: #FFF;text-align: left;font-size: 16px;line-height: 1.8;}
@media only screen and (max-width: 1400px) {
#engineer-talk-wrapper.page-area .title-area .background {width: 1400px;position: absolute;left:50%;margin-left:-700px;}
}
#engineer-talk-wrapper.page-area .mainframe{margin-top: 30px;}
#engineer-talk-wrapper.page-area .mainframe .column {padding:80px 0 0;}
#engineer-talk-wrapper.page-area .mainframe .column p {font-size: 13px;line-height: 1.6;color: #333;margin: 0px;padding: 0px;text-align: left;}
#engineer-talk-wrapper.page-area .mainframe .column p.heading {font-size: 43px;line-height: 1.2;position: relative;border-bottom: 1px solid #333;margin-bottom: 15px;}
#engineer-talk-wrapper.page-area .mainframe .column p.heading .year {position: absolute;right: 0px;bottom: 4px;z-index: -1;width: auto;}
#engineer-talk-wrapper.page-area .mainframe .column p.text {width: 65%;float: left;}
#engineer-talk-wrapper.page-area .mainframe .column .img {width: 33%;float: right;margin-top: 3px;}
#engineer-talk-wrapper.page-area .mainframe .column p.heading span.small {font-size: 14px;font-weight: bold;position: relative;bottom: 2px;}
#engineer-talk-wrapper.page-area .mainframe .column .sp_img {display: none;}
#engineer-talk-wrapper.page-area .mainframe .column p span.pageTop {display: none;}

#engineer-talk-wrapper.page-area .mainframe ul.select {width: 64%;clear: both;display:table;margin: 0px auto 10px auto;}
#engineer-talk-wrapper.page-area .mainframe ul.select li {list-style-type: none;border-left: 1px solid #333;display:table-cell;}
#engineer-talk-wrapper.page-area .mainframe ul.select li:last-child {border-right: 1px solid #333;}
#engineer-talk-wrapper.page-area .mainframe ul.select li p {font-size: 21px;line-height: 1.0;color: #333;margin: 0px;padding: 0px;text-align: center;}
#engineer-talk-wrapper.page-area .mainframe ul.select li p a {color: #333;text-decoration: none;}
#engineer-talk-wrapper.page-area .mainframe ul.select li p a:hover {color: #C00;text-decoration: none;}
#engineer-talk-wrapper.page-area .mainframe ul.select.mt60 {margin-top: 60px;}

#engineer-talk-wrapper.page-area .mainframe .toIndex {width: 100%;text-align: left;margin-top: 30px;}
#engineer-talk-wrapper.page-area .mainframe .toIndex .red {color: #C00;}
#engineer-talk-wrapper.page-area .mainframe .toIndex p{font-size: 21px;line-height: 1;}
#engineer-talk-wrapper.page-area .mainframe .toIndex p a{color: #000;text-decoration: none;}
#engineer-talk-wrapper.page-area .mainframe .toIndex p a:hover{color: #C00;text-decoration: none;}

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

#engineer-talk-wrapper.page-area {}
#engineer-talk-wrapper.page-area .title-area {width: 100%;height:100%;position: relative;overflow: auto;}
#engineer-talk-wrapper.page-area .title-area .title_box {width: 100%;margin: 0px auto;position: static;margin-left: 0px;}
#engineer-talk-wrapper.page-area .title-area .title_box .title {text-align: right;padding-top: 0px;}
#engineer-talk-wrapper .title-area .title_box .lead_box {width: 100%;margin-top: 0px;margin-left: 0px;}
#engineer-talk-wrapper .title-area .title_box .lead_box .text {background-color: #000;width: 100%;margin-top: 0px;}
#engineer-talk-wrapper .title-area .title_box .lead_box .text p {padding: 30px 4% 30px 4%;font-size: 1.1rem;line-height: 1.6;}
#engineer-talk-wrapper .title-area .title_box .link_sp {width: 40%;position: absolute;top:0;right:0;}

#engineer-talk-wrapper.page-area .mainframe{margin-top: 30px;}
#engineer-talk-wrapper.page-area .mainframe .column {width: 100%;margin: 0px auto;padding:60px 0px 0px 0px;}
#engineer-talk-wrapper.page-area .mainframe .column p {font-size: 1.2rem;line-height: 1.6;color: #333;margin: 0px;padding: 0px;text-align: left;}
#engineer-talk-wrapper.page-area .mainframe .column p.heading {font-size: 1.8rem;line-height: 1.3;position: relative;border-bottom: 1px solid #333;margin-bottom: 15px;height: 2.5em;}
#engineer-talk-wrapper.page-area .mainframe .column p.heading img {width: 40%;}
#engineer-talk-wrapper.page-area .mainframe .column p.heading .year {position: absolute;right: 0px;bottom: 0px;z-index: -1;width: 150px;}
#engineer-talk-wrapper.page-area .mainframe .column p.text {width: 100%;float: left;}
#engineer-talk-wrapper.page-area .mainframe .column .img {display: none;}
#engineer-talk-wrapper.page-area .mainframe .column .sp_img {display: block;width: 50%;float: right;padding-bottom: 10px;padding-left: 10px;}
#engineer-talk-wrapper.page-area .mainframe .column p.heading span.small {font-size: 1.0rem;font-weight: normal;position: relative;bottom: 0px;display: block;padding-top: 3px;padding-bottom: 3px;}

#engineer-talk-wrapper.page-area .mainframe ul.select {width: 100%;clear: both;display:table;margin: 0px auto 10px auto;}

#engineer-talk-wrapper.page-area .mainframe ul.select li {list-style-type: none;border-left: 1px solid #333;display:table-cell;}
#engineer-talk-wrapper.page-area .mainframe ul.select li:last-child {border-right: 1px solid #333;}
#engineer-talk-wrapper.page-area .mainframe ul.select li p {font-size: 1.2rem;line-height: 1.0;color: #333;margin: 0px;padding: 0px;text-align: center;}
#engineer-talk-wrapper.page-area .mainframe ul.select li p a {color: #333;text-decoration: none;}
#engineer-talk-wrapper.page-area .mainframe ul.select li p a:hover {color: #C00;text-decoration: none;}
#engineer-talk-wrapper.page-area .mainframe ul.select.mt60 {margin-top: 60px;}

#engineer-talk-wrapper.page-area .mainframe .column p span.pageTop {display: block;padding-top: 15px;color: #C00;}
#engineer-talk-wrapper.page-area .mainframe .column p span.pageTop a {color: #333;text-decoration: none;font-size: 1.2rem;}
#engineer-talk-wrapper.page-area .mainframe .column p span.pageTop a:hover {color: #C00;text-decoration: none;}

#engineer-talk-wrapper.page-area .mainframe .toIndex {margin-top: 60px;}
#engineer-talk-wrapper.page-area .mainframe .toIndex p{font-size: 1.2rem;line-height: 1;}
}


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

}