@charset "utf-8";

/* Reset */
body {
min-width: 970px;
}

div#HeaderArea {
margin: 0;
}

div#ContentsArea.FullWidth {
overflow: hidden;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
}

div#MainContentBody > .Section:first-child > p:first-child {
margin: 0;
}

/* PrPtnPrjLt */
#PrPtnPrjLt {
margin-bottom: 50px;
}

#PrPtnPrjLt *,
#PrPtnPrjLt *::before,
#PrPtnPrjLt *::after {
box-sizing: border-box;
}

#PrPtnPrjLt .TxtNewLabel {
display: inline-block;
vertical-align: top;
background: #E60012;
color: #FFF;
font-size: 14px;
font-weight: bold;
margin: 8px 0 8px;
padding: 2px 28px;
}

#PrPtnPrjLt .TxtBold {
font-weight: bold;
}

#PrPtnPrjLt .TxtInch {
color: #0099FF;
}

#PrPtnPrjLt .TxtNote {
color: #8E97A5;
font-size: 13px;
}

#PrPtnPrjLt .ImgRight {
display: block;
margin-left: auto;
}

#PrPtnPrjLt .PrPtnPrjLtHdg01 {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
position: relative;
font-weight: normal;
}

#PrPtnPrjLt .PrPtnPrjLtHdg01Inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}

#PrPtnPrjLt .PrPtnPrjLtHdg01.Ptn01 .PrPtnPrjLtHdg01Inner {
min-height: calc(715px - 100px);
}

#PrPtnPrjLt .PrPtnPrjLtHdg02 {
font-size: 40px;
font-weight: normal;
line-height: 1.25;
}

#PrPtnPrjLt .PrPtnPrjLtMV {
background: url(../../img/landing_page/pr_pattern-projection-lighting/pr_pattern-projection-lighting_bg01.png) no-repeat center top, linear-gradient(to right, #373b45 0%, #373b45 50%, #171d26 50%, #171d26 100%);
padding: 50px 0;
}

#PrPtnPrjLt .PrPtnPrjLtMVInner {
position: relative;
width: 970px;
margin: 0 auto;
}

#PrPtnPrjLt .PrPtnPrjLtMVImg {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 970px;
}

#PrPtnPrjLt .PrPtnPrjLtMVImg.Ptn01 {
top: 229px;
}

#PrPtnPrjLt .PrPtnPrjLtSeriesName {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-size: 24px;
}

#PrPtnPrjLt .PrPtnPrjLtSeriesNameArea {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: center;
justify-content: center;
background: #FFF;
border-top: 3px solid #E60012;
box-shadow: 0 0 18px 7px #252A30;
width: 640px;
margin: 0 auto;
padding: 18px;
}

#PrPtnPrjLt .PrPtnPrjLtSeriesNameArea.Ptn01 {
margin: 280px auto 0;
}

#PrPtnPrjLt .PrPtnPrjLtSeriesNameArea.Ptn02 {
width: 740px;
}

#PrPtnPrjLt .PrPtnPrjLtSeriesNameArea > span {
display: block;
}

#PrPtnPrjLt .PrPtnPrjLtSeriesNameArea .PrPtnPrjLtSeriesImg {
margin-right: 35px;
}

#PrPtnPrjLt .PrPtnPrjLtCVArea {
display: block;
position: relative;
margin-left: -10px;
}

#PrPtnPrjLt .PrPtnPrjLtCVArea .PrPtnPrjLtAncBtnWrap {
position: absolute;
bottom: 30px;
right: 50%;
transform: translateX(50%);
}

#PrPtnPrjLt .PrPtnPrjLtCVArea .PrPtnPrjLtAncBtn {
display: inline-block;
position: relative;
background: #e60012;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 20px;
text-transform: none;
text-decoration: none;
max-width: 490px;
padding: 10px 28px 10px 56px;
}

#PrPtnPrjLt .PrPtnPrjLtCVArea .PrPtnPrjLtAncBtn::before {
content: "";
background: url(../../../img/landing_page/common/icon_btn_anc.png) no-repeat;
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
height: 14px;
width: 16px;
}

#PrPtnPrjLt .PrPtnPrjLtColumn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}

#PrPtnPrjLt .PrPtnPrjLtColumn.Col02 .Col {
width: 50%;
}

#PrPtnPrjLt .PrPtnPrjLtColumn.Dir01 {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

