@charset "utf-8";
/* reset */
#Container {
overflow: hidden;
}
div#HeaderArea {
margin: 0;
}
div#ContentsArea div#ContentsLayout {
padding: 0 5px;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
}
div#MainContent div.Section > p:first-child {
margin: 0;
}
div#MainContent .LpMdf1108 + p {
margin-bottom: 0;
}
/* common */
.LpMdf1108,
.LpMdf1108 *,
.LpMdf1108 *::before,
.LpMdf1108 *::after {
box-sizing: border-box;
}
/* BgExtend */
.LpMdf1108 .BgExtend {
position: relative;
}
.LpMdf1108 .BgExtend::before,
.LpMdf1108 .BgExtend::after {
content: '';
position: absolute;
top: 0;
z-index: 1;
width: 200%;
height: 100%;
}
.LpMdf1108 .BgExtend::before {
left: -200%;
}
.LpMdf1108 .BgExtend::after {
right: -200%;
}
/* Contents */
.LpMdf1108 .LpMdf1108ContentsWrap {
position: relative;
}
.LpMdf1108 .LpMdf1108ContentsWrap::before,
.LpMdf1108 .LpMdf1108ContentsWrap::after {
content: "";
position: absolute;
top: -69px;
z-index: 2;
background-repeat: no-repeat;
background-position: left top;
width: 165px;
height: 69px;
}
.LpMdf1108 .LpMdf1108ContentsWrap::before {
left: -165px;
}
.LpMdf1108 .LpMdf1108ContentsWrap::after {
right: -165px;
}
.LpMdf1108 .LpMdf1108ContentsWrap .LpMdf1108ContentsInner {
padding: 50px 0;
}
/* Hdg */
div#MainContent .LpMdf1108 .LpMdf1108Hdg02 {
text-align: center;
margin-bottom: 40px;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02 .LpMdf1108Hdg02Num {
display: inline-block;
position: relative;
color: #FF5C02;
background: -webkit-linear-gradient(360deg, #FF5C02, #FF9C00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 3.5em;
margin-bottom: 30px;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02 .LpMdf1108Hdg02Num::after {
content: '';
position: absolute;
bottom: -5px;
right: 0;
background: linear-gradient(to right, #FF5C02, #FF9C00);
width: 100%;
height: 5px;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02 .LpMdf1108Hdg02Num .Num {
font-size: 1.61em;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02 .LpMdf1108Hdg02Txt {
font-size: 4.16em;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line {
overflow: hidden;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line .LpMdf1108Hdg02Num {
padding: 0 30px;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line .LpMdf1108Hdg02Num::before,
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line .LpMdf1108Hdg02Num::after {
content: "";
position: absolute;
width: 200%;
height: 4px;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line .LpMdf1108Hdg02Num::before {
bottom: 50%;
right: 100%;
transform: translateY(50%);
background: linear-gradient(to right, #D60201, #FF5B02);
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line .LpMdf1108Hdg02Num::after {
top: 50%;
left: 100%;
transform: translateY(-50%);
background: linear-gradient(to right, #FF9B00, #F25000 50%);
}
@media screen\0 {
div#MainContent .LpMdf1108 .LpMdf1108Hdg02 .LpMdf1108Hdg02Num {
color: #FF9C00;
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg02 .LpMdf1108Hdg02Num::after,
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line .LpMdf1108Hdg02Num::before,
div#MainContent .LpMdf1108 .LpMdf1108Hdg02.LpMdf1108Hdg02Line .LpMdf1108Hdg02Num::after {
background: #FF9C00;
}
}
div#MainContent .LpMdf1108 .LpMdf1108Hdg03 {
box-sizing: content-box;
-ms-display: flex;
display: flex;
-ms-align-items: center;
align-items: center;
-ms-justify-content: center;
justify-content: center;
background: #6B0000;
color: #FFF;
font-size: 1.5em;
text-align: center;
padding: 10px;
}
/* layout */
.LpMdf1108 .LpMdf1108Column {
-ms-display: flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 40px 0;
}
.LpMdf1108 .LpMdf1108Column.Col02 .LpMdf1108ColItem {
width: 475px;
}
.LpMdf1108 .LpMdf1108Column.Col03 .LpMdf1108ColItem {
width: 310px;
}
.LpMdf1108 .LpMdf1108LayOrderBox {
-ms-display: flex;
display: flex;
}
.LpMdf1108 .LpMdf1108LayOrderBox.LayColumn {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.LpMdf1108 .LpMdf1108LayOrderBox [class^="LpMdf1108LayOrderItem0"] {
padding: 10px;
}
.LpMdf1108 .LpMdf1108LayOrderBox .LpMdf1108LayOrderItem01 {
-ms-order: 0;
order: 0;
}
.LpMdf1108 .LpMdf1108LayOrderBox .LpMdf1108LayOrderItem02 {
-ms-order: 1;
order: 1;
}
/* Text */
.LpMdf1108 .LpMdf1108ContentsTxt {
font-size: 1.33em;
line-height: 2.13;
text-align: center;
}
/* LpMdf1108Main */
.LpMdf1108 .LpMdf1108Main {
background: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_01.jpg) no-repeat left top;
color: #FFF;
height: 730px;
padding: 30px 0;
}
.LpMdf1108 .LpMdf1108Main::before {
background: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_02.jpg) no-repeat right top,
url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_04.jpg) repeat-x left top;
}
.LpMdf1108 .LpMdf1108Main::after {
background: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_03.jpg) no-repeat left top,
url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_04.jpg) repeat-x left top;
}
.LpMdf1108 .LpMdf1108Main .LpMdf1108Hdg01 {
position: relative;
width: 660px;
height: 430px;
margin-right: auto;
}
.LpMdf1108 .LpMdf1108Main .LpMdf1108Hdg01 img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.LpMdf1108 .LpMdf1108Main .LpMdf1108MainTxt {
margin-top: 20px;
}
div#MainContent .LpMdf1108 .LpMdf1108Main .LpMdf1108MainTxt .LpMdf1108TxtSeriesName {
font-size: 2em;
margin-bottom: 20px;
}
/* LpMdf1108Section01 */
.LpMdf1108 .LpMdf1108Section01,
.LpMdf1108 .LpMdf1108Section01 .LpMdf1108ContentsInner::before,
.LpMdf1108 .LpMdf1108Section01 .LpMdf1108ContentsInner::after {
background: #6B0000;
}
.LpMdf1108 .LpMdf1108Section01 {
color: #FFF;
}
.LpMdf1108 .LpMdf1108Section01.LpMdf1108ContentsWrap::before {
background-image: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_05.png);
}
.LpMdf1108 .LpMdf1108Section01.LpMdf1108ContentsWrap::after {
background-image: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_06.png);
}
/* LpMdf1108Section02 */
.LpMdf1108 .LpMdf1108Section02 {
background: #DADADA;
}
.LpMdf1108 .LpMdf1108Section02 .LpMdf1108ContentsInner {
padding: 50px 0 100px;
}
.LpMdf1108 .LpMdf1108Section02 .LpMdf1108ContentsInner::before,
.LpMdf1108 .LpMdf1108Section02 .LpMdf1108ContentsInner::after {
background: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_07.jpg) repeat-x left top,
url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_08.jpg) repeat-x left bottom,
#DADADA;
}
.LpMdf1108 .LpMdf1108Section02.LpMdf1108ContentsWrap::before {
top: 0;
background-image: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_09.png);
}
.LpMdf1108 .LpMdf1108Section02.LpMdf1108ContentsWrap::after {
top: 0;
background-image: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_10.png);
}
.LpMdf1108 .LpMdf1108Section02 .LpMdf1108Column.Col03 .LpMdf1108ColItem {
background: #FFF;
}
.LpMdf1108 .LpMdf1108LayOrderBox.LayColumn [class^="LpMdf1108LayOrderItem0"] {
padding: 10px 15px;
}
.LpMdf1108 .LpMdf1108Section02 .LpMdf1108Column.Col03 .LpMdf1108ColItem p {
font-size: 1.33em;
}
/* LpMdf1108Section03 */
.LpMdf1108 .LpMdf1108Section03 {
background: #000;
}
.LpMdf1108 .LpMdf1108Section03 .LpMdf1108ContentsInner::before,
.LpMdf1108 .LpMdf1108Section03 .LpMdf1108ContentsInner::after {
background: #000;
}
.LpMdf1108 .LpMdf1108Section03 {
color: #FFF;
}
.LpMdf1108 .LpMdf1108Section03.LpMdf1108ContentsWrap::before {
background-image: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_11.png);
}
.LpMdf1108 .LpMdf1108Section03.LpMdf1108ContentsWrap::after {
background-image: url(../../img/landing_page/lp_md-f_1108/lp_md-f_1108_bg_12.png);
}
/* LpMdf1108CtlgDl */
.LpMdf1108CtlgDl.LpMdf1108ContentsWrap .LpMdf1108ContentsInner {
padding: 50px 0 40px;
}
div#MainContent .LpMdf1108 .LpMdf1108CtlgDl .LpMdf1108LayOrderBox {
-ms-justify-content: center;
justify-content: center;
}
div#MainContent .LpMdf1108 .LpMdf1108CtlgDl .LpMdf1108CtlgDlTxt {
font-size: 2.5em;
margin-bottom: 25px;
}