/* ===================================================================

CSS information
 file name  :  cmn_style.css
 style info :  案件によって必要なものがある場合は都度編集する。

=================================================================== */

/* change min-width to suit your needs */

.mx05 { margin-bottom: 5px; }
.mx10 { margin-bottom: 10px; }
.mx12 { margin-bottom: 12px; }
.mx15 { margin-bottom: 15px; }
.mx20 { margin-bottom: 20px; }
.mx30 { margin-bottom: 30px; }
.mx40 { margin-bottom: 40px; }
.mx50 { margin-bottom: 50px; }
.mx60 { margin-bottom: 60px; }
.mxt05 { margin-top: 5px; }
.mxt10 { margin-top: 10px; }
.mxt12 { margin-top: 12px; }
.mxt15 { margin-top: 15px; }
.mxt20 { margin-top: 20px; }
.mxt30 { margin-top: 30px; }
.mxt35 { margin-top: 35px; }
.mxt40 { margin-top: 40px; }
.mxt50 { margin-top: 50px; }
.mxt60 { margin-top: 60px; }
.mxl05 { margin-left: 5px; }
.mxl10 { margin-left: 10px; }
.mxl12 { margin-left: 12px; }
.mxl15 { margin-left: 15px; }
.mxl20 { margin-left: 20px; }
.mxl30 { margin-left: 30px; }
.mxl40 { margin-left: 40px; }
.mxl50 { margin-left: 50px; }
.mxl60 { margin-left: 60px; }
.mxr00 { margin-right: 0px !important; }
.mxr05 { margin-right: 5px; }
.mxr10 { margin-right: 10px; }
.mxr15 { margin-right: 15px; }
.mxr20 { margin-right: 20px; }
.mxr30 { margin-right: 30px; }
.mxr40 { margin-right: 40px; }
.mxr50 { margin-right: 50px; }
.mxr60 { margin-right: 60px; }
.mxr300{ margin-right:300px; }

.pxt00 { padding-top: 0px !important; }
.pxt03 { padding-top: 3px !important; }
.pxt05 { padding-top: 5px !important; }
.pxt10 { padding-top: 10px !important; }
.pxt15 { padding-top: 15px; }
.pxt20 { padding-top: 20px !important; }
.pxt30 { padding-top: 30px !important; }
.pxt40 { padding-top: 40px; }
.pxb00 { padding-bottom: 0px !important; }
.pxb03 { padding-bottom: 3px; }
.pxb05 { padding-bottom: 5px; }
.pxb10 { padding-bottom: 10px; }
.pxb15 { padding-bottom: 15px; }
.pxb20 { padding-bottom: 20px; }
.pxb30 { padding-bottom: 30px; }
.pxb40 { padding-bottom: 40px; }
.pxl05 { padding-left: 5px; }
.pxl10 { padding-left: 10px; }
.pxl15 { padding-left: 15px; }
.pxl20 { padding-left: 20px; }
.pxl30 { padding-left: 30px; }
.pxl40 { padding-left: 40px !important; }
.pxr05 { padding-right: 5px; }
.pxr10 { padding-right: 10px; }
.pxr15 { padding-right: 15px; }
.pxr20 { padding-right: 20px; }
.pxr30 { padding-right: 30px; }
.pxr40 { padding-right: 40px; }

.w10per { width: 10%; }
.w20per { width: 20%; }
.w30per { width: 30%; }
.w40per { width: 40%; }
.w50per { width: 50%; }
.w60per { width: 60%; }
.w70per { width: 70%; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w100per { width: 100%; }

.flL { float: left; display:inline; }
.flR { float: right; display:inline; }

.clear { clear: both; }

.lineR{ border-right:none !important; }
.lineL{ border-left:none !important; }
.lineB{ border-bottom:none !important; }


.button-top {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 273px;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(180deg, #f59e0b, #f97316);
    color: #fff!important;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 10px 18px rgba(249, 115, 22, 0.25);
    transition: 0.2s;
}
.button-top:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(249, 115, 22, 0.3);
}