@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
}

div#HeaderArea {
    margin-bottom: 0;
}

body > #Container {
    overflow: hidden;
    padding-top: 0;
}

div#ContentsLayout {
    padding-bottom: 0;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child {
    padding-top: 0;
}

div#MainContent div#MainContentBody > .Section > p:first-child {
    margin: 0;
}

div#ContentsLayout.SingleWide div#MainContentBody > .Section:first-child {
    padding-bottom: 0;
}

#PrBtW370Area * img {
    vertical-align: bottom;
}

#PrBtW370Area *, #PrBtW370Area *::before, #PrBtW370Area *::after {
    box-sizing: border-box;
}

div#MainContent #PrBtW370Area ul li {
    background: none;
    list-style: none;
}

/* =================================================================================================
contents
================================================================================================= */
div#MainContent .PrBtW370MV {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    min-height: 610px;
    background: linear-gradient(to bottom, #fafafa 1%, #e4e4e4 100%);
}

div#MainContent .PrBtW370MV:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    display: block;
    width: 1400px;
    height: 696px;
    background: url(../../img/landing_page/pr_bt-w370/pr_bt-w370_MV_bg_img.png) no-repeat bottom center;
    content: "";
    transform: translateX(-50%);
}

div#MainContent .PrBtW370MV .MVContent {
    display: -ms-flexbox;
    display: flex;
}

div#MainContent .PrBtW370MV .MVInner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 970px;
    min-height: 610px;
    margin: 0 auto;
}

div#MainContent .PrBtW370MV .MVDetail {
    position: relative;
    z-index: 1;
    width: 590px;
}

div#MainContent .PrBtW370MV .MVImg {
    position: absolute;
    right: -87px;
    bottom: 0;
}

div#MainContent .PrBtW370Section01 {
    padding-top: 50px;
    color: #fff;
    background: #272727 url(../../img/landing_page/pr_bt-w370/pr_bt-w370_section01_bg_img.png) no-repeat top center;
}

div#MainContent .PrBtW370Section01 .Section01Content {
    width: 970px;
    margin: 0 auto;
    padding-bottom: 68px;
}

div#MainContent .PrBtW370Section01 .Section01Content > .Text {
    margin-top: 30px;
    margin-bottom: 54px;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
}

div#MainContent .PrBtW370Section01 .Section01Lead {
    background: #000;
}

div#MainContent .PrBtW370Section01 .Section01Lead .LeadContent {
    display: -ms-flexbox;
    display: flex;
}

div#MainContent .PrBtW370Section01 .Section01Lead .LeadInner {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 970px;
    min-height: 240px;
    margin: 0 auto;
}

div#MainContent .PrBtW370Section01 .Section01Lead .LeadInner .Lead {
    width: 608px;
    margin-bottom: 0;
    font-size: 34px;
}

div#MainContent .PrBtW370Section01 .Section01Lead .LeadInner .Lead > em {
    font-size: 42px;
}

div#MainContent .PrBtW370Section01 .Section01Lead .LeadInner .Img {
    position: absolute;
    top: 0;
    left: 148px;
    z-index: -1;
}

div#MainContent .PrBtW370Section01 .Hdg02 {
    position: relative;
    color: #fff;
    text-align: center;
}

div#MainContent .PrBtW370Section01 .Hdg02 span {
    position: relative;
    z-index: 0;
    display: inline-block;
    max-width: 790px;
    padding: 0 16px;
    font-size: 48px;
}

div#MainContent .PrBtW370Section01 .Hdg02 span rt {
    font-size: 18px;
    text-align: center;
}

div#MainContent .PrBtW370Section01 .Hdg02 span:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #444446;
    content: "";
}

div#MainContent .PrBtW370Section01 .Hdg02:before {
    position: absolute;
    bottom: calc(50% - 10px);
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #69696b;
    content: "";
}

div#MainContent .PrBtW370Section02 {
    padding: 46px 0 69px;
    color: #333;
    background: #f1f1f1;
}

div#MainContent .PrBtW370Section02 .Section02Content {
    width: 970px;
    margin: 0 auto;
}

div#MainContent .PrBtW370Section02 .Hdg02 {
    position: relative;
    margin-bottom: 47px;
    text-align: center;
}

div#MainContent .PrBtW370Section02 .Hdg02 span {
    position: relative;
    display: inline-block;
    max-width: 790px;
    padding: 0 26px;
    font-size: 48px;
    background: #f1f1f1;
}

div#MainContent .PrBtW370Section02 .Hdg02 span:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    content: "";
}

div#MainContent .PrBtW370Section02 .Hdg02:before {
    position: absolute;
    bottom: calc(50%);
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #929292;
    content: "";
}

div#MainContent .PrBtW370Section02 .Hdg02.Long span {
    font-size: 40px;
}

div#MainContent .PrBtW370Section02 .PrBtW370Column {
    margin: -25px 0 0 -26px;
}

div#MainContent .PrBtW370Section02 .PrBtW370Column .ColumnItem {
    margin-top: 25px;
    margin-left: 26px;
}

div#MainContent .PrBtW370Section02 .PrBtW370Column .ColumnItem .Text {
    margin-bottom: 0;
    padding: 8px 0 7px;
    font-size: 18px;
}

