/* -------------------------------------------------------------------- page -------------------------------------------------------------------- */ #engineer-talk-wrapper.page-area {background-color: #FFF;} #engineer-talk-wrapper.page-area .title-area {width: 100%;height: 908px;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: 105px;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: 144px;} #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;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: 20px;} #engineer-talk-wrapper.page-area .mainframe p {font-size: 16px;line-height: 1.6;margin: 0px;padding: 0px 0px;text-align: left;} #engineer-talk-wrapper.page-area .mainframe p.heading {font-size: 28px;line-height: 1.3;} #engineer-talk-wrapper.page-area .mainframe p.caption {font-size: 11px;line-height: 1.3;padding-top: 5px;font-weight: bold;} #engineer-talk-wrapper.page-area .mainframe p.name {margin-top: 30px;margin-bottom: 5px;font-weight: bold;} #engineer-talk-wrapper.page-area .mainframe p.name_top {margin-top: 0px;margin-bottom: 5px;font-weight: bold;} #engineer-talk-wrapper.page-area .mainframe .column_A {padding:0;clear: both;} #engineer-talk-wrapper.page-area .mainframe .column_B {padding:40px 0;width: 48%;float: left;clear: both;} #engineer-talk-wrapper.page-area .mainframe .column_C {padding:40px 40px 0px 0px;width: 48%;float: right;} #engineer-talk-wrapper.page-area .mainframe .img_A {padding:40px 0px 0px 0px;} #engineer-talk-wrapper.page-area .mainframe .img_B {padding:40px 0px 0px 0px;width: 490px;float: left;} #engineer-talk-wrapper.page-area .mainframe .img_C {padding:40px 0px 0px 0px;width: 490px;float: right;} #engineer-talk-wrapper.page-area .mainframe .textBox {margin-top: 2px;padding: 10px;border: 1px solid #b9b9b9;} #engineer-talk-wrapper.page-area .mainframe .textBox p {font-size: 13px;line-height: 1.6;margin: 0px;padding: 0px;} #engineer-talk-wrapper.page-area .mainframe .textBox p strong {font-weight: bold;display: block;padding-bottom: 5px;} #engineer-talk-wrapper.page-area .bottom-area {clear: both;padding-top: 40px;text-align: center;} #engineer-talk-wrapper.page-area .bottom-area ul.next {width: 562px;margin: 0px auto;display:table;} #engineer-talk-wrapper.page-area .bottom-area ul.next a {display: block;width: 100%;height: 100%;cursor: pointer;cursor: hand;text-decoration: none;} #engineer-talk-wrapper.page-area .bottom-area ul.next a:hover {text-decoration: none;filter: alpha(opacity=70);opacity: 0.7;} #engineer-talk-wrapper.page-area .bottom-area ul.next li {list-style-type: none;display:table-cell;} #engineer-talk-wrapper.page-area .bottom-area ul.next li p{font-size: 21px;line-height: 1.0;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.left {width: 452px;background-color: #e5e5e5;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.left p {padding: 20px 20px 20px 20px;line-height: 1.3;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.right {width: 108px;background-color: #666;vertical-align: middle;border-left: 2px solid #FFF;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.right p {padding: 0px 0px 0px 3px;text-align: center;color: #FFF;} #engineer-talk-wrapper.page-area .bottom-area .select {margin-top: 30px;} #engineer-talk-wrapper.page-area .bottom-area .select p{font-size: 21px;line-height: 1;text-align: center;} #engineer-talk-wrapper.page-area .bottom-area .select p a{color: #000;text-decoration: none;} #engineer-talk-wrapper.page-area .bottom-area .select p a:hover{color: #C00;text-decoration: none;} #engineer-talk-wrapper.page-area .bottom-area .red {color: #C00;} #engineer-talk-wrapper.page-area .bottom-area strong {color: #C00;font-weight: bold;} @media only screen and (max-width: 736px) { /* -------------------------------------------------------------------- page -------------------------------------------------------------------- */ #engineer-talk-wrapper.page-area {background-color: #FFF;} #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: 15px;} #engineer-talk-wrapper.page-area .mainframe img{width: 100% !important;} #engineer-talk-wrapper.page-area .mainframe p {font-size: 1.2rem;line-height: 1.6;margin: 0px;padding: 0px 0px;text-align: left;} #engineer-talk-wrapper.page-area .mainframe p.heading {font-size: 1.6rem;line-height: 1.4;} #engineer-talk-wrapper.page-area .mainframe p.heading br {display: none;} #engineer-talk-wrapper.page-area .mainframe p.caption {font-size: 1.0rem;line-height: 1.3;padding-top: 5px;padding-bottom: 5px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} #engineer-talk-wrapper.page-area .mainframe p.name {margin-top: 30px;margin-bottom: 5px;font-weight: bold;} #engineer-talk-wrapper.page-area .mainframe p.name_top {margin-top: 0px;margin-bottom: 5px;font-weight: bold;} #engineer-talk-wrapper.page-area .mainframe .column_A {padding:30px 0px 0px 0px;clear: both;} #engineer-talk-wrapper.page-area .mainframe .column_B {padding:30px 0px 0px 0px;width: 100%;float: none;clear: both;} #engineer-talk-wrapper.page-area .mainframe .column_C {padding:30px 0px 0px 0px;width: 100%;float: none;} #engineer-talk-wrapper.page-area .mainframe .img_A {padding:30px 0px 0px 0px;} #engineer-talk-wrapper.page-area .mainframe .img_B {padding:30px 0px 0px 0px;width: 100%;float:none;} #engineer-talk-wrapper.page-area .mainframe .img_C {padding:30px 0px 0px 0px;width: 100%;float: none;} #engineer-talk-wrapper.page-area .mainframe .textBox {margin-top: 2px;padding: 10px;border: 1px solid #b9b9b9;} #engineer-talk-wrapper.page-area .mainframe .textBox p {font-size: 1.0rem;line-height: 1.6;margin: 0px;padding: 0px;} #engineer-talk-wrapper.page-area .mainframe .textBox p strong {font-weight: bold;display: block;padding-bottom: 5px;} #engineer-talk-wrapper.page-area .bottom-area {clear: both;padding-top: 40px;text-align: center;} #engineer-talk-wrapper.page-area .bottom-area ul.next {width: 100%;margin: 0px auto;display:table;} #engineer-talk-wrapper.page-area .bottom-area ul.next a {display: block;width: 100%;height: 100%;cursor: pointer;cursor: hand;text-decoration: none;} #engineer-talk-wrapper.page-area .bottom-area ul.next a:hover {text-decoration: none;filter: alpha(opacity=70);opacity: 0.7;} #engineer-talk-wrapper.page-area .bottom-area ul.next li {list-style-type: none;display:table-cell;} #engineer-talk-wrapper.page-area .bottom-area ul.next li p{font-size: 1.2rem;line-height: 1.0;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.left {width: 80%;background-color: #e5e5e5;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.left p {padding: 20px 20px 20px 20px;line-height: 1.3;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.right {width: 20%;background-color: #666;vertical-align: middle;border-left: 2px solid #FFF;} #engineer-talk-wrapper.page-area .bottom-area ul.next li.right p {padding: 0px 0px 0px 3px;text-align: center;color: #FFF;} #engineer-talk-wrapper.page-area .bottom-area .select {margin-top: 30px;} #engineer-talk-wrapper.page-area .bottom-area .select p{font-size: 1.4rem;line-height: 1;text-align: center;} #engineer-talk-wrapper.page-area .bottom-area .select p a{color: #000;text-decoration: none;} #engineer-talk-wrapper.page-area .bottom-area .select p a:hover{color: #000;text-decoration: none;} } @media only screen and (max-width: 414px) { }