@charset 'UTF-8';
/*-------------------------------------------------------

table

-------------------------------------------------------*/
.tm-table_default
{
    font-size: 1.3rem;

    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;

    background-color: #fff;
}

.tm-table_default tr
{
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.tm-table_default th,
.tm-table_default td
{
    padding: 11px 13px;

    text-align: left;

    border-right: 1px solid #ececec;
}

.tm-table_default th .tm-link_button,
.tm-table_default th .tm-button_default,
.tm-table_default th .tm-button_account,
.tm-table_default th .tm-button_ibLogin,
.tm-table_default td .tm-link_button,
.tm-table_default td .tm-button_default,
.tm-table_default td .tm-button_account,
.tm-table_default td .tm-button_ibLogin
{
    font-weight: normal;
}

.tm-table_default th:last-child,
.tm-table_default td:last-child
{
    border-right: none;
}

.tm-table_default th > :first-child,
.tm-table_default td > :first-child
{
    margin-top: 0;
}

.tm-table_default th > :last-child,
.tm-table_default td > :last-child
{
    margin-bottom: 0;
}

.tm-table_default th .tm-text_label,
.tm-table_default td .tm-text_label
{
    margin-left: 5px;
}

.tm-table_default thead th,
.tm-table_default thead td
{
    text-align: center;

    background-color: #f6f6f6;
}

.tm-table_default tbody th
{
    background-color: #f6f6f6;
}

.tm-table_default tfoot th,
.tm-table_default tfoot td
{
    background-color: #f6f6f6;
}

.tm-table_default.border tr
{
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.tm-table_default.type01 tr:nth-child(even)
{
    background-color: #f6f6f6;
}

.tm-table_default.type02 tbody tr
{
    display: block;

    width: 100%;
}

.tm-table_default.type02 tbody tr + tr
{
    border-top: none;
}

.tm-table_default.type02 tbody th
{
    display: block;

    width: 100%;

    border-left: none;
}

.tm-table_default.type02 tbody th + td
{
    border-top: 1px solid #ececec;
}

.tm-table_default.type02 tbody td
{
    display: block;

    width: 100%;

    border-left: none;
}

.tm-table_default.type02 tbody td + td
{
    border-top: 1px solid #ececec;
}

.tm-table_default.gold thead th
{
    background-color: #fffcf5;
}

.tm-table_default.gold tbody th
{
    background-color: #fffcf5;
}

.tm-table_default.gold tfoot th,
.tm-table_default.gold tfoot td
{
    background-color: #fffcf5;
}

.tm-table_default.gold.type01 tr:nth-child(even)
{
    background-color: #fffcf5;
}

.tm-table_default .tm-list_bullet,
.tm-table_default .tm-list_unordered,
.tm-table_default .tm-list_ordered,
.tm-table_default .tm-list_variation,
.tm-table_default .tm-note_default
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.tm-table_default .tm-note_default
{
    text-align: left;
}

.tm-table_default .tm-imglay_posL > .content > .title
{
    font-size: 100%;
}

.tm-table_default .tm-box_simUnit_box
{
    font-size: 1.5rem;
    line-height: 1.48;

    width: 156px;
    height: 38px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tm-table_default .tm-box_simUnit_select
{
    height: 38px;
}

.tm-table_default .tm-box_simUnit_select > select
{
    font-size: 1.5rem;
    line-height: 1.48;

    padding-top: 5px;
    padding-bottom: 5px;
}

.tm-table_feature
{
    font-size: 1.3rem;

    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;

    background-color: #fff;
}

.tm-table_feature th,
.tm-table_feature td
{
    font-weight: normal;

    padding: 5px;

    text-align: left;

    border-right: 1px solid #ececec;
}

.tm-table_feature th:last-child,
.tm-table_feature td:last-child
{
    border-right: none;
}

.tm-table_feature th > :first-child,
.tm-table_feature td > :first-child
{
    margin-top: 0;
}

.tm-table_feature th > :last-child,
.tm-table_feature td > :last-child
{
    margin-bottom: 0;
}

.tm-table_feature th + th,
.tm-table_feature td + th
{
    border-left: 1px solid #ececec;
}

.tm-table_feature th + td,
.tm-table_feature td + td
{
    border-left: 1px solid #ececec;
}

.tm-table_feature th .tm-text_label,
.tm-table_feature td .tm-text_label
{
    margin-left: 5px;
}

.tm-table_feature .tm-note_default
{
    text-align: left;
}

.tm-category_mys_step
{
    margin-bottom: 40px;
}

.tm-category_mys_step > li
{
    line-height: 1.48;

    position: relative;

    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
        flex-direction: column;

    margin-bottom: 30px;
    padding: 14px 15px 13px;

    list-style-type: none;

    border: 1px solid #f0cce6;
    border-radius: 4px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.tm-category_mys_step > li::after
{
    position: absolute;
    top: -19px;
    left: calc(50% - 4px);

    content: '';

    border: 4px solid transparent;
    border-top: 8px solid #b60081;
}

.tm-category_mys_step > li:first-child::after
{
    display: none;
}

.tm-category_mys_step > li p
{
    margin-bottom: 0;
}

.tm-category_mys_step > li > .num
{
    font-family: -apple-system, 'BlinkMacSystemFont', Sans-Serif;
    font-size: 20px;

    width: 32px;
    height: 32px;
    margin: 0 auto 10px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #b60081;

    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
}

.tm-category_mys_step > li .title
{
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 5px;
}

.tm-category_mys_step > li > .img
{
    margin-bottom: 10px;

    text-align: center;

    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.tm-category_mys_calcList
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.tm-category_mys_calcList > .col
{
    font-weight: bold;
    line-height: 1.48;

    position: relative;

    width: 100%;
    padding: 8px 74px 8px 10px;

    border: 1px solid #f0cce6;
    border-radius: 4px;
    background-color: #f8e5f2;
}

.tm-category_mys_calcList > .col .icon_blank,
.tm-category_mys_calcList > .col .icon_pdf,
.tm-category_mys_calcList > .col .icon_money
{
    vertical-align: bottom;
}

.tm-category_mys_calcList > .col::before,
.tm-category_mys_calcList > .col::after
{
    position: absolute;
    top: -25px;
    left: calc(50% - 8px);

    width: 2px;
    height: 16px;

    content: '';

    background-color: #333;
}

.tm-category_mys_calcList > .col::after
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.tm-category_mys_calcList > .col:first-child::before,
.tm-category_mys_calcList > .col:first-child::after
{
    display: none;
}

.tm-category_mys_calcList > .col:last-child
{
    font-size: 1.6rem;
}

.tm-category_mys_calcList > .col:last-child:before
{
    left: calc((50% - 3px) - 8px);
}

.tm-category_mys_calcList > .col:last-child::after
{
    left: calc((50% - 3px) - 1px);

    -webkit-transform: none;
            transform: none;
}

.tm-category_mys_calcList > .col:last-child > dt
{
    padding: 14px 0 14px 58px;

    background: url(/asset/images/img_icon_01.png) no-repeat left center/48px 48px;
}

.tm-category_mys_calcList > .col:last-child > dt.type01
{
    background: url(/asset/images/img_icon_02.png) no-repeat left center/48px 48px;
}

.tm-category_mys_calcList > .col + .col
{
    margin-top: 32px;
}

.tm-category_mys_calcList > .col > dd
{
    font-size: 1rem;
    line-height: 1;

    position: absolute;
    top: calc(50% - 12px);
    right: 10px;

    display: block;

    width: 54px;
    height: 24px;
    padding: 0 4px;

    text-align: center;

    color: #fff;
    border-radius: 4px;
    background-color: #b60081;
}

.tm-category_mys_calcList > .col > dd > em
{
    font-family: -apple-system, 'BlinkMacSystemFont', Sans-Serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.48;
}

.tm-category_mys_calcList .tm-list_bullet,
.tm-category_mys_calcList .tm-list_unordered,
.tm-category_mys_calcList .tm-list_ordered,
.tm-category_mys_calcList .tm-list_variation,
.tm-category_mys_calcList .tm-note_default
{
    margin-top: 10px;
    margin-bottom: 10px;

    text-align: left;
}

.tm-category_mys_table thead th
{
    text-align: center;
}

.tm-category_mys_table thead td
{
    position: relative;

    text-align: center;

    background-color: #fff;
}

.tm-category_mys_table thead td sup
{
    position: absolute;
    top: 5px;
    right: 7px;
}

.tm-category_mys_table tbody th
{
    text-align: center;
}

.tm-category_mys_table tbody td
{
    text-align: center;

    background-color: #fff;
}

.tm-category_mys_table .sub
{
    display: block;

    color: #999;
}

.tm-category_mys_table.type01 tbody td
{
    padding: 17px 10px 17px;

    border-right: none;
}

.tm-category_mys_table.type01 tbody td + td
{
    border-left: none;
}

.tm-category_mys_table.type01 tbody td .stage
{
    text-align: right;
}

.tm-category_mys_table.type01 tbody td .stage img
{
    max-width: 60px;
    max-height: 60px;
}

.tm-category_mys_table.type01 tbody td .rate
{
    font-size: 2.6rem;
    font-weight: bold;

    text-align: right;

    color: #b60081;
}

.tm-category_mys_table.type01 tbody td .rate em
{
    font-size: 3.0rem;
}

.tm-category_mys_table.type01 tbody td .point
{
    line-height: 1.4;

    position: relative;

    max-width: 106px;
    padding: 11px 10px 8px;

    border: 1px solid #b60081;
    border-radius: 3px;
}

.tm-category_mys_table.type01 tbody td .point:before
{
    position: absolute;
    top: calc(50% - 6px);
    left: -16px;

    content: '';

    border: 6px solid transparent;
    border-right: 10px solid #b60081;
}

.tm-category_mys_table.type01 tbody td .point:after
{
    position: absolute;
    top: calc(50% - 5px);
    left: -13px;

    content: '';

    border: 5px solid transparent;
    border-right: 9px solid #fff;
}

.tm-category_mys_table.type01 tbody td .point em
{
    font-size: 1.5rem;

    display: block;

    color: #b60081;
}

.footer
{
    background: #e6e6e6;
}

.footer-inner
{
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 46px;
    padding-bottom: 37px;
}

@media screen and (max-width: 767px)
{
    .footer-inner
    {
        padding: 35px 12px 39px;

        text-align: center;
    }
    .footer p
    {
        letter-spacing: -.03em;
    }
}

.inquiry
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-top: 5px;
    padding-bottom: 51px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px)
{
    .inquiry
    {
        display: block;

        padding-top: 0;
        padding-bottom: 19px;
    }
}

.inquiry .circle
{
    font-size: 2rem;
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 91px;
    height: 91px;
    margin-right: 16px;

    color: #000;
    border-radius: 50%;
    background: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px)
{
    .inquiry .circle
    {
        display: block;

        width: 100%;
        height: auto;
        margin-right: 0;
        padding: 6px 20px 2px;

        text-align: center;

        border-radius: 5px;
    }
}

.inquiry .reception
{
    font-size: 1.5rem;
    line-height: 1.125;

    padding-top: 15px;
}

.inquiry .reception em
{
    font-size: 2rem;
    font-weight: bold;
}

.inquiry .reception em .number
{
    font-size: 4.5rem;

    letter-spacing: -.02em;
}

@media screen and (max-width: 320px)
{
    .inquiry .reception em .number
    {
        font-size: 3.8rem;
    }
}

.inquiry .reception em .number a
{
    color: #000;
}

.border-hdg
{
    font-size: 2.5rem;
    font-weight: bold;

    position: relative;

    display: block;

    max-width: 668px;
    margin: 0 auto 20px;

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .border-hdg
    {
        font-size: 2.3rem;

        margin-bottom: 13px;
    }
}

.border-hdg::before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    border-top: 2px solid #000;
}

.border-hdg-inner
{
    position: relative;
    z-index: 10;

    display: inline-block;

    max-width: 400px;
    padding: 0 15px;

    background: #e6e6e6;
}

@media screen and (max-width: 767px)
{
    .border-hdg-inner
    {
        padding: 0 7px;
    }
}

.rounded-btn
{
    margin-top: 17px;
    padding-bottom: 5px;
}

@media screen and (max-width: 767px)
{
    .rounded-btn
    {
        margin-top: 10px;
    }
}

.rounded-btn a
{
    font-size: 1.5rem;
    font-weight: bold;

    position: relative;

    display: block;

    width: 100%;
    max-width: 375px;
    margin: 0 auto;
    padding: 13px 45px 12px 20px;

    text-align: center;

    color: #fff;
    border-radius: 24px;
    background: #000;
    box-shadow: 0 5px 0 #b2b2b2;
}

@media screen and (max-width: 767px)
{
    .rounded-btn a
    {
        font-size: 1.7rem;

        padding: 10px 45px 9px 20px;
    }
}

.rounded-btn a::before
{
    position: absolute;
    top: 50%;
    right: 27px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);

    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
}

.rounded-btn a:active,
.rounded-btn a:focus,
.rounded-btn a:hover
{
    opacity: .7;
}

/*-------------------------------------------------------

base

-------------------------------------------------------*/
html
{
    font-size: 62.5%;
}

body
{
    font-family: Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
    font-size: 1.6rem;
    line-height: 1.777777;

    word-break: break-all;

    color: #000;
    background: #fff;
}

@media screen and (max-width: 767px)
{
    body
    {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4375;

        width: 100%;
    }
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
time,
mark,
audio,
video
{
    margin: 0;
    padding: 0;

    border: 0;
}

article,
aside,
dialog,
figure,
figcaption,
footer,
header,
hgroup,
nav,
section,
main
{
    display: block;
}

ul,
ol
{
    padding: 0;

    list-style: none;
}

a
{
    color: #000;
}

a:hover,
a:active,
a:focus
{
    text-decoration: none;

    opacity: .7;
}

*
{
    box-sizing: border-box;
}

img
{
    max-width: 100%;
}

em
{
    font-weight: bold;
    font-style: normal;
}

.mt0
{
    margin-top: 0 !important;
}

.ml0
{
    margin-left: 0 !important;
}

.mr0
{
    margin-right: 0 !important;
}

.mb0
{
    margin-bottom: 0 !important;
}

.pt0
{
    padding-top: 0 !important;
}

.pl0
{
    padding-left: 0 !important;
}

.pr0
{
    padding-right: 0 !important;
}

.pb0
{
    padding-bottom: 0 !important;
}

.mt1
{
    margin-top: 1px !important;
}

.ml1
{
    margin-left: 1px !important;
}

.mr1
{
    margin-right: 1px !important;
}

.mb1
{
    margin-bottom: 1px !important;
}

.pt1
{
    padding-top: 1px !important;
}

.pl1
{
    padding-left: 1px !important;
}

.pr1
{
    padding-right: 1px !important;
}

.pb1
{
    padding-bottom: 1px !important;
}

.mt2
{
    margin-top: 2px !important;
}

.ml2
{
    margin-left: 2px !important;
}

.mr2
{
    margin-right: 2px !important;
}

.mb2
{
    margin-bottom: 2px !important;
}

.pt2
{
    padding-top: 2px !important;
}

.pl2
{
    padding-left: 2px !important;
}

.pr2
{
    padding-right: 2px !important;
}

.pb2
{
    padding-bottom: 2px !important;
}

.mt3
{
    margin-top: 3px !important;
}

.ml3
{
    margin-left: 3px !important;
}

.mr3
{
    margin-right: 3px !important;
}

.mb3
{
    margin-bottom: 3px !important;
}

.pt3
{
    padding-top: 3px !important;
}

.pl3
{
    padding-left: 3px !important;
}

.pr3
{
    padding-right: 3px !important;
}

.pb3
{
    padding-bottom: 3px !important;
}

.mt4
{
    margin-top: 4px !important;
}

.ml4
{
    margin-left: 4px !important;
}

.mr4
{
    margin-right: 4px !important;
}

.mb4
{
    margin-bottom: 4px !important;
}

.pt4
{
    padding-top: 4px !important;
}

.pl4
{
    padding-left: 4px !important;
}

.pr4
{
    padding-right: 4px !important;
}

.pb4
{
    padding-bottom: 4px !important;
}

.mt5
{
    margin-top: 5px !important;
}

.ml5
{
    margin-left: 5px !important;
}

.mr5
{
    margin-right: 5px !important;
}

.mb5
{
    margin-bottom: 5px !important;
}

.pt5
{
    padding-top: 5px !important;
}

.pl5
{
    padding-left: 5px !important;
}

.pr5
{
    padding-right: 5px !important;
}

.pb5
{
    padding-bottom: 5px !important;
}

.mt6
{
    margin-top: 6px !important;
}

.ml6
{
    margin-left: 6px !important;
}

.mr6
{
    margin-right: 6px !important;
}

.mb6
{
    margin-bottom: 6px !important;
}

.pt6
{
    padding-top: 6px !important;
}

.pl6
{
    padding-left: 6px !important;
}

.pr6
{
    padding-right: 6px !important;
}

.pb6
{
    padding-bottom: 6px !important;
}

.mt7
{
    margin-top: 7px !important;
}

.ml7
{
    margin-left: 7px !important;
}

.mr7
{
    margin-right: 7px !important;
}

.mb7
{
    margin-bottom: 7px !important;
}

.pt7
{
    padding-top: 7px !important;
}

.pl7
{
    padding-left: 7px !important;
}

.pr7
{
    padding-right: 7px !important;
}

.pb7
{
    padding-bottom: 7px !important;
}

.mt8
{
    margin-top: 8px !important;
}

.ml8
{
    margin-left: 8px !important;
}

.mr8
{
    margin-right: 8px !important;
}

.mb8
{
    margin-bottom: 8px !important;
}

.pt8
{
    padding-top: 8px !important;
}

.pl8
{
    padding-left: 8px !important;
}

.pr8
{
    padding-right: 8px !important;
}

.pb8
{
    padding-bottom: 8px !important;
}

.mt9
{
    margin-top: 9px !important;
}

.ml9
{
    margin-left: 9px !important;
}

.mr9
{
    margin-right: 9px !important;
}

.mb9
{
    margin-bottom: 9px !important;
}

.pt9
{
    padding-top: 9px !important;
}

.pl9
{
    padding-left: 9px !important;
}

.pr9
{
    padding-right: 9px !important;
}

.pb9
{
    padding-bottom: 9px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.ml10
{
    margin-left: 10px !important;
}

.mr10
{
    margin-right: 10px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.pt10
{
    padding-top: 10px !important;
}

.pl10
{
    padding-left: 10px !important;
}

.pr10
{
    padding-right: 10px !important;
}

.pb10
{
    padding-bottom: 10px !important;
}

.mt11
{
    margin-top: 11px !important;
}

.ml11
{
    margin-left: 11px !important;
}

.mr11
{
    margin-right: 11px !important;
}

.mb11
{
    margin-bottom: 11px !important;
}

.pt11
{
    padding-top: 11px !important;
}

.pl11
{
    padding-left: 11px !important;
}

.pr11
{
    padding-right: 11px !important;
}

.pb11
{
    padding-bottom: 11px !important;
}

.mt12
{
    margin-top: 12px !important;
}

.ml12
{
    margin-left: 12px !important;
}

.mr12
{
    margin-right: 12px !important;
}

.mb12
{
    margin-bottom: 12px !important;
}

.pt12
{
    padding-top: 12px !important;
}

.pl12
{
    padding-left: 12px !important;
}

.pr12
{
    padding-right: 12px !important;
}

.pb12
{
    padding-bottom: 12px !important;
}

.mt13
{
    margin-top: 13px !important;
}

.ml13
{
    margin-left: 13px !important;
}

.mr13
{
    margin-right: 13px !important;
}

.mb13
{
    margin-bottom: 13px !important;
}

.pt13
{
    padding-top: 13px !important;
}

.pl13
{
    padding-left: 13px !important;
}

.pr13
{
    padding-right: 13px !important;
}

.pb13
{
    padding-bottom: 13px !important;
}

.mt14
{
    margin-top: 14px !important;
}

.ml14
{
    margin-left: 14px !important;
}

.mr14
{
    margin-right: 14px !important;
}

.mb14
{
    margin-bottom: 14px !important;
}

.pt14
{
    padding-top: 14px !important;
}

.pl14
{
    padding-left: 14px !important;
}

.pr14
{
    padding-right: 14px !important;
}

.pb14
{
    padding-bottom: 14px !important;
}

.mt15
{
    margin-top: 15px !important;
}

.ml15
{
    margin-left: 15px !important;
}

.mr15
{
    margin-right: 15px !important;
}

.mb15
{
    margin-bottom: 15px !important;
}

.pt15
{
    padding-top: 15px !important;
}

.pl15
{
    padding-left: 15px !important;
}

.pr15
{
    padding-right: 15px !important;
}

.pb15
{
    padding-bottom: 15px !important;
}

.mt16
{
    margin-top: 16px !important;
}

.ml16
{
    margin-left: 16px !important;
}

.mr16
{
    margin-right: 16px !important;
}

.mb16
{
    margin-bottom: 16px !important;
}

.pt16
{
    padding-top: 16px !important;
}

.pl16
{
    padding-left: 16px !important;
}

.pr16
{
    padding-right: 16px !important;
}

.pb16
{
    padding-bottom: 16px !important;
}

.mt17
{
    margin-top: 17px !important;
}

.ml17
{
    margin-left: 17px !important;
}

.mr17
{
    margin-right: 17px !important;
}

.mb17
{
    margin-bottom: 17px !important;
}

.pt17
{
    padding-top: 17px !important;
}

.pl17
{
    padding-left: 17px !important;
}

.pr17
{
    padding-right: 17px !important;
}

.pb17
{
    padding-bottom: 17px !important;
}

.mt18
{
    margin-top: 18px !important;
}

.ml18
{
    margin-left: 18px !important;
}

.mr18
{
    margin-right: 18px !important;
}

.mb18
{
    margin-bottom: 18px !important;
}

.pt18
{
    padding-top: 18px !important;
}

.pl18
{
    padding-left: 18px !important;
}

.pr18
{
    padding-right: 18px !important;
}

.pb18
{
    padding-bottom: 18px !important;
}

.mt19
{
    margin-top: 19px !important;
}

.ml19
{
    margin-left: 19px !important;
}

.mr19
{
    margin-right: 19px !important;
}

.mb19
{
    margin-bottom: 19px !important;
}

.pt19
{
    padding-top: 19px !important;
}

.pl19
{
    padding-left: 19px !important;
}

.pr19
{
    padding-right: 19px !important;
}

.pb19
{
    padding-bottom: 19px !important;
}

.mt20
{
    margin-top: 20px !important;
}

.ml20
{
    margin-left: 20px !important;
}

.mr20
{
    margin-right: 20px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

.pt20
{
    padding-top: 20px !important;
}

.pl20
{
    padding-left: 20px !important;
}

.pr20
{
    padding-right: 20px !important;
}

.pb20
{
    padding-bottom: 20px !important;
}

.mt21
{
    margin-top: 21px !important;
}

.ml21
{
    margin-left: 21px !important;
}

.mr21
{
    margin-right: 21px !important;
}

.mb21
{
    margin-bottom: 21px !important;
}

.pt21
{
    padding-top: 21px !important;
}

.pl21
{
    padding-left: 21px !important;
}

.pr21
{
    padding-right: 21px !important;
}

.pb21
{
    padding-bottom: 21px !important;
}

.mt22
{
    margin-top: 22px !important;
}

.ml22
{
    margin-left: 22px !important;
}

.mr22
{
    margin-right: 22px !important;
}

.mb22
{
    margin-bottom: 22px !important;
}

.pt22
{
    padding-top: 22px !important;
}

.pl22
{
    padding-left: 22px !important;
}

.pr22
{
    padding-right: 22px !important;
}

.pb22
{
    padding-bottom: 22px !important;
}

.mt23
{
    margin-top: 23px !important;
}

.ml23
{
    margin-left: 23px !important;
}

.mr23
{
    margin-right: 23px !important;
}

.mb23
{
    margin-bottom: 23px !important;
}

.pt23
{
    padding-top: 23px !important;
}

.pl23
{
    padding-left: 23px !important;
}

.pr23
{
    padding-right: 23px !important;
}

.pb23
{
    padding-bottom: 23px !important;
}

.mt24
{
    margin-top: 24px !important;
}

.ml24
{
    margin-left: 24px !important;
}

.mr24
{
    margin-right: 24px !important;
}

.mb24
{
    margin-bottom: 24px !important;
}

.pt24
{
    padding-top: 24px !important;
}

.pl24
{
    padding-left: 24px !important;
}

.pr24
{
    padding-right: 24px !important;
}

.pb24
{
    padding-bottom: 24px !important;
}

.mt25
{
    margin-top: 25px !important;
}

.ml25
{
    margin-left: 25px !important;
}

.mr25
{
    margin-right: 25px !important;
}

.mb25
{
    margin-bottom: 25px !important;
}

.pt25
{
    padding-top: 25px !important;
}

.pl25
{
    padding-left: 25px !important;
}

.pr25
{
    padding-right: 25px !important;
}

.pb25
{
    padding-bottom: 25px !important;
}

.mt26
{
    margin-top: 26px !important;
}

.ml26
{
    margin-left: 26px !important;
}

.mr26
{
    margin-right: 26px !important;
}

.mb26
{
    margin-bottom: 26px !important;
}

.pt26
{
    padding-top: 26px !important;
}

.pl26
{
    padding-left: 26px !important;
}

.pr26
{
    padding-right: 26px !important;
}

.pb26
{
    padding-bottom: 26px !important;
}

.mt27
{
    margin-top: 27px !important;
}

.ml27
{
    margin-left: 27px !important;
}

.mr27
{
    margin-right: 27px !important;
}

.mb27
{
    margin-bottom: 27px !important;
}

.pt27
{
    padding-top: 27px !important;
}

.pl27
{
    padding-left: 27px !important;
}

.pr27
{
    padding-right: 27px !important;
}

.pb27
{
    padding-bottom: 27px !important;
}

.mt28
{
    margin-top: 28px !important;
}

.ml28
{
    margin-left: 28px !important;
}

.mr28
{
    margin-right: 28px !important;
}

.mb28
{
    margin-bottom: 28px !important;
}

.pt28
{
    padding-top: 28px !important;
}

.pl28
{
    padding-left: 28px !important;
}

.pr28
{
    padding-right: 28px !important;
}

.pb28
{
    padding-bottom: 28px !important;
}

.mt29
{
    margin-top: 29px !important;
}

.ml29
{
    margin-left: 29px !important;
}

.mr29
{
    margin-right: 29px !important;
}

.mb29
{
    margin-bottom: 29px !important;
}

.pt29
{
    padding-top: 29px !important;
}

.pl29
{
    padding-left: 29px !important;
}

.pr29
{
    padding-right: 29px !important;
}

.pb29
{
    padding-bottom: 29px !important;
}

.mt30
{
    margin-top: 30px !important;
}

.ml30
{
    margin-left: 30px !important;
}

.mr30
{
    margin-right: 30px !important;
}

.mb30
{
    margin-bottom: 30px !important;
}

.pt30
{
    padding-top: 30px !important;
}

.pl30
{
    padding-left: 30px !important;
}

.pr30
{
    padding-right: 30px !important;
}

.pb30
{
    padding-bottom: 30px !important;
}

.mt31
{
    margin-top: 31px !important;
}

.ml31
{
    margin-left: 31px !important;
}

.mr31
{
    margin-right: 31px !important;
}

.mb31
{
    margin-bottom: 31px !important;
}

.pt31
{
    padding-top: 31px !important;
}

.pl31
{
    padding-left: 31px !important;
}

.pr31
{
    padding-right: 31px !important;
}

.pb31
{
    padding-bottom: 31px !important;
}

.mt32
{
    margin-top: 32px !important;
}

.ml32
{
    margin-left: 32px !important;
}

.mr32
{
    margin-right: 32px !important;
}

.mb32
{
    margin-bottom: 32px !important;
}

.pt32
{
    padding-top: 32px !important;
}

.pl32
{
    padding-left: 32px !important;
}

.pr32
{
    padding-right: 32px !important;
}

.pb32
{
    padding-bottom: 32px !important;
}

.mt33
{
    margin-top: 33px !important;
}

.ml33
{
    margin-left: 33px !important;
}

.mr33
{
    margin-right: 33px !important;
}

.mb33
{
    margin-bottom: 33px !important;
}

.pt33
{
    padding-top: 33px !important;
}

.pl33
{
    padding-left: 33px !important;
}

.pr33
{
    padding-right: 33px !important;
}

.pb33
{
    padding-bottom: 33px !important;
}

.mt34
{
    margin-top: 34px !important;
}

.ml34
{
    margin-left: 34px !important;
}

.mr34
{
    margin-right: 34px !important;
}

.mb34
{
    margin-bottom: 34px !important;
}

.pt34
{
    padding-top: 34px !important;
}

.pl34
{
    padding-left: 34px !important;
}

.pr34
{
    padding-right: 34px !important;
}

.pb34
{
    padding-bottom: 34px !important;
}

.mt35
{
    margin-top: 35px !important;
}

.ml35
{
    margin-left: 35px !important;
}

.mr35
{
    margin-right: 35px !important;
}

.mb35
{
    margin-bottom: 35px !important;
}

.pt35
{
    padding-top: 35px !important;
}

.pl35
{
    padding-left: 35px !important;
}

.pr35
{
    padding-right: 35px !important;
}

.pb35
{
    padding-bottom: 35px !important;
}

.mt36
{
    margin-top: 36px !important;
}

.ml36
{
    margin-left: 36px !important;
}

.mr36
{
    margin-right: 36px !important;
}

.mb36
{
    margin-bottom: 36px !important;
}

.pt36
{
    padding-top: 36px !important;
}

.pl36
{
    padding-left: 36px !important;
}

.pr36
{
    padding-right: 36px !important;
}

.pb36
{
    padding-bottom: 36px !important;
}

.mt37
{
    margin-top: 37px !important;
}

.ml37
{
    margin-left: 37px !important;
}

.mr37
{
    margin-right: 37px !important;
}

.mb37
{
    margin-bottom: 37px !important;
}

.pt37
{
    padding-top: 37px !important;
}

.pl37
{
    padding-left: 37px !important;
}

.pr37
{
    padding-right: 37px !important;
}

.pb37
{
    padding-bottom: 37px !important;
}

.mt38
{
    margin-top: 38px !important;
}

.ml38
{
    margin-left: 38px !important;
}

.mr38
{
    margin-right: 38px !important;
}

.mb38
{
    margin-bottom: 38px !important;
}

.pt38
{
    padding-top: 38px !important;
}

.pl38
{
    padding-left: 38px !important;
}

.pr38
{
    padding-right: 38px !important;
}

.pb38
{
    padding-bottom: 38px !important;
}

.mt39
{
    margin-top: 39px !important;
}

.ml39
{
    margin-left: 39px !important;
}

.mr39
{
    margin-right: 39px !important;
}

.mb39
{
    margin-bottom: 39px !important;
}

.pt39
{
    padding-top: 39px !important;
}

.pl39
{
    padding-left: 39px !important;
}

.pr39
{
    padding-right: 39px !important;
}

.pb39
{
    padding-bottom: 39px !important;
}

.mt40
{
    margin-top: 40px !important;
}

.ml40
{
    margin-left: 40px !important;
}

.mr40
{
    margin-right: 40px !important;
}

.mb40
{
    margin-bottom: 40px !important;
}

.pt40
{
    padding-top: 40px !important;
}

.pl40
{
    padding-left: 40px !important;
}

.pr40
{
    padding-right: 40px !important;
}

.pb40
{
    padding-bottom: 40px !important;
}

.mt41
{
    margin-top: 41px !important;
}

.ml41
{
    margin-left: 41px !important;
}

.mr41
{
    margin-right: 41px !important;
}

.mb41
{
    margin-bottom: 41px !important;
}

.pt41
{
    padding-top: 41px !important;
}

.pl41
{
    padding-left: 41px !important;
}

.pr41
{
    padding-right: 41px !important;
}

.pb41
{
    padding-bottom: 41px !important;
}

.mt42
{
    margin-top: 42px !important;
}

.ml42
{
    margin-left: 42px !important;
}

.mr42
{
    margin-right: 42px !important;
}

.mb42
{
    margin-bottom: 42px !important;
}

.pt42
{
    padding-top: 42px !important;
}

.pl42
{
    padding-left: 42px !important;
}

.pr42
{
    padding-right: 42px !important;
}

.pb42
{
    padding-bottom: 42px !important;
}

.mt43
{
    margin-top: 43px !important;
}

.ml43
{
    margin-left: 43px !important;
}

.mr43
{
    margin-right: 43px !important;
}

.mb43
{
    margin-bottom: 43px !important;
}

.pt43
{
    padding-top: 43px !important;
}

.pl43
{
    padding-left: 43px !important;
}

.pr43
{
    padding-right: 43px !important;
}

.pb43
{
    padding-bottom: 43px !important;
}

.mt44
{
    margin-top: 44px !important;
}

.ml44
{
    margin-left: 44px !important;
}

.mr44
{
    margin-right: 44px !important;
}

.mb44
{
    margin-bottom: 44px !important;
}

.pt44
{
    padding-top: 44px !important;
}

.pl44
{
    padding-left: 44px !important;
}

.pr44
{
    padding-right: 44px !important;
}

.pb44
{
    padding-bottom: 44px !important;
}

.mt45
{
    margin-top: 45px !important;
}

.ml45
{
    margin-left: 45px !important;
}

.mr45
{
    margin-right: 45px !important;
}

.mb45
{
    margin-bottom: 45px !important;
}

.pt45
{
    padding-top: 45px !important;
}

.pl45
{
    padding-left: 45px !important;
}

.pr45
{
    padding-right: 45px !important;
}

.pb45
{
    padding-bottom: 45px !important;
}

.mt46
{
    margin-top: 46px !important;
}

.ml46
{
    margin-left: 46px !important;
}

.mr46
{
    margin-right: 46px !important;
}

.mb46
{
    margin-bottom: 46px !important;
}

.pt46
{
    padding-top: 46px !important;
}

.pl46
{
    padding-left: 46px !important;
}

.pr46
{
    padding-right: 46px !important;
}

.pb46
{
    padding-bottom: 46px !important;
}

.mt47
{
    margin-top: 47px !important;
}

.ml47
{
    margin-left: 47px !important;
}

.mr47
{
    margin-right: 47px !important;
}

.mb47
{
    margin-bottom: 47px !important;
}

.pt47
{
    padding-top: 47px !important;
}

.pl47
{
    padding-left: 47px !important;
}

.pr47
{
    padding-right: 47px !important;
}

.pb47
{
    padding-bottom: 47px !important;
}

.mt48
{
    margin-top: 48px !important;
}

.ml48
{
    margin-left: 48px !important;
}

.mr48
{
    margin-right: 48px !important;
}

.mb48
{
    margin-bottom: 48px !important;
}

.pt48
{
    padding-top: 48px !important;
}

.pl48
{
    padding-left: 48px !important;
}

.pr48
{
    padding-right: 48px !important;
}

.pb48
{
    padding-bottom: 48px !important;
}

.mt49
{
    margin-top: 49px !important;
}

.ml49
{
    margin-left: 49px !important;
}

.mr49
{
    margin-right: 49px !important;
}

.mb49
{
    margin-bottom: 49px !important;
}

.pt49
{
    padding-top: 49px !important;
}

.pl49
{
    padding-left: 49px !important;
}

.pr49
{
    padding-right: 49px !important;
}

.pb49
{
    padding-bottom: 49px !important;
}

.mt50
{
    margin-top: 50px !important;
}

.ml50
{
    margin-left: 50px !important;
}

.mr50
{
    margin-right: 50px !important;
}

.mb50
{
    margin-bottom: 50px !important;
}

.pt50
{
    padding-top: 50px !important;
}

.pl50
{
    padding-left: 50px !important;
}

.pr50
{
    padding-right: 50px !important;
}

.pb50
{
    padding-bottom: 50px !important;
}

.mt51
{
    margin-top: 51px !important;
}

.ml51
{
    margin-left: 51px !important;
}

.mr51
{
    margin-right: 51px !important;
}

.mb51
{
    margin-bottom: 51px !important;
}

.pt51
{
    padding-top: 51px !important;
}

.pl51
{
    padding-left: 51px !important;
}

.pr51
{
    padding-right: 51px !important;
}

.pb51
{
    padding-bottom: 51px !important;
}

.mt52
{
    margin-top: 52px !important;
}

.ml52
{
    margin-left: 52px !important;
}

.mr52
{
    margin-right: 52px !important;
}

.mb52
{
    margin-bottom: 52px !important;
}

.pt52
{
    padding-top: 52px !important;
}

.pl52
{
    padding-left: 52px !important;
}

.pr52
{
    padding-right: 52px !important;
}

.pb52
{
    padding-bottom: 52px !important;
}

.mt53
{
    margin-top: 53px !important;
}

.ml53
{
    margin-left: 53px !important;
}

.mr53
{
    margin-right: 53px !important;
}

.mb53
{
    margin-bottom: 53px !important;
}

.pt53
{
    padding-top: 53px !important;
}

.pl53
{
    padding-left: 53px !important;
}

.pr53
{
    padding-right: 53px !important;
}

.pb53
{
    padding-bottom: 53px !important;
}

.mt54
{
    margin-top: 54px !important;
}

.ml54
{
    margin-left: 54px !important;
}

.mr54
{
    margin-right: 54px !important;
}

.mb54
{
    margin-bottom: 54px !important;
}

.pt54
{
    padding-top: 54px !important;
}

.pl54
{
    padding-left: 54px !important;
}

.pr54
{
    padding-right: 54px !important;
}

.pb54
{
    padding-bottom: 54px !important;
}

.mt55
{
    margin-top: 55px !important;
}

.ml55
{
    margin-left: 55px !important;
}

.mr55
{
    margin-right: 55px !important;
}

.mb55
{
    margin-bottom: 55px !important;
}

.pt55
{
    padding-top: 55px !important;
}

.pl55
{
    padding-left: 55px !important;
}

.pr55
{
    padding-right: 55px !important;
}

.pb55
{
    padding-bottom: 55px !important;
}

.mt56
{
    margin-top: 56px !important;
}

.ml56
{
    margin-left: 56px !important;
}

.mr56
{
    margin-right: 56px !important;
}

.mb56
{
    margin-bottom: 56px !important;
}

.pt56
{
    padding-top: 56px !important;
}

.pl56
{
    padding-left: 56px !important;
}

.pr56
{
    padding-right: 56px !important;
}

.pb56
{
    padding-bottom: 56px !important;
}

.mt57
{
    margin-top: 57px !important;
}

.ml57
{
    margin-left: 57px !important;
}

.mr57
{
    margin-right: 57px !important;
}

.mb57
{
    margin-bottom: 57px !important;
}

.pt57
{
    padding-top: 57px !important;
}

.pl57
{
    padding-left: 57px !important;
}

.pr57
{
    padding-right: 57px !important;
}

.pb57
{
    padding-bottom: 57px !important;
}

.mt58
{
    margin-top: 58px !important;
}

.ml58
{
    margin-left: 58px !important;
}

.mr58
{
    margin-right: 58px !important;
}

.mb58
{
    margin-bottom: 58px !important;
}

.pt58
{
    padding-top: 58px !important;
}

.pl58
{
    padding-left: 58px !important;
}

.pr58
{
    padding-right: 58px !important;
}

.pb58
{
    padding-bottom: 58px !important;
}

.mt59
{
    margin-top: 59px !important;
}

.ml59
{
    margin-left: 59px !important;
}

.mr59
{
    margin-right: 59px !important;
}

.mb59
{
    margin-bottom: 59px !important;
}

.pt59
{
    padding-top: 59px !important;
}

.pl59
{
    padding-left: 59px !important;
}

.pr59
{
    padding-right: 59px !important;
}

.pb59
{
    padding-bottom: 59px !important;
}

.mt60
{
    margin-top: 60px !important;
}

.ml60
{
    margin-left: 60px !important;
}

.mr60
{
    margin-right: 60px !important;
}

.mb60
{
    margin-bottom: 60px !important;
}

.pt60
{
    padding-top: 60px !important;
}

.pl60
{
    padding-left: 60px !important;
}

.pr60
{
    padding-right: 60px !important;
}

.pb60
{
    padding-bottom: 60px !important;
}

.mt61
{
    margin-top: 61px !important;
}

.ml61
{
    margin-left: 61px !important;
}

.mr61
{
    margin-right: 61px !important;
}

.mb61
{
    margin-bottom: 61px !important;
}

.pt61
{
    padding-top: 61px !important;
}

.pl61
{
    padding-left: 61px !important;
}

.pr61
{
    padding-right: 61px !important;
}

.pb61
{
    padding-bottom: 61px !important;
}

.mt62
{
    margin-top: 62px !important;
}

.ml62
{
    margin-left: 62px !important;
}

.mr62
{
    margin-right: 62px !important;
}

.mb62
{
    margin-bottom: 62px !important;
}

.pt62
{
    padding-top: 62px !important;
}

.pl62
{
    padding-left: 62px !important;
}

.pr62
{
    padding-right: 62px !important;
}

.pb62
{
    padding-bottom: 62px !important;
}

.mt63
{
    margin-top: 63px !important;
}

.ml63
{
    margin-left: 63px !important;
}

.mr63
{
    margin-right: 63px !important;
}

.mb63
{
    margin-bottom: 63px !important;
}

.pt63
{
    padding-top: 63px !important;
}

.pl63
{
    padding-left: 63px !important;
}

.pr63
{
    padding-right: 63px !important;
}

.pb63
{
    padding-bottom: 63px !important;
}

.mt64
{
    margin-top: 64px !important;
}

.ml64
{
    margin-left: 64px !important;
}

.mr64
{
    margin-right: 64px !important;
}

.mb64
{
    margin-bottom: 64px !important;
}

.pt64
{
    padding-top: 64px !important;
}

.pl64
{
    padding-left: 64px !important;
}

.pr64
{
    padding-right: 64px !important;
}

.pb64
{
    padding-bottom: 64px !important;
}

.mt65
{
    margin-top: 65px !important;
}

.ml65
{
    margin-left: 65px !important;
}

.mr65
{
    margin-right: 65px !important;
}

.mb65
{
    margin-bottom: 65px !important;
}

.pt65
{
    padding-top: 65px !important;
}

.pl65
{
    padding-left: 65px !important;
}

.pr65
{
    padding-right: 65px !important;
}

.pb65
{
    padding-bottom: 65px !important;
}

.mt66
{
    margin-top: 66px !important;
}

.ml66
{
    margin-left: 66px !important;
}

.mr66
{
    margin-right: 66px !important;
}

.mb66
{
    margin-bottom: 66px !important;
}

.pt66
{
    padding-top: 66px !important;
}

.pl66
{
    padding-left: 66px !important;
}

.pr66
{
    padding-right: 66px !important;
}

.pb66
{
    padding-bottom: 66px !important;
}

.mt67
{
    margin-top: 67px !important;
}

.ml67
{
    margin-left: 67px !important;
}

.mr67
{
    margin-right: 67px !important;
}

.mb67
{
    margin-bottom: 67px !important;
}

.pt67
{
    padding-top: 67px !important;
}

.pl67
{
    padding-left: 67px !important;
}

.pr67
{
    padding-right: 67px !important;
}

.pb67
{
    padding-bottom: 67px !important;
}

.mt68
{
    margin-top: 68px !important;
}

.ml68
{
    margin-left: 68px !important;
}

.mr68
{
    margin-right: 68px !important;
}

.mb68
{
    margin-bottom: 68px !important;
}

.pt68
{
    padding-top: 68px !important;
}

.pl68
{
    padding-left: 68px !important;
}

.pr68
{
    padding-right: 68px !important;
}

.pb68
{
    padding-bottom: 68px !important;
}

.mt69
{
    margin-top: 69px !important;
}

.ml69
{
    margin-left: 69px !important;
}

.mr69
{
    margin-right: 69px !important;
}

.mb69
{
    margin-bottom: 69px !important;
}

.pt69
{
    padding-top: 69px !important;
}

.pl69
{
    padding-left: 69px !important;
}

.pr69
{
    padding-right: 69px !important;
}

.pb69
{
    padding-bottom: 69px !important;
}

.mt70
{
    margin-top: 70px !important;
}

.ml70
{
    margin-left: 70px !important;
}

.mr70
{
    margin-right: 70px !important;
}

.mb70
{
    margin-bottom: 70px !important;
}

.pt70
{
    padding-top: 70px !important;
}

.pl70
{
    padding-left: 70px !important;
}

.pr70
{
    padding-right: 70px !important;
}

.pb70
{
    padding-bottom: 70px !important;
}

.mt71
{
    margin-top: 71px !important;
}

.ml71
{
    margin-left: 71px !important;
}

.mr71
{
    margin-right: 71px !important;
}

.mb71
{
    margin-bottom: 71px !important;
}

.pt71
{
    padding-top: 71px !important;
}

.pl71
{
    padding-left: 71px !important;
}

.pr71
{
    padding-right: 71px !important;
}

.pb71
{
    padding-bottom: 71px !important;
}

.mt72
{
    margin-top: 72px !important;
}

.ml72
{
    margin-left: 72px !important;
}

.mr72
{
    margin-right: 72px !important;
}

.mb72
{
    margin-bottom: 72px !important;
}

.pt72
{
    padding-top: 72px !important;
}

.pl72
{
    padding-left: 72px !important;
}

.pr72
{
    padding-right: 72px !important;
}

.pb72
{
    padding-bottom: 72px !important;
}

.mt73
{
    margin-top: 73px !important;
}

.ml73
{
    margin-left: 73px !important;
}

.mr73
{
    margin-right: 73px !important;
}

.mb73
{
    margin-bottom: 73px !important;
}

.pt73
{
    padding-top: 73px !important;
}

.pl73
{
    padding-left: 73px !important;
}

.pr73
{
    padding-right: 73px !important;
}

.pb73
{
    padding-bottom: 73px !important;
}

.mt74
{
    margin-top: 74px !important;
}

.ml74
{
    margin-left: 74px !important;
}

.mr74
{
    margin-right: 74px !important;
}

.mb74
{
    margin-bottom: 74px !important;
}

.pt74
{
    padding-top: 74px !important;
}

.pl74
{
    padding-left: 74px !important;
}

.pr74
{
    padding-right: 74px !important;
}

.pb74
{
    padding-bottom: 74px !important;
}

.mt75
{
    margin-top: 75px !important;
}

.ml75
{
    margin-left: 75px !important;
}

.mr75
{
    margin-right: 75px !important;
}

.mb75
{
    margin-bottom: 75px !important;
}

.pt75
{
    padding-top: 75px !important;
}

.pl75
{
    padding-left: 75px !important;
}

.pr75
{
    padding-right: 75px !important;
}

.pb75
{
    padding-bottom: 75px !important;
}

.mt76
{
    margin-top: 76px !important;
}

.ml76
{
    margin-left: 76px !important;
}

.mr76
{
    margin-right: 76px !important;
}

.mb76
{
    margin-bottom: 76px !important;
}

.pt76
{
    padding-top: 76px !important;
}

.pl76
{
    padding-left: 76px !important;
}

.pr76
{
    padding-right: 76px !important;
}

.pb76
{
    padding-bottom: 76px !important;
}

.mt77
{
    margin-top: 77px !important;
}

.ml77
{
    margin-left: 77px !important;
}

.mr77
{
    margin-right: 77px !important;
}

.mb77
{
    margin-bottom: 77px !important;
}

.pt77
{
    padding-top: 77px !important;
}

.pl77
{
    padding-left: 77px !important;
}

.pr77
{
    padding-right: 77px !important;
}

.pb77
{
    padding-bottom: 77px !important;
}

.mt78
{
    margin-top: 78px !important;
}

.ml78
{
    margin-left: 78px !important;
}

.mr78
{
    margin-right: 78px !important;
}

.mb78
{
    margin-bottom: 78px !important;
}

.pt78
{
    padding-top: 78px !important;
}

.pl78
{
    padding-left: 78px !important;
}

.pr78
{
    padding-right: 78px !important;
}

.pb78
{
    padding-bottom: 78px !important;
}

.mt79
{
    margin-top: 79px !important;
}

.ml79
{
    margin-left: 79px !important;
}

.mr79
{
    margin-right: 79px !important;
}

.mb79
{
    margin-bottom: 79px !important;
}

.pt79
{
    padding-top: 79px !important;
}

.pl79
{
    padding-left: 79px !important;
}

.pr79
{
    padding-right: 79px !important;
}

.pb79
{
    padding-bottom: 79px !important;
}

.mt80
{
    margin-top: 80px !important;
}

.ml80
{
    margin-left: 80px !important;
}

.mr80
{
    margin-right: 80px !important;
}

.mb80
{
    margin-bottom: 80px !important;
}

.pt80
{
    padding-top: 80px !important;
}

.pl80
{
    padding-left: 80px !important;
}

.pr80
{
    padding-right: 80px !important;
}

.pb80
{
    padding-bottom: 80px !important;
}

.mt81
{
    margin-top: 81px !important;
}

.ml81
{
    margin-left: 81px !important;
}

.mr81
{
    margin-right: 81px !important;
}

.mb81
{
    margin-bottom: 81px !important;
}

.pt81
{
    padding-top: 81px !important;
}

.pl81
{
    padding-left: 81px !important;
}

.pr81
{
    padding-right: 81px !important;
}

.pb81
{
    padding-bottom: 81px !important;
}

.mt82
{
    margin-top: 82px !important;
}

.ml82
{
    margin-left: 82px !important;
}

.mr82
{
    margin-right: 82px !important;
}

.mb82
{
    margin-bottom: 82px !important;
}

.pt82
{
    padding-top: 82px !important;
}

.pl82
{
    padding-left: 82px !important;
}

.pr82
{
    padding-right: 82px !important;
}

.pb82
{
    padding-bottom: 82px !important;
}

.mt83
{
    margin-top: 83px !important;
}

.ml83
{
    margin-left: 83px !important;
}

.mr83
{
    margin-right: 83px !important;
}

.mb83
{
    margin-bottom: 83px !important;
}

.pt83
{
    padding-top: 83px !important;
}

.pl83
{
    padding-left: 83px !important;
}

.pr83
{
    padding-right: 83px !important;
}

.pb83
{
    padding-bottom: 83px !important;
}

.mt84
{
    margin-top: 84px !important;
}

.ml84
{
    margin-left: 84px !important;
}

.mr84
{
    margin-right: 84px !important;
}

.mb84
{
    margin-bottom: 84px !important;
}

.pt84
{
    padding-top: 84px !important;
}

.pl84
{
    padding-left: 84px !important;
}

.pr84
{
    padding-right: 84px !important;
}

.pb84
{
    padding-bottom: 84px !important;
}

.mt85
{
    margin-top: 85px !important;
}

.ml85
{
    margin-left: 85px !important;
}

.mr85
{
    margin-right: 85px !important;
}

.mb85
{
    margin-bottom: 85px !important;
}

.pt85
{
    padding-top: 85px !important;
}

.pl85
{
    padding-left: 85px !important;
}

.pr85
{
    padding-right: 85px !important;
}

.pb85
{
    padding-bottom: 85px !important;
}

.mt86
{
    margin-top: 86px !important;
}

.ml86
{
    margin-left: 86px !important;
}

.mr86
{
    margin-right: 86px !important;
}

.mb86
{
    margin-bottom: 86px !important;
}

.pt86
{
    padding-top: 86px !important;
}

.pl86
{
    padding-left: 86px !important;
}

.pr86
{
    padding-right: 86px !important;
}

.pb86
{
    padding-bottom: 86px !important;
}

.mt87
{
    margin-top: 87px !important;
}

.ml87
{
    margin-left: 87px !important;
}

.mr87
{
    margin-right: 87px !important;
}

.mb87
{
    margin-bottom: 87px !important;
}

.pt87
{
    padding-top: 87px !important;
}

.pl87
{
    padding-left: 87px !important;
}

.pr87
{
    padding-right: 87px !important;
}

.pb87
{
    padding-bottom: 87px !important;
}

.mt88
{
    margin-top: 88px !important;
}

.ml88
{
    margin-left: 88px !important;
}

.mr88
{
    margin-right: 88px !important;
}

.mb88
{
    margin-bottom: 88px !important;
}

.pt88
{
    padding-top: 88px !important;
}

.pl88
{
    padding-left: 88px !important;
}

.pr88
{
    padding-right: 88px !important;
}

.pb88
{
    padding-bottom: 88px !important;
}

.mt89
{
    margin-top: 89px !important;
}

.ml89
{
    margin-left: 89px !important;
}

.mr89
{
    margin-right: 89px !important;
}

.mb89
{
    margin-bottom: 89px !important;
}

.pt89
{
    padding-top: 89px !important;
}

.pl89
{
    padding-left: 89px !important;
}

.pr89
{
    padding-right: 89px !important;
}

.pb89
{
    padding-bottom: 89px !important;
}

.mt90
{
    margin-top: 90px !important;
}

.ml90
{
    margin-left: 90px !important;
}

.mr90
{
    margin-right: 90px !important;
}

.mb90
{
    margin-bottom: 90px !important;
}

.pt90
{
    padding-top: 90px !important;
}

.pl90
{
    padding-left: 90px !important;
}

.pr90
{
    padding-right: 90px !important;
}

.pb90
{
    padding-bottom: 90px !important;
}

.mt91
{
    margin-top: 91px !important;
}

.ml91
{
    margin-left: 91px !important;
}

.mr91
{
    margin-right: 91px !important;
}

.mb91
{
    margin-bottom: 91px !important;
}

.pt91
{
    padding-top: 91px !important;
}

.pl91
{
    padding-left: 91px !important;
}

.pr91
{
    padding-right: 91px !important;
}

.pb91
{
    padding-bottom: 91px !important;
}

.mt92
{
    margin-top: 92px !important;
}

.ml92
{
    margin-left: 92px !important;
}

.mr92
{
    margin-right: 92px !important;
}

.mb92
{
    margin-bottom: 92px !important;
}

.pt92
{
    padding-top: 92px !important;
}

.pl92
{
    padding-left: 92px !important;
}

.pr92
{
    padding-right: 92px !important;
}

.pb92
{
    padding-bottom: 92px !important;
}

.mt93
{
    margin-top: 93px !important;
}

.ml93
{
    margin-left: 93px !important;
}

.mr93
{
    margin-right: 93px !important;
}

.mb93
{
    margin-bottom: 93px !important;
}

.pt93
{
    padding-top: 93px !important;
}

.pl93
{
    padding-left: 93px !important;
}

.pr93
{
    padding-right: 93px !important;
}

.pb93
{
    padding-bottom: 93px !important;
}

.mt94
{
    margin-top: 94px !important;
}

.ml94
{
    margin-left: 94px !important;
}

.mr94
{
    margin-right: 94px !important;
}

.mb94
{
    margin-bottom: 94px !important;
}

.pt94
{
    padding-top: 94px !important;
}

.pl94
{
    padding-left: 94px !important;
}

.pr94
{
    padding-right: 94px !important;
}

.pb94
{
    padding-bottom: 94px !important;
}

.mt95
{
    margin-top: 95px !important;
}

.ml95
{
    margin-left: 95px !important;
}

.mr95
{
    margin-right: 95px !important;
}

.mb95
{
    margin-bottom: 95px !important;
}

.pt95
{
    padding-top: 95px !important;
}

.pl95
{
    padding-left: 95px !important;
}

.pr95
{
    padding-right: 95px !important;
}

.pb95
{
    padding-bottom: 95px !important;
}

.mt96
{
    margin-top: 96px !important;
}

.ml96
{
    margin-left: 96px !important;
}

.mr96
{
    margin-right: 96px !important;
}

.mb96
{
    margin-bottom: 96px !important;
}

.pt96
{
    padding-top: 96px !important;
}

.pl96
{
    padding-left: 96px !important;
}

.pr96
{
    padding-right: 96px !important;
}

.pb96
{
    padding-bottom: 96px !important;
}

.mt97
{
    margin-top: 97px !important;
}

.ml97
{
    margin-left: 97px !important;
}

.mr97
{
    margin-right: 97px !important;
}

.mb97
{
    margin-bottom: 97px !important;
}

.pt97
{
    padding-top: 97px !important;
}

.pl97
{
    padding-left: 97px !important;
}

.pr97
{
    padding-right: 97px !important;
}

.pb97
{
    padding-bottom: 97px !important;
}

.mt98
{
    margin-top: 98px !important;
}

.ml98
{
    margin-left: 98px !important;
}

.mr98
{
    margin-right: 98px !important;
}

.mb98
{
    margin-bottom: 98px !important;
}

.pt98
{
    padding-top: 98px !important;
}

.pl98
{
    padding-left: 98px !important;
}

.pr98
{
    padding-right: 98px !important;
}

.pb98
{
    padding-bottom: 98px !important;
}

.mt99
{
    margin-top: 99px !important;
}

.ml99
{
    margin-left: 99px !important;
}

.mr99
{
    margin-right: 99px !important;
}

.mb99
{
    margin-bottom: 99px !important;
}

.pt99
{
    padding-top: 99px !important;
}

.pl99
{
    padding-left: 99px !important;
}

.pr99
{
    padding-right: 99px !important;
}

.pb99
{
    padding-bottom: 99px !important;
}

.mt100
{
    margin-top: 100px !important;
}

.ml100
{
    margin-left: 100px !important;
}

.mr100
{
    margin-right: 100px !important;
}

.mb100
{
    margin-bottom: 100px !important;
}

.pt100
{
    padding-top: 100px !important;
}

.pl100
{
    padding-left: 100px !important;
}

.pr100
{
    padding-right: 100px !important;
}

.pb100
{
    padding-bottom: 100px !important;
}

.align-c
{
    text-align: center !important;
}

.align-l
{
    text-align: left !important;
}

.align-r
{
    text-align: right !important;
}

.display-sp
{
    display: none !important;
}

@media screen and (max-width: 767px)
{
    .display-sp
    {
        display: block !important;
    }
}

.display-pc
{
    display: block !important;
}

@media screen and (max-width: 767px)
{
    .display-pc
    {
        display: none !important;
    }
}

.header-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1000px;
    margin: 0 auto;
    padding: 15px 20px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 999px)
{
    .header-inner
    {
        width: 100%;
        padding: 20px 10px;
    }
}

@media screen and (max-width: 767px)
{
    .header-inner
    {
        width: 100%;
        padding: 15px 10px;
    }
}

.header-logo
{
    margin-right: 20px;
}

.header-logo img
{
    min-width: 100px;
}

.header-disc
{
    font-size: 12px;

    max-width: 450px;

    color: #666;
}

@media screen and (max-width: 767px)
{
    .header-disc
    {
        font-size: 10px;
    }
}

.section
{
    width: 100%;
}

.section-heading
{
    background-color: #b60081;
}

@media screen and (max-width: 767px)
{
    .section-heading
    {
        width: 100%;
    }
}

.section-heading-inner
{
    max-width: 1000px;
    margin: 0 auto;

    text-align: center;

    color: #fff;
}

@media screen and (max-width: 999px)
{
    .section-heading-inner
    {
        width: 100%;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px)
{
    .section-heading-inner
    {
        width: 100%;
    }
}

.section-content
{
    padding: 50px 0 70px;
}

@media screen and (max-width: 999px)
{
    .section-content
    {
        padding: 40px 0 60px;
    }
}

@media screen and (max-width: 767px)
{
    .section-content
    {
        padding: 30px 0 50px;
    }
}

.section-content.under-h1
{
    padding: 80px 0;
}

@media screen and (max-width: 999px)
{
    .section-content.under-h1
    {
        padding: 40px 0;
    }
}

@media screen and (max-width: 767px)
{
    .section-content.under-h1
    {
        padding: 30px 0;
    }
}

.section-content-inner
{
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 999px)
{
    .section-content-inner
    {
        width: 100%;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px)
{
    .section-content-inner
    {
        width: 100%;
        padding: 0 10px;
    }
}

.section-content.type01
{
    background-color: #ffedfa;
    background-image: -webkit-radial-gradient(#fff3fc 20%, transparent 20%), -webkit-radial-gradient(#fff3fc 20%, transparent 20%);
    background-image:         radial-gradient(#fff3fc 20%, transparent 20%), radial-gradient(#fff3fc 20%, transparent 20%);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}

.section-content.type02
{
    background-color: #ffc;
    background-image: -webkit-radial-gradient(#fefefc 20%, transparent 20%), -webkit-radial-gradient(#fefefc 20%, transparent 20%);
    background-image:         radial-gradient(#fefefc 20%, transparent 20%), radial-gradient(#fefefc 20%, transparent 20%);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}

.js-scrollBtn
{
    position: fixed;
    bottom: 0;

    display: none;

    width: 100%;
    padding: 5px 10px;

    text-align: center;

    color: #fff;
    background-color: rgba(102, 102, 102, .7);
}

.supplement
{
    font-size: 2rem;

    max-width: 700px;
    margin: 0 auto;
}

@media screen and (max-width: 999px)
{
    .supplement
    {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 767px)
{
    .supplement
    {
        font-size: 1.6rem;
    }
}

/*-------------------------------------------------------

hdg

-------------------------------------------------------*/
.hdg-01
{
    font-size: 5.4rem;
    line-height: 1.3;

    position: relative;

    padding: 40px 0;

    letter-spacing: .2rem;
}

@media screen and (max-width: 999px)
{
    .hdg-01
    {
        font-size: 3.8rem;

        padding: 25px 0;
    }
}

@media screen and (max-width: 767px)
{
    .hdg-01
    {
        font-size: 2.5rem;

        display: inline-block;

        padding: 15px 0;

        text-align: left;
    }
}

.hdg-01-small
{
    font-size: 4rem;
}

@media screen and (max-width: 767px)
{
    .hdg-01-small
    {
        font-size: 2rem;
    }
}

.hdg-01::after
{
    position: absolute;
    bottom: -100px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-width: 100px 100px 0 100px;
    border-style: solid;
    border-color: #b60081 transparent transparent transparent;
}

@media screen and (max-width: 999px)
{
    .hdg-01::after
    {
        bottom: -40px;

        border-width: 40px 40px 0 40px;
    }
}

@media screen and (max-width: 767px)
{
    .hdg-01::after
    {
        bottom: -20px;

        border-width: 20px 20px 0 20px;
    }
}

.hdg-02
{
    font-size: 3.5rem;
    line-height: 1;

    display: inline-block;

    padding: 30px 0;

    text-align: left;
}

@media screen and (max-width: 999px)
{
    .hdg-02
    {
        font-size: 2.8rem;
        line-height: 1.3;
    }
}

@media screen and (max-width: 767px)
{
    .hdg-02
    {
        font-size: 2.2rem;
        line-height: 1.3;

        padding: 10px 0;
    }
}

.hdg-02-large
{
    font-size: 5rem;
    line-height: 1;
}

@media screen and (max-width: 767px)
{
    .hdg-02-large
    {
        font-size: 3.5rem;
    }
}

@media screen and (max-width: 767px)
{
    .hdg-02-large
    {
        font-size: 4rem;
    }
}

.hdg-02 .sub
{
    font-size: 1.8rem;
}

@media screen and (max-width: 999px)
{
    .hdg-02 .sub
    {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px)
{
    .hdg-02 .sub
    {
        font-size: 1.2rem;
    }
}

.hdg-03-type01,
.hdg-03-type02
{
    font-size: 2.5rem;
    line-height: 1.25;

    display: inline-block;

    margin-bottom: 10px;
}

@media screen and (max-width: 999px)
{
    .hdg-03-type01,
    .hdg-03-type02
    {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 767px)
{
    .hdg-03-type01,
    .hdg-03-type02
    {
        font-size: 1.8rem;
    }
}

.hdg-03-type01
{
    background: -webkit-linear-gradient(transparent 60%, #f8b9de 60%);
    background:         linear-gradient(transparent 60%, #f8b9de 60%);
}

.hdg-03-type02
{
    background: -webkit-linear-gradient(transparent 60%, #ff0 60%);
    background:         linear-gradient(transparent 60%, #ff0 60%);
}

.hdg-default
{
    font-weight: bold;

    margin: 0 0 10px;
}

.hdg-border
{
    font-size: 2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px)
{
    .hdg-border
    {
        margin-bottom: 10px;

        border-bottom: 2px solid #000;
    }
}

.hdg-border::after
{
    margin-left: 30px;

    content: '';

    border-top: 2px solid #000;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media screen and (max-width: 767px)
{
    .hdg-border::after
    {
        display: none;
    }
}

.hdg-bullet
{
    font-size: 2rem;
    line-height: 1.5;

    margin-bottom: 10px;
    padding-left: 1em;

    text-indent: -1em;
}

.hdg-bullet::before
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin-right: .5em;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background: #000;
}

.hdg-lead
{
    font-size: 2.5rem;
    font-weight: bold;

    margin-bottom: 10px;

    background: -webkit-linear-gradient(transparent 60%, #f8b9de 60%, #f8b9de 100%, transparent 100%);
    background:         linear-gradient(transparent 60%, #f8b9de 60%, #f8b9de 100%, transparent 100%);
}

/*-------------------------------------------------------

text-decoretion

-------------------------------------------------------*/
.fw-bold
{
    font-weight: bold;
}

.fc-emphasis-type01-large,
.fc-emphasis-type02-large
{
    font-size: 7rem;
}

@media screen and (max-width: 999px)
{
    .fc-emphasis-type01-large,
    .fc-emphasis-type02-large
    {
        font-size: 5rem;
    }
}

@media screen and (max-width: 767px)
{
    .fc-emphasis-type01-large,
    .fc-emphasis-type02-large
    {
        font-size: 4rem;
    }
}

.fc-emphasis-type01-default,
.fc-emphasis-type02-default
{
    font-size: 5rem;
}

@media screen and (max-width: 999px)
{
    .fc-emphasis-type01-default,
    .fc-emphasis-type02-default
    {
        font-size: 3.8rem;
    }
}

@media screen and (max-width: 767px)
{
    .fc-emphasis-type01-default,
    .fc-emphasis-type02-default
    {
        font-size: 3rem;
    }
}

.fc-emphasis-type01-small,
.fc-emphasis-type02-small
{
    font-size: 3.5rem;
}

@media screen and (max-width: 999px)
{
    .fc-emphasis-type01-small,
    .fc-emphasis-type02-small
    {
        font-size: 3rem;
    }
}

@media screen and (max-width: 767px)
{
    .fc-emphasis-type01-small,
    .fc-emphasis-type02-small
    {
        font-size: 2.8rem;
    }
}

.fc-emphasis-type01
{
    color: #ff0;
}

.fc-emphasis-type02
{
    color: #d82b90;
}

.fs-total
{
    font-size: 2.3rem;

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .fs-total
    {
        font-size: 2rem;
    }
}

/*-------------------------------------------------------

link

-------------------------------------------------------*/
.link > a
{
    font-size: 1.5rem;

    position: relative;

    display: inline-block;

    margin-bottom: 5px;
    padding-left: 1em;
}

@media screen and (max-width: 767px)
{
    .link > a
    {
        font-size: 1.4rem;
    }
}

.link > a::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: -6px;

    content: '';

    border-width: 6px 0 6px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
}

.link > a[target='_blank']
{
    padding-right: 1em;
}

.link > a[target='_blank']::after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 9px;
    height: 9px;
    margin-top: -6px;

    content: '';
    -webkit-transform: none;
            transform: none;

    border: none;
    background: url('/shared/images/modules/icon/blank_01.png') no-repeat;
}

.link > a[href*='.pdf']
{
    padding-right: 1em;
}

.link > a[href*='.pdf']::after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 12px;
    height: 15px;
    margin-top: -6px;

    content: '';
    -webkit-transform: none;
            transform: none;

    border: none;
    background: url('/shared/images/modules/icon/pdf_01.png') no-repeat;
}

.link-text
{
    position: relative;

    display: inline-block;
}

.link-text[target='_blank']
{
    margin-right: .5em;
    padding-right: 1em;
}

.link-text[target='_blank']::after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 9px;
    height: 9px;
    margin-top: -6px;

    content: '';
    -webkit-transform: none;
            transform: none;

    border: none;
    background: url('/shared/images/modules/icon/blank_01.png') no-repeat;
}

/*-------------------------------------------------------

btn

-------------------------------------------------------*/
.btn-cvn-type01,
.btn-cvn-type02,
.btn-cvn-default
{
    font-size: 1.8rem;
    font-weight: bold;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 15px;

    text-align: center;
    text-decoration: none;

    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 5px 0 0 #000;
}

.btn-cvn-type01:hover,
.btn-cvn-type01:focus,
.btn-cvn-type02:hover,
.btn-cvn-type02:focus,
.btn-cvn-default:hover,
.btn-cvn-default:focus
{
    -webkit-transform: translateY(5px);
            transform: translateY(5px);

    box-shadow: none;
}

.btn-cvn-type01
{
    background-color: #ff0;
}

.btn-cvn-type02
{
    color: #fff;
    background-color: #d82b90;
}

.btn-wrapper
{
    max-width: 680px;
    margin: 0 auto;

    text-align: center;
}

.btn-wrapper .talk-type01
{
    position: relative;

    display: inline-block;

    max-width: calc(100% - 30px);
    margin: 0 auto 5px;
    padding: 0 1em;
}

@media screen and (max-width: 767px)
{
    .btn-wrapper .talk-type01
    {
        font-size: 1.2rem;
    }
}

.btn-wrapper .talk-type01::before,
.btn-wrapper .talk-type01::after
{
    position: absolute;
    top: 0;

    display: inline-block;
    overflow: hidden;

    width: 2px;
    height: 100%;

    content: '';

    background-color: #000;
}

.btn-wrapper .talk-type01::before
{
    left: 0;

    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
}

.btn-wrapper .talk-type01::after
{
    right: 0;

    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}

.btn .sub
{
    font-size: 1.3rem;

    display: block;
}

.btn-groups
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btn-groups.col2 > a
{
    width: calc((100% / 2 - 10px));
}

@media screen and (max-width: 767px)
{
    .btn-groups.col2 > a
    {
        width: 100%;
    }
}

.btn-groups.col2::after
{
    display: block;

    width: calc(100% / 2);

    content: '';
}

.btn-groups.col3 > a
{
    width: calc((100% / 3 - 10px));
    width: calc((99.9999% / 3) - 10px);
}

@media screen and (max-width: 767px)
{
    .btn-groups.col3 > a
    {
        width: 100%;
    }
}

.btn-groups.col3::after
{
    display: block;

    width: calc(100% / 3);
    width: calc(99.9999% / 3);

    content: '';
}

.btn-groups > a
{
    min-width: auto;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*-------------------------------------------------------

list

-------------------------------------------------------*/
.list-talk
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

@media screen and (max-width: 767px)
{
    .list-talk
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.list-talk.col1 .list-talk-item
{
    width: calc((100% / 1) - 30px);
    margin: 0 0 20px 30px;
}

.list-talk.col1 .list-talk-item:first-child
{
    margin-left: 0;
}

.list-talk.col1 .list-talk-item:last-child
{
    margin-right: 0;
}

.list-talk.col1 .list-talk-item:last-child::before,
.list-talk.col1 .list-talk-item:last-child::after
{
    display: none;
}

@media screen and (max-width: 999px)
{
    .list-talk.col1 .list-talk-item
    {
        width: calc((100% / 1) - 15px);
        margin: 0 0 20px 15px;
    }
}

@media screen and (max-width: 767px)
{
    .list-talk.col1 .list-talk-item
    {
        width: 100%;
        margin-left: 0;
    }
}

.list-talk.col1::after
{
    display: block;

    width: calc((100% / 1) - 30px);

    content: '';

    background-color: black;
}

@media screen and (max-width: 767px)
{
    .list-talk.col1::after
    {
        width: 100%;
    }
}

.list-talk.col2 .list-talk-item
{
    width: calc((100% / 2) - 30px);
    margin: 0 0 20px 30px;
}

.list-talk.col2 .list-talk-item:first-child
{
    margin-left: 0;
}

.list-talk.col2 .list-talk-item:last-child
{
    margin-right: 0;
}

.list-talk.col2 .list-talk-item:last-child::before,
.list-talk.col2 .list-talk-item:last-child::after
{
    display: none;
}

@media screen and (max-width: 999px)
{
    .list-talk.col2 .list-talk-item
    {
        width: calc((100% / 2) - 15px);
        margin: 0 0 20px 15px;
    }
}

@media screen and (max-width: 767px)
{
    .list-talk.col2 .list-talk-item
    {
        width: 100%;
        margin-left: 0;
    }
}

.list-talk.col2::after
{
    display: block;

    width: calc((100% / 2) - 30px);

    content: '';

    background-color: black;
}

@media screen and (max-width: 767px)
{
    .list-talk.col2::after
    {
        width: 100%;
    }
}

.list-talk.col3 .list-talk-item
{
    width: calc((100% / 3) - 30px);
    width: calc((99.9999% / 3) - 30px);
    margin: 0 0 20px 30px;
}

.list-talk.col3 .list-talk-item:first-child
{
    margin-left: 0;
}

.list-talk.col3 .list-talk-item:last-child
{
    margin-right: 0;
}

.list-talk.col3 .list-talk-item:last-child::before,
.list-talk.col3 .list-talk-item:last-child::after
{
    display: none;
}

@media screen and (max-width: 999px)
{
    .list-talk.col3 .list-talk-item
    {
        width: calc((100% / 3) - 15px);
        width: calc((99.9999% / 3) - 15px);
        margin: 0 0 20px 15px;
    }
}

@media screen and (max-width: 767px)
{
    .list-talk.col3 .list-talk-item
    {
        width: 100%;
        margin-left: 0;
    }
}

.list-talk.col3::after
{
    display: block;

    width: calc((100% / 3) - 30px);
    width: calc((99.9999% / 3) - 30px);

    content: '';

    background-color: black;
}

@media screen and (max-width: 767px)
{
    .list-talk.col3::after
    {
        width: 100%;
    }
}

.list-talk.col4 .list-talk-item
{
    width: calc((100% / 4) - 30px);
    margin: 0 0 20px 30px;
}

.list-talk.col4 .list-talk-item:first-child
{
    margin-left: 0;
}

.list-talk.col4 .list-talk-item:last-child
{
    margin-right: 0;
}

.list-talk.col4 .list-talk-item:last-child::before,
.list-talk.col4 .list-talk-item:last-child::after
{
    display: none;
}

@media screen and (max-width: 999px)
{
    .list-talk.col4 .list-talk-item
    {
        width: calc((100% / 4) - 15px);
        margin: 0 0 20px 15px;
    }
}

@media screen and (max-width: 767px)
{
    .list-talk.col4 .list-talk-item
    {
        width: 100%;
        margin-left: 0;
    }
}

.list-talk.col4::after
{
    display: block;

    width: calc((100% / 4) - 30px);

    content: '';

    background-color: black;
}

@media screen and (max-width: 767px)
{
    .list-talk.col4::after
    {
        width: 100%;
    }
}

.list-talk-item
{
    position: relative;

    box-sizing: border-box;
    padding: 16px 28px;

    border: 4px solid #000;
    border-radius: 10px;
    background-color: #ffc;
    box-shadow: 5px 5px 0 0 #e281c6;
}

@media screen and (max-width: 999px)
{
    .list-talk-item
    {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 767px)
{
    .list-talk-item
    {
        padding: 10px;

        border-width: 3px;
        box-shadow: 0 5px 0 0 #e281c6;
    }
}

.list-talk-item::before,
.list-talk-item::after
{
    position: absolute;
    top: 50%;

    display: block;

    box-sizing: border-box;

    content: '';
}

.list-talk-item::after
{
    right: -23px;

    width: 25px;
    height: 25px;

    -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%);

    border-width: 0 3px 3px 0;
    border-style: solid;
    background-color: #ffc;
}

@media screen and (max-width: 767px)
{
    .list-talk-item::after
    {
        top: auto;
        right: 0;
        bottom: -12px;
        left: 0;

        width: 20px;
        height: 20px;
        margin: 0 auto;

        -webkit-transform: rotate(45deg) translate(0, 0);
                transform: rotate(45deg) translate(0, 0);
    }
}

.list-talk-item::before
{
    right: -22px;

    width: 25px;
    height: 25px;

    -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%);

    border-color: #ffc;
    box-shadow: 5px 5px 0 0 #e281c6;
}

@media screen and (max-width: 767px)
{
    .list-talk-item::before
    {
        top: auto;
        right: 0;
        bottom: -10px;
        left: 0;

        width: 23px;
        height: 23px;
        margin: 0 auto;

        -webkit-transform: rotate(45deg) translate(0, 0);
                transform: rotate(45deg) translate(0, 0);
    }
}

.list-talk-title
{
    font-size: 2.8rem;

    display: inline-block;

    margin-bottom: 10px;

    border-bottom: 5px dotted #000;
}

@media screen and (max-width: 999px)
{
    .list-talk-title
    {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 767px)
{
    .list-talk-title
    {
        font-size: 2.3rem;

        border-bottom: 3px dotted #000;
    }
}

.list-data-item
{
    display: table;

    width: 100%;
    margin-bottom: 10px;
    padding: 0 15px;

    background-color: #f8b9de;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px)
{
    .list-data-item
    {
        padding: 10px 15px;
    }
}

.list-data-item > dt
{
    font-weight: bold;

    display: table-cell;

    width: 85%;
    padding-right: 20px;

    vertical-align: middle;
}

@media screen and (max-width: 767px)
{
    .list-data-item > dt
    {
        width: 80%;
        padding-right: 10px;
    }
}

.list-data-item > dd
{
    font-weight: bold;

    display: table-cell;

    width: 15%;
    min-width: 60px;

    text-align: right;
    vertical-align: middle;
}

.list-data-item > dd > span
{
    font-size: 2.5rem;
}

@media screen and (max-width: 767px)
{
    .list-data-item > dd
    {
        width: 20%;
    }
    .list-data-item > dd > span
    {
        font-size: 2.3rem;
    }
}

.list-data-item:last-child
{
    margin-bottom: 0;
}

.list-data-type02-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-data-type02-item > dt::after
{
    content: '：';
}

.list-data-type02-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
}

@media screen and (max-width: 767px)
{
    .list-data-type02-item
    {
        display: block;
    }
}

.list-data-type02-item > dt
{
    font-weight: bold;

    position: relative;

    padding-right: 1em;
}

.list-data-type02-item > dt::after
{
    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    content: '：';
}

@media screen and (max-width: 767px)
{
    .list-data-type02-item > dt
    {
        padding-right: 0;
    }
    .list-data-type02-item > dt::after
    {
        display: none;
    }
}

.list-data-type02-item + .list-data-type02-item
{
    margin-top: 5px;
}

@media screen and (max-width: 767px)
{
    .list-data-type02-item + .list-data-type02-item
    {
        margin-top: 10px;
    }
}

.list-data-type02-item > dd
{
    font-weight: bold;
}

.list-data-type02-item > dd > span
{
    font-weight: normal;
}

.list-bullet > li
{
    padding-left: 1em;

    text-indent: -1em;
}

.list-bullet > li::before
{
    top: 0;
    left: 6px;

    display: inline-block;

    width: 6px;
    height: 6px;
    margin-right: .6em;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background: #000;
}

.list-bullet > li:last-child
{
    margin-bottom: 0;
}

.list-note > li
{
    font-size: 1.4rem;

    position: relative;

    padding-left: 1.5em;
}

.list-note > li::before
{
    position: absolute;
    left: 0;

    display: block;

    content: '※';
}

.list-note-type02 > li
{
    font-size: 1.4rem;

    position: relative;

    padding-left: 2.5em;
}

.list-note-type02 > li .list
{
    position: absolute;
    left: 0;

    display: block;

    width: 2em;
}

.list-box-type01,
.list-box-type02
{
    margin-bottom: 20px;
}

.list-box-type01-item,
.list-box-type02-item
{
    box-sizing: border-box;
    padding: 25px;

    border: 4px solid #000;
    background-color: #fff;
}

@media screen and (max-width: 767px)
{
    .list-box-type01-item,
    .list-box-type02-item
    {
        padding: 15px;

        border-width: 3px;
    }
}

.list-box-type01-item + .list-box-type01-item,
.list-box-type01-item + .list-box-type02-item,
.list-box-type02-item + .list-box-type01-item,
.list-box-type02-item + .list-box-type02-item
{
    margin-top: 15px;
}

.list-box-type01-item
{
    box-shadow: 5px 5px 0 #e281c6;
}

.list-box-type02-item
{
    box-shadow: 5px 5px 0 #ff0;
}

.list-order > li
{
    position: relative;

    padding-left: 2em;
}

.list-order > li .num
{
    position: absolute;
    top: 0;
    left: 0;

    width: 2em;
}

.list-links > li a
{
    position: relative;

    display: inline-block;

    padding-right: 1em;
    padding-left: 1em;
}

.list-links > li a::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: -6px;

    content: '';

    border-width: 5px 0 5px 5px;
    border-style: solid;
}

.list-links > li a[target='_blank']::after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 9px;
    height: 9px;
    margin-top: -6px;

    content: '';
    -webkit-transform: none;
            transform: none;

    border: none;
    background: url('/shared/images/modules/icon/blank_01.png') no-repeat;
}

.list-qa > div
{
    display: table;

    margin-bottom: 20px;
}

.list-qa > div:last-child
{
    margin-bottom: 0;
}

.list-qa .question,
.list-qa .answer
{
    position: relative;

    padding-left: 3rem;
}

.list-qa .question::before,
.list-qa .question::after,
.list-qa .answer::before,
.list-qa .answer::after
{
    position: absolute;

    display: block;

    box-sizing: border-box;
}

.list-qa .question::before,
.list-qa .answer::before
{
    z-index: 2;
}

.list-qa .question::after,
.list-qa .answer::after
{
    z-index: 1;
    top: 0;
    left: 0;

    width: calc( 2.5rem);
    height: calc( 2.5rem);

    content: '';
}

@media screen and (max-width: 767px)
{
    .list-qa .question::after,
    .list-qa .answer::after
    {
        width: 2.1rem;
        height: 2.1rem;
    }
}

.list-qa .question
{
    font-weight: bold;

    margin-bottom: 10px;
}

.list-qa .question::before
{
    top: 0;
    left: .6rem;

    content: 'Q';

    color: #fff;
}

@media screen and (max-width: 767px)
{
    .list-qa .question::before
    {
        top: 0;
        left: .4rem;
    }
}

.list-qa .answer-title
{
    margin-bottom: 5px;
}

.list-qa .answer::before
{
    top: 0;
    left: .8rem;

    content: 'A';
}

@media screen and (max-width: 767px)
{
    .list-qa .answer::before
    {
        top: 0;
        left: .5rem;
    }
}

.list-qa .answer::after
{
    background-color: #fff;
}

.list-define > div
{
    margin-bottom: 10px;
}

.list-define dt
{
    font-weight: bold;

    width: 100%;
}

.list-define dd
{
    width: 100%;
}

/*-------------------------------------------------------

text-group

-------------------------------------------------------*/
.text-group > .paragraph
{
    line-height: 1.875;
}

.text-group > .paragraph + .paragraph
{
    margin-top: 30px;
}

@media screen and (max-width: 767px)
{
    .text-group > .paragraph + .paragraph
    {
        margin-top: 15px;
    }
}

.text-group + .text-group
{
    margin-top: 50px;
}

@media screen and (max-width: 767px)
{
    .text-group + .text-group
    {
        margin-top: 20px;
    }
}

/*-------------------------------------------------------

interest-info

-------------------------------------------------------*/
.interest-info
{
    text-align: center;
}

@media screen and (max-width: 767px)
{
    .interest-info
    {
        max-width: 280px;
        margin: 0 auto;
    }
}

.interest-info-name
{
    font-size: 2rem;

    display: inline-block;

    margin-bottom: 30px;

    background: -webkit-linear-gradient(transparent 60%, #f8b9de 60%);
    background:         linear-gradient(transparent 60%, #f8b9de 60%);
}

@media screen and (max-width: 999px)
{
    .interest-info-name
    {
        font-size: 1.6rem;

        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px)
{
    .interest-info-name
    {
        font-size: 1.6rem;
    }
}

.interest-info-rows
{
    line-height: .7;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 10px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 999px)
{
    .interest-info-rows
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.interest-info-rows-mark
{
    font-weight: bold;

    position: relative;

    box-sizing: border-box;
    width: 70px;
    height: 70px;
    margin-right: 10px;

    color: #fff;
    border-radius: 50%;
    background-color: #000;
}

@media screen and (max-width: 999px)
{
    .interest-info-rows-mark
    {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 767px)
{
    .interest-info-rows-mark
    {
        width: 46px;
        height: 46px;
        margin-right: 5px;
    }
}

.interest-info-rows-mark-text
{
    font-size: 2rem;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 50px;
    height: 2em;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    letter-spacing: -.05em;
}

@media screen and (max-width: 999px)
{
    .interest-info-rows-mark-text
    {
        font-size: 1.4rem;

        width: 40px;
    }
}

@media screen and (max-width: 767px)
{
    .interest-info-rows-mark-text
    {
        font-size: 1.3rem;

        width: 30px;
    }
}

.interest-info-rows-value01
{
    font-size: 6rem;
    font-weight: bold;

    color: #d82b90;
}

.interest-info-rows-value01 > span
{
    font-size: 10rem;

    letter-spacing: -.05em;
}

@media screen and (max-width: 999px)
{
    .interest-info-rows-value01
    {
        font-size: 4.5rem;
    }
    .interest-info-rows-value01 > span
    {
        font-size: 8rem;

        letter-spacing: -.1em;
    }
}

@media screen and (max-width: 767px)
{
    .interest-info-rows-value01
    {
        font-size: 3.8rem;
    }
    .interest-info-rows-value01 > span
    {
        font-size: 7.2rem;

        letter-spacing: -.1em;
    }
}

.interest-info-date
{
    font-size: 1.5rem;

    margin-bottom: 10px;

    text-align: right;
}

@media screen and (max-width: 767px)
{
    .interest-info-date
    {
        margin-bottom: 10px;
    }
}

.interest-info-table
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.interest-info-table-row
{
    font-size: 2rem;
    line-height: 1.2;
}

@media screen and (max-width: 999px)
{
    .interest-info-table-row
    {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 767px)
{
    .interest-info-table-row
    {
        font-size: 1.6rem;
    }
}

/*-------------------------------------------------------

box

-------------------------------------------------------*/
.box-type01,
.box-type02
{
    padding: 22px;

    border: 4px solid #000;
    background-color: #fff;
}

@media screen and (max-width: 999px)
{
    .box-type01,
    .box-type02
    {
        padding: 15px;
    }
}

@media screen and (max-width: 767px)
{
    .box-type01,
    .box-type02
    {
        padding: 10px;

        border-width: 3px;
    }
}

.box-type01
{
    box-shadow: 5px 5px 0 #e281c6;
}

.box-type02
{
    box-shadow: 5px 5px 0 #ff0;
}

.box-dotted
{
    border: 2px dotted #000;
}

.box-dotted-type02
{
    padding: 15px;

    border: 4px dotted #d82b90;
    border-radius: 10px;
}

@media screen and (max-width: 767px)
{
    .box-dotted-type02
    {
        border-width: 3px;
    }
}

.box-no-padding
{
    margin-bottom: 50px;

    border: 4px solid #000;
    background-color: #fff;
}

@media screen and (max-width: 767px)
{
    .box-no-padding
    {
        margin-bottom: 20px;

        border-width: 3px;
    }
}

.box-title
{
    font-weight: bold;

    margin-bottom: 5px;
}

/*-------------------------------------------------------

panel

-------------------------------------------------------*/
.panel
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.panel-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 25px;

    text-align: center;

    border: 4px solid #000;
    background-color: #fff;
    box-shadow: 5px 5px 0 #e281c6;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 999px)
{
    .panel-item
    {
        padding: 15px;
    }
}

@media screen and (max-width: 767px)
{
    .panel-item
    {
        padding: 10px;

        border-width: 3px;
    }
}

.panel-item-content
{
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1.2;

    box-sizing: border-box;
    margin: auto;
}

@media screen and (max-width: 999px)
{
    .panel-item-content
    {
        font-size: 2.6rem;
    }
}

@media screen and (max-width: 767px)
{
    .panel-item-content
    {
        font-size: 2rem;
    }
}

.panel-item.w10
{
    width: calc(10% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w10
    {
        width: 100%;
    }
}

.panel-item.w20
{
    width: calc(20% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w20
    {
        width: 100%;
    }
}

.panel-item.w30
{
    width: calc(30% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w30
    {
        width: 100%;
    }
}

.panel-item.w40
{
    width: calc(40% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w40
    {
        width: 100%;
    }
}

.panel-item.w50
{
    width: calc(50% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w50
    {
        width: 100%;
    }
}

.panel-item.w60
{
    width: calc(60% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w60
    {
        width: 100%;
    }
}

.panel-item.w70
{
    width: calc(70% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w70
    {
        width: 100%;
    }
}

.panel-item.w80
{
    width: calc(80% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w80
    {
        width: 100%;
    }
}

.panel-item.w90
{
    width: calc(90% - 12.5px);
}

@media screen and (max-width: 767px)
{
    .panel-item.w90
    {
        width: 100%;
    }
}

.panel-item.w100
{
    width: calc(100% - 12.5px);
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .panel-item.w100
    {
        width: 100%;
    }
}

.panel-item + .panel-item
{
    margin-top: 25px;
}

@media screen and (max-width: 767px)
{
    .panel-item + .panel-item
    {
        margin-top: 15px;
    }
}

.panel .text-mark-type01
{
    background: -webkit-linear-gradient(transparent 60%, #ff0 60%, #ff0 100%, transparent 100%);
    background:         linear-gradient(transparent 60%, #ff0 60%, #ff0 100%, transparent 100%);
}

.panel .text-mark-type02
{
    background: -webkit-linear-gradient(transparent 60%, #f8b9de 60%, #f8b9de 90%, transparent 90%);
    background:         linear-gradient(transparent 60%, #f8b9de 60%, #f8b9de 90%, transparent 90%);
}

@media screen and (max-width: 767px)
{
    .panel .text-mark-type02
    {
        background: -webkit-linear-gradient(transparent 60%, #f8b9de 60%, #f8b9de 100%, transparent 100%);
        background:         linear-gradient(transparent 60%, #f8b9de 60%, #f8b9de 100%, transparent 100%);
    }
}

.panel .text-mark-lower
{
    font-size: 3rem;
}

@media screen and (max-width: 999px)
{
    .panel .text-mark-lower
    {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 767px)
{
    .panel .text-mark-lower
    {
        font-size: 1.6rem;
    }
}

/*-------------------------------------------------------

layout

-------------------------------------------------------*/
.layout
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .layout
    {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px)
{
    .layout-column
    {
        margin-bottom: 20px;
    }
    .layout-column:last-child
    {
        margin-bottom: 0;
    }
}

.layout.col1 > .layout-column
{
    width: calc((100% / 1) - 15px);
    width: 100%;
}

@media screen and (max-width: 999px)
{
    .layout.col1 > .layout-column
    {
        width: calc((100% / 1) - 10px);
        width: 100%;
    }
}

@media screen and (max-width: 767px)
{
    .layout.col1 > .layout-column
    {
        width: 100%;
    }
}

.layout.col1::after
{
    display: block;

    width: calc((100% / 1) - 15px);
    width: 100%;

    content: '';
}

@media screen and (max-width: 999px)
{
    .layout.col1::after
    {
        width: calc((100% / 1) - 10px);
        width: 100%;
    }
}

@media screen and (max-width: 767px)
{
    .layout.col1::after
    {
        width: 100%;
    }
}

.layout.col2 > .layout-column
{
    width: calc((100% / 2) - 15px);
}

@media screen and (max-width: 999px)
{
    .layout.col2 > .layout-column
    {
        width: calc((100% / 2) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col2 > .layout-column
    {
        width: 100%;
    }
}

.layout.col2::after
{
    display: block;

    width: calc((100% / 2) - 15px);

    content: '';
}

@media screen and (max-width: 999px)
{
    .layout.col2::after
    {
        width: calc((100% / 2) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col2::after
    {
        width: 100%;
    }
}

.layout.col3 > .layout-column
{
    width: calc((100% / 3) - 15px);
    width: calc((99.9999% / 3) - 15px);
}

@media screen and (max-width: 999px)
{
    .layout.col3 > .layout-column
    {
        width: calc((100% / 3) - 10px);
        width: calc((99.9999% / 3) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col3 > .layout-column
    {
        width: 100%;
    }
}

.layout.col3::after
{
    display: block;

    width: calc((100% / 3) - 15px);
    width: calc((99.9999% / 3) - 15px);

    content: '';
}

@media screen and (max-width: 999px)
{
    .layout.col3::after
    {
        width: calc((100% / 3) - 10px);
        width: calc((99.9999% / 3) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col3::after
    {
        width: 100%;
    }
}

.layout.col4 > .layout-column
{
    width: calc((100% / 4) - 15px);
}

@media screen and (max-width: 999px)
{
    .layout.col4 > .layout-column
    {
        width: calc((100% / 4) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col4 > .layout-column
    {
        width: 100%;
    }
}

.layout.col4::after
{
    display: block;

    width: calc((100% / 4) - 15px);

    content: '';
}

@media screen and (max-width: 999px)
{
    .layout.col4::after
    {
        width: calc((100% / 4) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col4::after
    {
        width: 100%;
    }
}

.layout.col5 > .layout-column
{
    width: calc((100% / 5) - 15px);
}

@media screen and (max-width: 999px)
{
    .layout.col5 > .layout-column
    {
        width: calc((100% / 5) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col5 > .layout-column
    {
        width: 100%;
    }
}

.layout.col5::after
{
    display: block;

    width: calc((100% / 5) - 15px);

    content: '';
}

@media screen and (max-width: 999px)
{
    .layout.col5::after
    {
        width: calc((100% / 5) - 10px);
    }
}

@media screen and (max-width: 767px)
{
    .layout.col5::after
    {
        width: 100%;
    }
}

/*-------------------------------------------------------

article

-------------------------------------------------------*/
.article
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}

@media screen and (max-width: 767px)
{
    .article
    {
        display: block;
    }
}

.article.flex-center
{
    margin-bottom: 30px;
}

.article-left
{
    box-sizing: border-box;
    width: calc(710px - 30px);
    margin-right: 30px;
}

@media screen and (max-width: 767px)
{
    .article-left
    {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.article-left.add-bg
{
    box-sizing: border-box;
    padding-right: 30px;

    background: url('/housing_loan/lp/images/business_index_img_04.png') no-repeat center right;
}

@media screen and (max-width: 767px)
{
    .article-left.add-bg
    {
        padding-right: 0;
        padding-bottom: 10%;

        background: url('/housing_loan/lp/images/business_index_img_sp_04.png') no-repeat bottom;
        background-size: contain;
    }
}

.article-left > .paragraph + .paragraph
{
    margin-top: 40px;
}

@media screen and (max-width: 767px)
{
    .article-left > .paragraph + .paragraph
    {
        margin-top: 20px;
    }
}

.article-right
{
    width: 300px;
    margin-right: 0;
}

.article-right.pc-height img
{
    margin-top: 180px;
}

@media screen and (max-width: 767px)
{
    .article-right.pc-height .display-cut-sp
    {
        position: relative;

        overflow: hidden;

        height: 240px;
    }
    .article-right.pc-height img
    {
        position: absolute;
        top: 0;
        left: 50%;

        width: 100%;
        height: auto;
        margin-top: 0;

        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
}

.article-right img
{
    display: block;

    margin: 0 auto;

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .article-right img
    {
        min-width: 141px;
        max-width: 20%;
    }
}

@media screen and (max-width: 767px)
{
    .article-right
    {
        width: 100%;
    }
}

.article.reverse
{
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

.article.reverse .article-right
{
    margin-right: 30px;
}

.article.reverse .article-left
{
    margin-right: 0;
}

.text-catch
{
    margin-bottom: 30px;
}

@media screen and (max-width: 767px)
{
    .text-catch
    {
        margin-bottom: 15px;
    }
}

.text-before-content
{
    margin-bottom: 20px;
}

.flex-center
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tm-table_default th,
.tm-table_default td
{
    padding: 11px 6px;
}

.tm-table_default
{
    font-size: 1.6rem;
}

@media screen and (max-width: 767px)
{
    .tm-table_default
    {
        font-size: 1.3rem;
    }
}

.tm-table_default img
{
    max-width: 100%;
}

@media screen and (max-width: 767px)
{
    .tm-table_default img
    {
        max-width: 51px;
    }
}

.rounded-btn a
{
    text-decoration: none;
}

a[href^='tel:']
{
    text-decoration: none;

    color: inherit;
}
