@charset 'utf-8';
/* reset */
div#HeaderArea {
margin-bottom: 0;
padding-bottom: 0;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
}
div#MainContentBody > .Section:first-child > p:first-child {
margin-bottom: 0;
}
div#Container {
overflow: hidden;
}
div#ContentsLayout,
div#MainContent div.Section {
padding-bottom: 0;
}

/* style */
.PrAiNAArea{
font-family: helvetica, arial, meiryo, san-serif;
}
div#MainContent .PrAiNAArea + p{
margin-bottom: 0;
}
.PrAiNAAreaMain {
position: relative;
margin-bottom: 30px;
}
.PrAiNAAreaMain:before {
content: "";
position: absolute;
left: -100%;
top: 0;
height: 100%;
width: 300%;
background: #d8d8d8;
z-index: -1;
}
.PrAiNAAreaMainInner:before{
content: "";
position: absolute;
width: 398px;
height: 100%;
right: 0;
top: 0;
background: url(../../img/landing_page/pr_ai_newarrival/bg_01.jpg) repeat-y 0 0;
}
.PrAiNAAreaMainInner{
background: #fff;
width: 532px;
font-size: 1.25em;
text-align: center;
padding: 15px 20px 20px;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainHdg{
font-size: 2em;
margin-bottom: 13px;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainHdg.Normal{
font-weight: normal;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainHdg.Normal em{
font-weight: bold;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainImg{
margin-bottom: 3px;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainLead{
margin-bottom: 20px;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainLabel{
margin: 13px auto;
font-weight: bold;
display: table;
font-size: 1.066666em;
border: 1px solid #ce0010;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainLabel > em{
color: #fff;
background: #ce0010;
padding: 5px 9px 2px;
margin-right: 5px;
display: table-cell;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainLabel > span{
display: table-cell;
padding: 0 10px;
vertical-align: middle;
}
div#MainContent .PrAiNAAreaMainInner .PrAiNAAreaMainLabel > span em{
color: #ce0010;
}
.PrAiNAAreaMainBtn{
position: absolute;
bottom: 10px;
right: 0;
}

.PrAiNAAreaSub{
color: #fff;
text-align: center;
background: #223947;
padding-top: 13px;
}
.PrAiNAAreaSub .large{
font-size: 1.133333em;
}
div#MainContent .PrAiNAAreaSub .PrAiNAAreaSub{
font-size: 2.5em;
margin-bottom: 15px;
line-height: 1.2;
}
div#MainContent .PrAiNAAreaSub .PrAiNAAreaSub em{
color: #24d7ff;
}
div#MainContent .PrAiNAAreaClm2 {
display: table;
position: relative;
margin: 21px 0 39px;
}
div#MainContent .PrAiNAAreaClm2:before{
content: "";
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background: #c5c5c5;
}
div#MainContent ul.PrAiNAAreaClm2 > li{
padding: 0;
margin: 0;
background: none;
width: 470px;
display: table-cell;
vertical-align: top;
}
div#MainContent ul.PrAiNAAreaClm2 > li + li{
padding-left: 30px;
}
div#MainContent ul.PrAiNAAreaClm2 > li > dl{
margin-bottom: 30px;
}
div#MainContent ul.PrAiNAAreaClm2 > li > dl > dt{
text-align: center;
position: relative;
font-size: 2.5em;
font-weight: bold;
padding-bottom: 12px;
}
div#MainContent ul.PrAiNAAreaClm2 > li:first-child > dl > dt{
position: relative;
}
div#MainContent ul.PrAiNAAreaClm2 > li:first-child > dl > dt:before{
content: "";
position: absolute;
top: 0;
right: -17px;
background: #fff;
width: 3px;
height: 100%;
}
div#MainContent ul.PrAiNAAreaClm2 > li > dl > dd{
font-size: 1.33333em;
font-weight: bold;
text-align: center;
position: relative;
color: #fff;
padding: 12px;
}
div#MainContent ul.PrAiNAAreaClm2 p{
margin-bottom: 0;
font-size: 1.33333em;
}
div#MainContent ul.PrAiNAAreaClm2 > li.str1 > dl > dd{
background: #029ec1;
}
div#MainContent ul.PrAiNAAreaClm2 > li.str2 > dl > dd{
background: #4f8b98;
}
div#MainContent ul.PrAiNAAreaClm2 > li.str1 > dl > dd:before,
div#MainContent ul.PrAiNAAreaClm2 > li.str2 > dl > dd:before{
content: "";
position: absolute;
left: 50%;
margin-left: -10.5px;
top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10.5px 10px 10.5px;
}
div#MainContent ul.PrAiNAAreaClm2 > li.str1 > dl > dd:before{
border-color: transparent transparent #029ec1 transparent;
}
div#MainContent ul.PrAiNAAreaClm2 > li.str2 > dl > dd:before{
border-color: transparent transparent #4f8b98 transparent;
}
div#MainContent ul.PrAiNAAreaClm2 .PrAiNAAreaTxt {
margin-top: 6px;
line-height: 1.5;
}