#PrPtnPrjLt .PrPtnPrjLtColumn.Dir02 {
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}

#PrPtnPrjLt .PrPtnPrjLtCont {
margin-top: 35px;
}

#MainContent #PrPtnPrjLt .PrPtnPrjLtCont > p {
font-size: 16px;
line-height: 1.5;
margin: 0;
}

#MainContent #PrPtnPrjLt .PrPtnPrjLtCont.Ptn01 > p {
font-size: 20px;
}

#PrPtnPrjLt .PrPtnPrjLtContImg {
margin-top: 30px;
}

#MainContent #PrPtnPrjLt .PrPtnPrjLtNote {
max-width: 100%;
}

#MainContent #PrPtnPrjLt .PrPtnPrjLtNote p {
line-height: 1.5;
margin: 0;
}

#PrPtnPrjLt .PrPtnPrjLtSec {
padding: 80px 0;
}

#PrPtnPrjLt .PrPtnPrjLtSec.Sec01 {
background: url(../../img/landing_page/pr_pattern-projection-lighting/pr_pattern-projection-lighting_bg02.png) no-repeat center top, #11161D;
color: #FFF;
}

#PrPtnPrjLt .PrPtnPrjLtSec.Sec02 {
background: url(../../img/landing_page/pr_pattern-projection-lighting/pr_pattern-projection-lighting_bg03.png) no-repeat center top, linear-gradient(to right, #FFF 0%, #E6E6E6 10%, #E6E6E6 50%, #E6E6E6 90%, #FFF 100%);
}

#PrPtnPrjLt .PrPtnPrjLtSec.Sec03 {
background: url(../../img/landing_page/pr_pattern-projection-lighting/pr_pattern-projection-lighting_bg04.png) no-repeat center top, #11161D;
color: #FFF;
}

#PrPtnPrjLt .PrPtnPrjLtSec.Sec03.Ptn01 {
min-height: 474px;
}

#PrPtnPrjLt .PrPtnPrjLtSec.Sec03.Ptn01 .Col.Ptn01 {
position: absolute;
top: -80px;
right: 0;
}

#PrPtnPrjLt .PrPtnPrjLtSecInner {
position: relative;
width: 970px;
margin: 0 auto;
}

.smartphone #PrPtnPrjLt .PrPtnPrjLtSecInner {
padding: 0 20px;
}

#PrPtnPrjLt .PrPtnPrjLtCtlgDl {
padding: 20px 0;
}

#PrPtnPrjLt .PrPtnPrjLtCtlgDlInner {
width: 970px;
margin: 0 auto;
}

.smartphone #PrPtnPrjLt .PrPtnPrjLtCtlgDlInner {
padding: 0 20px;
}

#PrPtnPrjLt .PrPtnPrjLtCtlgDlLyt {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
}

#PrPtnPrjLt .PrPtnPrjLtCtlgDlLytTxt {
-ms-flex-item-align: end;
align-self: flex-end;
-ms-flex: 1;
flex: 1;
}

#MainContent #PrPtnPrjLt .PrPtnPrjLtCtlgDlLytTxt .TxtDl {
position: relative;
font-size: 30px;
font-weight: bold;
text-align: center;
padding-bottom: 104px;
margin: 0;
}

#MainContent #PrPtnPrjLt .PrPtnPrjLtCtlgDlLytTxt .TxtDl::after {
content: "";
position: absolute;
bottom: 0;
right: 50%;
transform: translateX(50%);
background: url(../../img/landing_page/pr_pattern-projection-lighting/pr_pattern-projection-lighting_bg05.png) no-repeat;
width: 335px;
height: 84px;
}

#PrPtnPrjLt .PrPtnPrjLtCtlgDlLytImg {
display: -ms-flexbox;
display: flex;
margin-left: 40px;
padding-bottom: 30px;
}

#PrPtnPrjLt .PrPtnPrjLtCtlgDlLytImg .PrPtnPrjLtCtlgDlImg {
margin-left: 10px;
}

#PrPtnPrjLt .PrPtnPrjLtCtlgDlLytImg .PrPtnPrjLtCtlgDlImg.ImgBottom {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: -30px;
}

#PrPtnPrjLt .PrPtnPrjLtMovieCont {
background: #11161D;
padding: 80px 0;
}

#PrPtnPrjLt .PrPtnPrjLtMovieContInner {
text-align: center;
width: 970px;
margin: 0 auto;
}