@charset "utf-8";

/*  Reset
-------------------------------------------------- */
div#Container {
overflow: hidden;
}
div#Container div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
padding-bottom: 0;
}
div#HeaderArea {
margin-bottom: 0;
}
div#MainContent div#MainContentBody > .Section:first-child {
padding-bottom: 0;
}
div#MainContent div#MainContentBody > .Section:first-child > p:first-child {
margin: 0;
}
div#MainContent #MainContentBody > .Section > p {
margin: 0;
}
/*  --------------------------------------------- */
div#MainContent #LpTrcbltyApplctn {
color: #000;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnHdg01 {
text-align: center;
font-size: 2.666666em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnHdg02 {
color: #e20d2b;
font-size: 2.166666em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnHdg03 {
text-transform: none;
font-size: 1.33333em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnTxt01 {
font-size: 1.33333em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnTxt01.aCenter {
text-align: center;
line-height: 1.6;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnLytBox {
display: table;
width: 100%;
margin: 0 auto;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnLytBoxContentLeft, div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnLytBoxContentRight {
display: table-cell;
vertical-align: middle;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnColumn {
margin: 34px 0 0;
letter-spacing: -.4em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnColumn > li {
display: inline-block;
box-sizing: border-box;
width: 370px;
margin: 0 0 0 110px;
padding: 16px 23px;
vertical-align: top;
letter-spacing: normal;
border: 1px solid #c1c6c8;
background: #fff;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnColumn > li:first-child {
margin: 0;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnColumn > li .LpTrcbltyApplctnHdg02 {
text-align: center;
font-size: 1.5em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnColumn > li .LpTrcbltyApplctnColumnImg {
margin: 14px 0 0;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnColumn > li .LpTrcbltyApplctnHdg03 {
margin: 18px 0 0;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnColumn > li .cmnLpAncrBtn03 {
white-space: nowrap;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnlist {
margin: 30px 0 0;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnlist > li {
padding: 0;
background: none;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnNormalList > li {
margin: 4px 0 0;
font-size: 1.166666em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnMainVisual {
position: relative;
padding: 46px 0 0;
background: url(../../img/landing_page/lp_traceability_application/lp_traceability_application_bg_01.jpg) no-repeat top center #c0c4c3;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnMainVisual:before, div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnMainVisual:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #c0c4c3;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnMainVisual:before {
left: -100%;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnMainVisual:after {
right: -100%;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnMainVisual .LpTrcbltyApplctnMainVisualImg {
margin: 0;
text-align: center;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox {
position: relative;
padding: 24px 0 26px;
background: #4e595f;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnLytBoxContentLeft {
width: 629px;
max-width: 629px;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnLytBoxContentRight {
padding: 0 0 0 20px;
text-align: right;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnLytBoxContentRight .cmnLpAncrBtn01 {
margin-bottom: 0;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnTxt01 {
margin: 0;
color: #fff;
line-height: 1.5;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox:before, div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #4e595f;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox:before {
left: -100%;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnBtnBox:after {
right: -100%;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection01, div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection02 {
padding: 0 60px;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection01 {
padding-top: 60px;
padding-bottom: 46px;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection01 .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnLytBoxContentLeft {
width: 500px;
max-width: 500px;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection01 .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnLytBoxContentRight {
padding: 0 0 0 20px;
text-align: right;
vertical-align: top;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection01 .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnTxt01 {
line-height: 1.75;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection01 .LpTrcbltyApplctnLytBox .LpTrcbltyApplctnHdg02 + .LpTrcbltyApplctnTxt01 {
margin-top: 22px;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection02 {
position: relative;
padding-top: 32px;
padding-bottom: 60px;
border-top: 1px solid #aab7b8;
background: #eef0f1;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection02:before, div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection02:after {
content: "";
display: block;
position: absolute;
top: -1px;
width: 100%;
height: 100%;
border-top: 1px solid #aab7b8;
background: #eef0f1;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection02:before {
left: -100%;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctnSection02:after {
right: -100%;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctncmnLpInqBtn01 a:hover {
text-decoration: none;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctncmnLpInqBtn01 a:before {
content: "";
display: inline-block;
position: absolute;
left: 25px;
width: 25px;
height: 25px;
background: url(../../img/landing_page/common/icon_btn_dl.png) no-repeat;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctncmnLpInqBtn01 a:after {
content: "";
display: block;
position: absolute;
z-index: -1;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
opacity: .3;
background: #000;
filter: alpha(opacity=30);

-ms-filter: "alpha(opacity=30)";
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctncmnLpInqBtn01 a {
display: inline-block;
position: relative;
z-index: 0;
padding: 10px 25px 12px 45px;
text-align: left;
text-decoration: none;
color: #fff;
background: #129e83;
font-size: 1.5em;
}
div#MainContent #LpTrcbltyApplctn .LpTrcbltyApplctncmnLpInqBtn01 a:before {
background-image: url(../../img/icon_priceinquiry_m_trans.png);
background-position: left center;
}