div#MainContent ul.PrAiNAAreaClm2 .PrAiNAAreaLst{
display: table;
width: 100%;
}
div#MainContent ul.PrAiNAAreaClm2 .PrAiNAAreaLst > li{
padding: 0;
margin: 0;
display: table-cell;
background: none;
vertical-align: middle;
}
div#MainContent ul.PrAiNAAreaClm2 .PrAiNAAreaLst > .Fig + li{
padding-bottom: 0;
position: relative;
top: 3px;
}
div#MainContent ul.PrAiNAAreaClm2 .PrAiNAAreaLst dl{
display: table;
width: 188px;
border-bottom: 1px dotted #c5c5c5;
font-size: 1.16666em;
margin: 0 17px 0 auto;
padding: 6px 0 4px;
}
div#MainContent ul.PrAiNAAreaClm2 .PrAiNAAreaLst dl > *{
display: table-cell;
vertical-align: bottom:
}
div#MainContent ul.PrAiNAAreaClm2 .PrAiNAAreaLst dl dd{
text-align: right;
}

div#MainContent .PrAiNAAreaAs .PrAiNAAreaHdg{
font-size: 2.8333em;
text-align: center;
position:relative;
margin-bottom: 26px;
margin-top: 66px;
}
div#MainContent .PrAiNAAreaAs ul + .PrAiNAAreaHdg{
margin-top: 50px;
margin-bottom: 24px;
}
div#MainContent .PrAiNAAreaAs .PrAiNAAreaHdg:before{
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 2px;
background: #d2d2d2;
z-index: -1;
margin-top: 2px;
}
div#MainContent .PrAiNAAreaAs .PrAiNAAreaHdg > span{
background: #fff;
padding: 10px 20px;
}
div#MainContent .PrAiNAAreaAs .PrAiNAAreaHdg2{
background: #e4e4e4;
text-align: center;
font-weight: bold;
font-size: 1.33333em;
padding: 14px 10px 11px;
margin-bottom: 20px;
text-transform: none;
}
div#MainContent i.PrAiNAAreaImg{
display: table;
}
div#MainContent .PrAiNAAreaImg > li{
display: table-cell;
vertical-align: top;
width: 150px;
padding: 0;
background: none;
}
div#MainContent .PrAiNAAreaImg > li + li{
padding-left: 10px;
}
div#MainContent .PrAiNAAreaImg > li > span{
display: block;
margin-top: 2px;
}
div#MainContent .PrAiNAAreaPr{
display: table;
margin: 0 auto;
position: relative;
}
div#MainContent .PrAiNAAreaPr:before{
content: "";
position: absolute;
top: 2px;
left: 50%;
margin-left: -485px;
width: 970px;
height: 207px;
background: url(../../img/landing_page/pr_ai_newarrival/bg_02.jpg) no-repeat;
z-index: -1;
}
div#MainContent .PrAiNAAreaPr > li{
display: table-cell;
vertical-align: top;
background: none;
padding: 0;
}
div#MainContent .PrAiNAAreaPr > li > span{
display: block;
text-align: center;
font-size: 1.16666em;
margin-top: -23px;
}
div#MainContent .PrAiNAAreaPr > li:first-child + li{
padding: 0 30px;
}
.PrAiNAAreaCV{
position: relative;
padding: 36px 0 48px;
margin-top: 85px;
}
.PrAiNAAreaCV:before{
content: "";
background: #eaeaea;
position: absolute;
left: -100%;
top: 0;
height:100%;
width: 300%;
z-index: -1;
}
div#MainContent .PrAiNAAreaCV ul{
direction: rtl;
display: table;
margin: 0 auto;
}
div#MainContent .PrAiNAAreaCV ul > li{
padding: 0;
margin: 0;
background: none;
direction: ltr;
display: table-cell;
vertical-align: bottom;
text-align: left;
padding-right: 4px;
}
div#MainContent .PrAiNAAreaCV ul > li > img{
border: 1px solid #d0d0d0;
}
div#MainContent .PrAiNAAreaCV ul > li + li{
padding-right: 27px;
}

div#MainContent .PrAiNAAreaCVTxt{
font-size: 2em;
line-height: 1.25;
margin-bottom: 47px;
}