@charset "UTF-8";
/************************************************************************************************
*************************************************************************************************


 = Dm Style
 
 
*************************************************************************************************
************************************************************************************************/

.dmWrapper .mainVisualBlc{ background-image:url(../media/images/co19/dm/main.jpg); }



/************************************************************************************************


/* = Index


************************************************************************************************/

.dmPlanBlc{}
.dmPlanBlc__info{ margin-bottom:50px; text-align:center; }
.dmPlanBlc__info .dllist--info{ display:inline-flex; }

.dmPlanBlc__box{ padding:20px; margin-top:20px; border:1px solid #DDDDDD; background-color:#FFFFFF; }
.dmPlanBlc__price big{ display:inline-block; margin-left:1em; }
.dmPlanBlc__btn{ margin-top:15px; text-align:center; }
@media print, screen and (min-width: 768px) {
.dmPlanBlc__flex{ display:flex; justify-content:space-between; align-items:stretch; }
.dmPlanBlc__box{ flex-basis:48%;  }
.dmPlanBlc__btn a{ width:280px; height:40px; line-height:40px;  }
}
@media print, screen and (max-width: 767px) {
.dmPlanBlc__btn{ text-align:center; }
.dmPlanBlc__btn a{ width:60%; height:46px; line-height:46px; }
}

/************************************************************************************************


/* = Login


************************************************************************************************/

.loginBlc{}
.loginBlc form{ text-align:center; }
.loginBlc form .password{ margin-top:20px; }
.loginBlc form .password input[type="password"]{ display:inline-block; width:300px; height:40px; }
.loginBlc form .submit{ margin-top:20px; }
.loginBlc form .submit input[type="submit"]{ width:100px; height:40px; }
@media print, screen and (max-width: 767px) {
}