div#MainContent h1.Hdg01 {
    text-align: center;
}

div#MainContent h1.Hdg01 > .Hdg01Inner {
    display: block;
    margin-bottom: 57px;
    padding-bottom: 8px;
    font-size: 66px;
    line-height: 1.2;
    border-bottom: 1px solid #ccc;
}

div#MainContent h1.Hdg01 .SeriesLead {
    display: block;
    font-size: 20px;
}

div#MainContent h1.Hdg01 .SeriesLead .NewLabel {
    margin-right: 11px;
    padding: 2px 10px;
    font-size: 14px;
    color: #d40001;
    border: 1px solid #d40001;
}

div#MainContent h1.Hdg01 .SeriesLead .em {
    font-weight: bold;
}

div#MainContent .PrBtW370Column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -25px 0 0 -20px;
}

div#MainContent .PrBtW370Column .ColumnItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 25px;
    margin-left: 20px;
}

div#MainContent .PrBtW370Column .ColumnItem .Text {
    margin-bottom: 0;
    padding: 8px 0 5px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #710001;
}

div#MainContent .PrBtW370Column .ColumnItem .Img {
    padding-bottom: 1px;
}

div#MainContent .PrBtW370DefList {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    color: #fff;
}

div#MainContent .PrBtW370DefList dt {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 105px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 18px;
    background: #262627;
}

div#MainContent .PrBtW370DefList dt:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 200%;
    background: #262627;
    content: "";
    transform: skewX(-20deg);
}

div#MainContent .PrBtW370DefList dd {
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 15px 31px 12px 70px;
    background: #444446;
}

div#MainContent .PrBtW370DefList dd .Lead {
    margin-bottom: 11px;
    font-size: 24px;
}

div#MainContent .PrBtW370DefList dd .Text {
    margin-bottom: 0;
    font-size: 20px;
}

div#MainContent .PrBtW370FlowBox {
    position: relative;
    margin-bottom: 89px;
    background: #fff;
}

div#MainContent .PrBtW370FlowBox .Item {
    padding: 30px;
}

div#MainContent .PrBtW370FlowBox + .PrBtW370FlowBox {
    margin-bottom: 0;
}

div#MainContent .PrBtW370FlowBox + .PrBtW370FlowBox dt {
    background: #710001;
}

div#MainContent .PrBtW370FlowBox + .PrBtW370FlowBox dt:after {
    background: #710001;
}

div#MainContent .PrBtW370FlowBox + .PrBtW370FlowBox dd {
    padding: 15px 20px 20px 70px;
    font-size: 24px;
    background: #aa0013;
}

div#MainContent .PrBtW370FlowBox + .PrBtW370FlowBox dd .Lead {
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 34px;
}

div#MainContent .PrBtW370FlowBox + .PrBtW370FlowBox:before {
    position: absolute;
    top: -65px;
    left: 50%;
    display: block;
    width: 202px;
    height: 41px;
    background: url(../../img/landing_page/pr_bt-w370/pr_bt-w370_flowbox_bg_img.png) no-repeat top center;
    content: "";
    transform: translateX(-50%);
}

div#MainContent .PrBtW370UtilityList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

div#MainContent .PrBtW370UtilityList li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(33.33333333% - 4px);
    padding: 4px;
    font-size: 22px;
    border: 1px solid #a2a2a3;
}

div#MainContent .PrBtW370Btn {
    margin-top: 32px;
    margin-bottom: 25px;
    text-align: center;
}

div#MainContent .PrBtW370Btn a {
    position: relative;
    display: inline-block;
    padding: 10px 75px 10px 26px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    background: #e60012;
    border-bottom: 2px solid #b2b2b2;
}

div#MainContent .PrBtW370Btn a:before {
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url(../../../../img/landing_page/common/icon_btn_anc.png) no-repeat;
    content: "";
}

div#MainContent .PrBtW370Btn a > .BtnText {
    padding-left: 13px;
}

div#MainContent .PrBtW370Btn a > .BtnImg {
    position: absolute;
    top: 50%;
    right: 10px;
    border: 1px solid #cec0c1;
    transform: translateY(-50%);
}

div#MainContent .PrBtW370CtlgBox {
    margin: 49px 0 36px;
}

div#MainContent .PrBtW370CtlgBox .PrBtW370ImgBox {
    display: table;
    width: 970px;
    margin: 0 auto;
}

div#MainContent .PrBtW370CtlgBox .PrBtW370ImgBox > * {
    vertical-align: middle;
}

div#MainContent .PrBtW370CtlgBox .PrBtW370ImgBox.Left {
    direction: rtl;
}

div#MainContent .PrBtW370CtlgBox .PrBtW370ImgBox.Left > * {
    direction: ltr;
}

div#MainContent .PrBtW370CtlgBox .PrBtW370ImgBox .Content {
    display: table-cell;
    width: 100%;
    padding: 0 37px;
    font-weight: bold;
    font-size: 30px;
}

div#MainContent .PrBtW370CtlgBox .PrBtW370ImgBox .Img {
    display: table-cell;
    width: 300px;
    padding-left: 144px;
}

div#MainContent .cmnLpCVLead {
    width: 970px;
    margin: 0 auto 50px;
}
