@charset "utf-8";

#ContentsArea img{
max-width: 100%;
}
#LoginForm .Contract{
margin-top: 40px;
}
#HeaderContactBtn .Btn{
text-align: center;
}
#HeaderContactBtn .ContactBtn .Txt{
display: inline-block;
position: relative;
}
#HeaderContactBtn .ContactBtn .Txt::before{
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#HeaderContactBtn .PhoneCallBtn .Txt::before{
left: -20px;
background: url(../../img/sp/icon_sp_phone.png) left top / contain no-repeat;
width: 12px;
height: 22px;
}
#HeaderContactBtn .SendMailBtn .Txt::before{
left: -35px;
background: url(../../img/sp/icon_sp_mail.png) left top / contain no-repeat;
width: 23px;
height: 18px;
}
.KtXmCmmSp *,
.KtXmCmmSp *::before,
.KtXmCmmSp *::after{
box-sizing: border-box;
}
.KtXmCmmSp{
color: #333;
margin: 0 auto;
padding-top: 18px;
font-size: 10px;
background: #fbfbfb;
}
.KtXmCmmSp .KtXmCmmSpHdg01{
margin-bottom: 10px;
}
.KtXmCmmSp .KtXmCmmSpHdg01 h1{
font-size: 2.4em;
text-align: center;
margin: 0 0 20px;
position: relative;
}
.KtXmCmmSp .KtXmCmmSpHdg01 h1:after{
content: '';
display: block;
width: 50px;
height: 3px;
background: #ef0a16;
left: 50%;
position: absolute;
transform: translateX(-50%);
margin-top: 9px;
}
.KtXmCmmSp .KtXmCmmSpHdg01 .lead{
font-size: 1.9em;
text-align: center;
font-weight: bold;
}
.KtXmCmmSp .MVImg{
text-align: center;
margin-left: -40px;
}
#ContentsArea .KtXmCmmSp .MVImg img{
max-width: 227px;
}
.KtXmCmmSp .KtXmCmmSpContents{
background: #e0e0e0;
margin-top: -126px;
padding-top: 91px;
padding-bottom: 26px;
}
.KtXmCmmSp .KtXmCmmSpContents > .KtXmCmmSpBtnArea{
margin-top: 15px;
}
.KtXmCmmSp .KtXmCmmSpBtnArea{
width: 320px;
padding: 0 15px;
margin: 0 auto;
}
.KtXmCmmSp .KtXmCmmSpBtn a{
font-size: 1.8em;
color: #fff;
border-radius: 4px;
display: block;
font-weight: bold;
position: relative;
line-height: 1.3;
padding: 10px 8px 10px 50px;
border: 1px solid #ad0329;
background: linear-gradient(to bottom, #f30b19, #cd0100);
}
.KtXmCmmSp .KtXmCmmSpBtn a:before{
content: '';
background-image: url(../../img/landing_page/kt_xm_series_cmm_sp/btn_icon.png);
background-size: 100%;
display: block;
width: 29px;
top: 50%;
left: 10px;
height: 22px;
position: absolute;
margin-top: -11px;
}
.KtXmCmmSp .KtXmCmmSpBtn a > em{
color: #e5fe8c;
}
.KtXmCmmSp .KtXmCmmSpAncBtn{
margin-top: 15px;
}
.KtXmCmmSp .KtXmCmmSpAncBtn .anc{
display: inline-block;
position: relative;
background-color: #e60012;
box-shadow: 0 2px rgba(0, 0, 0, .3);
color: #fff;
font-size: 1.8em;
padding: 12px 24px 10px 46px;
}
.KtXmCmmSp .KtXmCmmSpAncBtn .anc::before{
content: '';
background: url(../../img/landing_page/common/icon_btn_anc.png) no-repeat;
display: block;
position: absolute;
top: 50%;
left: 18px;
width: 16px;
height: 13px;
margin-top: calc(-13px / 2);
}
.KtXmCmmSp .KtXmCmmSpContents02{
background:#313151;
padding-bottom: 30px;
}
.KtXmCmmSp .KtXmCmmSpContents02 .Item{
margin: 0 auto;
max-width: 320px;
color: #fff;
font-size: 1.5em;
padding:22px 15px;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpDetailBox{
background: #1b1b3d;
padding: 20px 10px;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpList01{
margin-bottom: 22px;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpList01 li{
margin-bottom: 7px;
position: relative;
padding-left: 23px;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpList01 li::before{
content: '';
display: inline-block;
width: 13px;
height: 3px;
background: #f679f6;
position: absolute;
top: 0.8em;
left: 0;
margin-top: -1px;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpDetailItem{
display: flex;
flex-direction: row-reverse;
align-items: center;
color: #fff;
margin-bottom: 20px;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpDetailItem:last-child{
margin-bottom: 0;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpDetailItem .Img{
margin-right: 10px;
width: 100%;
}
.KtXmCmmSp .KtXmCmmSpContents02 .KtXmCmmSpDetailItem .Txt{
width: 100%;
}
.KtXmCmmSp .KtXmCmmSpContents02 img{
display: block;
margin: auto;
}
.KtXmCmmSp .KtXmCmmSpContents02List li{
position: relative;
padding-left: 12px;
}
.KtXmCmmSp .KtXmCmmSpContents02List li::before{
content: "";
width: 4px;
height: 4px;
background: #333;
position: absolute;
left: 0;
top: .65em;
border-radius: 2px;
}
.KtXmCmmSp .KtXmCmmSpContents02List li:not(:first-child){
margin-top: 16px;
}
.KtXmCmmSp .KtXmCmmSpContents02ListImg{
-ms-display: flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.KtXmCmmSp .KtXmCmmSpContents02ListImg li{
width: 50%;
padding: 5px;
}
.KtXmCmmSp .cmnLpAncrBtn03{
text-align: center;
margin: 32px 0 40px;
}