/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html
{
    color: #000;
    background: #fff;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td
{
    margin: 0;
    padding: 0;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

fieldset,
img
{
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var
{
    font-weight: normal;
    font-style: normal;
}

ol,
ul
{
    list-style: none;
}

caption,
th
{
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after
{
    content: '';
}

abbr,
acronym
{
    font-variant: normal;

    border: 0;
}

sup
{
    vertical-align: text-top;
}

sub
{
    vertical-align: text-bottom;
}

input,
textarea,
select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;

    *font-size: 100%;
}

legend
{
    color: #000;
}

#yui3-css-stamp.cssreset
{
    display: none;
}

@media (max-width: 768px)
{
    .pc-only
    {
        position: fixed;
        top: -100%;
        left: -100%;

        display: none;
        visibility: hidden;

        width: 0;
        height: 0;

        opacity: 0;
    }
}

.sp-only
{
    position: fixed;
    top: -100%;
    left: -100%;

    display: none;
    visibility: hidden;

    width: 0;
    height: 0;

    opacity: 0;
}
@media (max-width: 768px)
{
    .sp-only
    {
        position: static;
        top: auto;
        left: auto;

        display: block;
        visibility: visible;

        width: auto;
        height: auto;

        opacity: 1;
    }
}

.main-container img
{
    display: block;

    max-width: 100%;
    height: auto;
}
@media (max-width: 768px)
{
    .main-container img
    {
        width: 100%;
        max-width: 100%;
    }
}

.red
{
    color: #c93434;
}

.red_past
{
    color: #f00;
}

.sup
{
    font-size: 10px;

    vertical-align: super;
}

.cmn_hover
{
    transition: .3s;
}
.cmn_hover:hover
{
    opacity: .6;
}

.caption_bdr
{
    font-size: 21px;
    font-weight: bold;
    line-height: 33px;

    padding: 0 0 0 7px;

    color: #fb7000;
    border-bottom: dotted 1px #fb7000;
    border-left: solid 8px #fb7000;
}
@media (max-width: 768px)
{
    .caption_bdr
    {
        font-size: 17px;
        line-height: 31px;

        padding: 0 0 0 5px;
    }
}

.content
{
    display: none;
}

.txt_box
{
    color: #2f353d;
}
.txt_box .txt_box_inr
{
    padding: 22px 18px;
}
@media (max-width: 768px)
{
    .txt_box .txt_box_inr
    {
        padding: 25px 15px;
    }
}
.txt_box .txt_box_inr.pd_side_no
{
    padding: 22px 0;
}
@media (max-width: 768px)
{
    .txt_box .txt_box_inr.pd_side_no
    {
        padding: 25px 0;
    }
}
.txt_box .txt_box_inr p
{
    font-size: 17px;
    line-height: 1.47;
}
@media (max-width: 768px)
{
    .txt_box .txt_box_inr p
    {
        font-size: 14px;
        line-height: 1.68;
    }
}
.txt_box .txt_box_inr p.indent
{
    padding-left: 20px;

    text-indent: -20px;
}
.txt_box .txt_box_inr strong
{
    font-size: 18px;
    font-weight: bold;
}
@media (max-width: 768px)
{
    .txt_box .txt_box_inr strong
    {
        font-size: 16px;
        line-height: 1.8;
    }
}
.txt_box .txt_box_inr .icon_num
{
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;

    position: relative;
    top: -2px;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin-right: 5px;

    text-align: center;
    text-indent: 0;

    color: #fff;
    border-radius: 50%;
    background: #fb7000;
}

.course h3
{
    padding: 24px 0;
}
@media (max-width: 768px)
{
    .course h3
    {
        margin: 0 auto;
        padding: 14px 0 19px;
    }
}
.course h3 img
{
    margin: 0 auto;
}
.course .wm_bnr
{
    position: relative;

    box-sizing: border-box;
    padding: 1.83333333% 0 2.16666666%;

    border: solid 1px #c5820f;
}
@media (max-width: 768px)
{
    .course .wm_bnr
    {
        padding: 5.17241379% 0;
    }
}
.course .wm_bnr .bnr_link
{
    display: block;
}
.course .wm_bnr img
{
    z-index: 0;

    display: block;

    width: 56.4999999%;
    margin: 0 auto;
}
@media (max-width: 768px)
{
    .course .wm_bnr img
    {
        width: 76.7241379%;
    }
}
.course .wm_bnr .bnr_btn
{
    position: absolute;
    z-index: 1;
    top: 53.0805687%;
    left: 59.5%;

    display: block;

    width: 13.5%;
    margin: 0;
    padding: 3.66666666% 0 0;

    text-align: center;
    text-decoration: none;

    color: #fff;
    background: #000;
}
@media (max-width: 768px)
{
    .course .wm_bnr .bnr_btn
    {
        top: 76%;
        left: 62%;

        width: 27.2413793%;
        padding: 7.41379310% 0 0;
    }
}
.course .wm_bnr .bnr_btn div
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    vertical-align: middle;
}
.course .wm_bnr .bnr_btn div:before
{
    display: inline-block;

    width: 0;
    height: 100%;

    content: '';
    vertical-align: middle;
}
.course .wm_bnr .bnr_btn div .s5-button
{
    font-size: 16px;
    line-height: 1;

    display: inline-block;

    margin: 0;
    padding: 0;

    vertical-align: middle;

    background: transparent;
}
@media (max-width: 910px)
{
    .course .wm_bnr .bnr_btn div .s5-button
    {
        font-size: 13px;
    }
}
@media (max-width: 768px)
{
    .course .wm_bnr .bnr_btn div .s5-button
    {
        font-size: 10px;

        position: absolute;
        top: 50%;
        left: 0;

        width: 100%;
        margin-top: -5px;
    }
}
.course .plus_icon
{
    position: relative;

    width: 50px;
    height: 50px;
    margin: 10px auto;

    border-radius: 50%;
    background: #c5820f;
}
@media (max-width: 768px)
{
    .course .plus_icon
    {
        width: 38px;
        height: 38px;
    }
}
.course .plus_icon .bar
{
    position: absolute;

    background: #fff;
}
.course .plus_icon .bar.bar1
{
    top: 22px;
    left: 14px;

    width: 22px;
    height: 5px;
}
@media (max-width: 768px)
{
    .course .plus_icon .bar.bar1
    {
        top: 17px;
        left: 10px;

        width: 18px;
        height: 4px;
    }
}
.course .plus_icon .bar.bar2
{
    top: 14px;
    left: 22px;

    width: 5px;
    height: 22px;
}
@media (max-width: 768px)
{
    .course .plus_icon .bar.bar2
    {
        top: 10px;
        left: 17px;

        width: 4px;
        height: 18px;
    }
}
.course .column2
{
    position: relative;
}
.course .column2:after
{
    display: table;
    clear: both;

    content: '';
}
@media (max-width: 768px)
{
    .course .column2
    {
        overflow: hidden;
    }
}
.course .column2 .column_left,
.course .column2 .column_right
{
    float: left;

    box-sizing: border-box;

    border: solid 1px #c5820f;
}
@media (max-width: 768px)
{
    .course .column2 .column_left,
    .course .column2 .column_right
    {
        float: none;
    }
}
.course .column2 .column_left
{
    width: 70.0833333%;
    margin: 0 1.75% 0 0;
}
@media (max-width: 768px)
{
    .course .column2 .column_left
    {
        width: 100%;
        margin: 0;
    }
}
.course .column2 .column_right
{
    width: 28.1666666%;
}
@media (max-width: 768px)
{
    .course .column2 .column_right
    {
        width: 100%;
    }
}
.course .column2 .or_icon
{
    position: absolute;
    left: 68.5%;

    width: 4.83333333%;
}
@media (max-width: 768px)
{
    .course .column2 .or_icon
    {
        position: relative;
        left: auto;

        width: 38px;
        margin: 6px auto;
    }
}
.course .column2 .or_icon img
{
    width: 100%;
}
.course .column2 h4
{
    font-size: 20px;
    font-weight: bold;
    line-height: 44px;

    height: 44px;

    text-align: center;

    color: #c5820f;
    background: #fffbf4;
}
@media (max-width: 768px)
{
    .course .column2 h4
    {
        font-size: 12px;
        line-height: 26px;

        height: 26px;
    }
}
.course .column2 .item_list
{
    text-align: center;
}
.course .column2 .item_list:after
{
    display: table;
    clear: both;

    content: '';
}
.course .column2 .item_list a
{
    display: block;

    text-decoration: none;

    color: #000;
}
.course .column2 .item_list .name
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1;

    margin: 20px auto 0;
}
@media (max-width: 768px)
{
    .course .column2 .item_list .name
    {
        font-size: 15px;

        position: relative;
        left: 50%;

        width: 300px;
        margin: 8px 0 0 -150px;
    }
}
.course .column2 .item_list .name.mt10
{
    margin-top: 10px;
}
@media (max-width: 768px)
{
    .course .column2 .item_list .name.mt10
    {
        margin-top: 8px;
    }
}
.course .column2 .item_list .s5-button
{
    font-size: 12px;
    line-height: 1;

    display: inline-block;

    margin: 9px auto 0;
    padding: 0;

    text-decoration: none;

    color: #2f353d;
    background: transparent;
}
@media (max-width: 768px)
{
    .course .column2 .item_list .s5-button
    {
        font-size: 10px;
    }
}
.course .column2 .item_list.list_cl3
{
    width: 86.9203329%;
    margin: 22px auto 0;
}
@media (max-width: 768px)
{
    .course .column2 .item_list.list_cl3
    {
        width: 73.7931034%;
        margin: 13px auto 0;
    }
}
.course .column2 .item_list.list_cl3 .item
{
    float: left;

    width: 25.9917920%;
    margin: 0 10.9439124% 25px 0;

    color: #000;
}
@media (max-width: 768px)
{
    .course .column2 .item_list.list_cl3 .item
    {
        width: 40.8878504%;
        margin: 0 0 22px;
    }
}
@media (max-width: 768px)
{
    .course .column2 .item_list.list_cl3 .item:nth-child(2n)
    {
        float: right;
    }
}
.course .column2 .item_list.list_cl3 .item:nth-child(3n)
{
    margin-right: 0;
}
.course .column2 .item_list.list_cl1
{
    margin: 18px auto 0;
}
@media (max-width: 768px)
{
    .course .column2 .item_list.list_cl1
    {
        width: 73.7931034%;
        margin: 13px auto 0;
    }
}
.course .column2 .item_list.list_cl1 .item
{
    width: 56.2130177%;
    margin: 0 auto 35px;
}
@media (max-width: 768px)
{
    .course .column2 .item_list.list_cl1 .item
    {
        float: left;

        width: 40.8878504%;
        margin: 0 0 22px;
    }
}
@media (max-width: 768px)
{
    .course .column2 .item_list.list_cl1 .item:nth-child(2n)
    {
        float: right;
    }
}
.course .column2 .item_list.list_cl1 .item img
{
    margin: 0 auto;
}
.course.hires
{
    margin: 18px auto 0;

    border-top: solid 6px #c5820f;
}
@media (max-width: 768px)
{
    .course.hires h3
    {
        width: 70.3448275%;
    }
}
.course.hires .column2 .column_right
{
    padding: 0 0 14px;
}
@media (max-width: 768px)
{
    .course.hires .column2 .column_right
    {
        padding: 0;
    }
}
.course.hires .column2 .or_icon
{
    top: 347px;
}
@media (max-width: 768px)
{
    .course.hires .column2 .or_icon
    {
        top: auto;
    }
}
.course.wiress
{
    margin: 80px auto 0;

    border-top: solid 6px #23438a;
}
@media (max-width: 768px)
{
    .course.wiress
    {
        margin: 45px auto 0;
    }
}
@media (max-width: 768px)
{
    .course.wiress h3
    {
        width: 97.0689655%;
    }
}
.course.wiress .wm_bnr
{
    border: solid 1px #23438a;
}
.course.wiress .plus_icon
{
    background: #23438a;
}
.course.wiress .column2 .column_left,
.course.wiress .column2 .column_right
{
    border: solid 1px #23438a;
}
.course.wiress .column2 .or_icon
{
    top: 227px;
}
@media (max-width: 768px)
{
    .course.wiress .column2 .or_icon
    {
        top: auto;
    }
}
.course.wiress .column2 h4
{
    color: #23438a;
    background: #f5f7fa;
}

@media (max-width: 768px)
{
    .main-container #mainvisual
    {
        margin: 18px auto 0;
    }
}

.main-container #page_tab
{
    margin: 30px auto 0;
}
@media (max-width: 768px)
{
    .main-container #page_tab
    {
        margin: 28px auto 0;
    }
}
.main-container #page_tab .nav_btns:after
{
    display: table;
    clear: both;

    content: '';
}
.main-container #page_tab .nav_btns .nav_btn
{
    font-size: 20px;
    line-height: 64px;

    float: left;

    box-sizing: border-box;
    width: 33.33333%;
    height: 64px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    transition: .2s;
    text-align: center;

    color: #fff;
    border-right: solid 1px #fff;
    background: #999;
}
@media (max-width: 768px)
{
    .main-container #page_tab .nav_btns .nav_btn
    {
        line-height: normal;

        float: none;

        width: 100%;
        height: auto;
        margin: 0 0 1px;
        padding: 3% 0;
    }
}
.main-container #page_tab .nav_btns .nav_btn:nth-last-child(1)
{
    border: none;
}
.main-container #page_tab .nav_btns .nav_btn:hover
{
    background: #333;
}
.main-container #page_tab .nav_btns .nav_btn.on
{
    background: #000;
}

.main-container .content01
{
    display: block;
}
.main-container .content01 .txt_box.tb01
{
    margin: 30px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content01 .txt_box.tb01
    {
        margin: 20px auto 0;
    }
}
.main-container .content01 .txt_box.tb02,
.main-container .content01 .txt_box.tb03
{
    margin: 8px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content01 .txt_box.tb02,
    .main-container .content01 .txt_box.tb03
    {
        margin: 5px auto 0;
    }
}
.main-container .content01 .txt_box.tb04
{
    margin: 38px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content01 .txt_box.tb04
    {
        margin: 34px auto 0;
    }
}
.main-container .content01 .txt_box.tb05
{
    margin: 20px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content01 .txt_box.tb05
    {
        margin: 8px auto 0;
    }
}
.main-container .content01 .txt_box.tb04 .txt_box_inr p
{
    margin: 0 0 10px;
}
.main-container .content01 .txt_box.tb04 .txt_box_inr p:nth-last-child(1)
{
    margin: 0;
}

.main-container .content02 .txt_box.tb01
{
    margin: 30px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content02 .txt_box.tb01
    {
        margin: 20px auto 0;
    }
}
.main-container .content02 .txt_box.tb02
{
    margin: 6px auto 0;
}
.main-container .content02 .txt_box.tb03
{
    margin: 3px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content02 .txt_box.tb03
    {
        margin: 0 auto;
    }
}
.main-container .content02 .txt_box.tb03 .txt_box_inr
{
    padding-top: 0;
}
.main-container .content02 .txt_box.tb04 .txt_box_inr p
{
    margin: 0 0 10px;
}
.main-container .content02 .txt_box.tb04 .txt_box_inr p:nth-last-child(1)
{
    margin: 0;
}
.main-container .content02 .txt_box.tb05
{
    margin: 20px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content02 .txt_box.tb05
    {
        margin: 0 auto;
    }
}
.main-container .content02 .txt_box.tb05 p
{
    margin: 20px auto 0 15px;
}
@media (max-width: 768px)
{
    .main-container .content02 .txt_box.tb05 p
    {
        margin: 20px 15px 0;
    }
}
.main-container .content02 .txt_box.tb06
{
    margin: 28px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content02 .txt_box.tb06
    {
        margin: 50px auto 0;
    }
}
.main-container .content02 .txt_box.tb07
{
    margin: 6px auto 0;
}
.main-container .content02 .txt_box.tb07 .txt_box_inr.tb07_inr
{
    margin: 10px auto 0;
    padding-top: 0;
}
.main-container .content02 .txt_box.tb07 .txt_box_inr.tb07_inr p
{
    margin: 20px 15px 0;
}
.main-container .content02 .txt_box.tb08
{
    margin: 8px auto 0;
}
.main-container .content02 .txt_box.tb09
{
    margin: 5px auto 0;
}
.main-container .content02 .txt_box.tb10
{
    margin: 23px auto 0;
}
.main-container .content02 .txt_area
{
    margin: 0 15px;
}
.main-container .content02 .txt_area .howto
{
    font-size: 18px;
    font-weight: bold;
    line-height: 37px;

    width: 112px;
    height: 37px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background: #fb7000;
}
@media (max-width: 768px)
{
    .main-container .content02 .txt_area .howto
    {
        font-size: 16px;
        line-height: 28px;

        width: 103px;
        height: 28px;

        border-radius: 5px;
    }
}
.main-container .content02 .txt_area .entry:after
{
    display: table;
    clear: both;

    content: '';
}
.main-container .content02 .txt_area .entry li
{
    position: relative;

    float: left;

    width: 23.5%;
    margin-top: 20px;
    margin-left: 1.5%;

    list-style: none;
}
@media (max-width: 768px)
{
    .main-container .content02 .txt_area .entry li
    {
        float: none;

        width: 100%;
    }
}
.main-container .content02 .txt_area .entry li.first
{
    margin-left: 0;
}
.main-container .content02 .txt_area .entry li a
{
    display: block;
}
.main-container .content02 .sheet_img
{
    margin: 18px auto 24px;
    padding: 0 1.58333333%;
}
@media (max-width: 768px)
{
    .main-container .content02 .sheet_img
    {
        width: 80.5172413%;
        margin: 0 auto;
        padding: 0;
    }
}
.main-container .content02 .sheet_img img
{
    margin: 0 auto;
}
.main-container .content02 .box_img
{
    padding: 0 6.375%;
}
@media (max-width: 768px)
{
    .main-container .content02 .box_img
    {
        width: 85.3448275%;
        margin: 0 auto;
        padding: 0;
    }
}
.main-container .content02 .box_img img
{
    margin: 0 auto;
}
.main-container .content02 .download_btn
{
    margin: 38px auto 0;

    text-align: center;
}
@media (max-width: 768px)
{
    .main-container .content02 .download_btn
    {
        margin: 35px auto 0;
    }
}
.main-container .content02 .download_btn.db2
{
    margin: 78px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content02 .download_btn.db2
    {
        margin: 27px auto 0;
    }
}
.main-container .content02 .download_btn .s5-button
{
    font-size: 28px;
    font-weight: bold;

    margin: 0 auto;

    text-decoration: none;

    color: #fff;
}
@media (max-width: 768px)
{
    .main-container .content02 .download_btn .s5-button
    {
        font-size: 20px;
        line-height: 1.4;

        margin: 0 10px;

        text-align: left;
    }
}
.main-container .content02 .step_area
{
    margin: 36px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content02 .step_area
    {
        margin: 34px auto 0;
    }
}
.main-container .content02 .step_area ul:after
{
    display: table;
    clear: both;

    content: '';
}
.main-container .content02 .step_area ul li
{
    float: left;

    width: 31.3%;
    margin-left: 2%;
}
@media (max-width: 768px)
{
    .main-container .content02 .step_area ul li
    {
        float: none;

        width: 100%;
        margin: 0;
    }
}
.main-container .content02 .step_area ul li .head
{
    font-size: 24px;
    font-weight: bold;

    padding: 3%;

    text-align: center;

    background: #c9bc9c;
}
@media (max-width: 768px)
{
    .main-container .content02 .step_area ul li .head
    {
        font-size: 16px;
    }
}
.main-container .content02 .step_area ul li .txt
{
    font-size: 16px;
    line-height: 1.6;
}
@media (max-width: 768px)
{
    .main-container .content02 .step_area ul li .txt
    {
        font-size: 14px;
    }
}

.main-container .content03 .index
{
    margin: 30px auto 0;
}
.main-container .content03 .index ul li
{
    line-height: 29px;

    margin: 0 0 15px;

    border-bottom: dotted 1px #a78249;
}
.main-container .content03 .index ul li:nth-last-child(1)
{
    margin: 0;
}
.main-container .content03 .index ul li .s5-button
{
    font-size: 20px;
    font-weight: bold;

    display: block;

    margin: 0;
    padding: 0;

    transition: .2s;
    text-decoration: none;

    color: #a78249;
    background: transparent;
}
@media (max-width: 768px)
{
    .main-container .content03 .index ul li .s5-button
    {
        font-size: 18px;
    }
}
.main-container .content03 .index ul li .s5-button:hover
{
    color: #2f353d;
}
.main-container .content03 .page_content
{
    margin: 30px auto 0;
}
.main-container .content03 .p_ttl
{
    font-size: 20px;
    font-weight: bold;
    line-height: 33px;

    margin: 0 0 20px;
    padding: 0 5px;

    color: #fff;
    background: #c8a063;
}
@media (max-width: 768px)
{
    .main-container .content03 .p_ttl
    {
        font-size: 18px;
        line-height: 36px;
    }
}
.main-container .content03 .faq
{
    margin: 0 0 10px;
    padding: 0 0 20px;

    border-bottom: 1px dotted #999;
}
.main-container .content03 .faq.no-bdr
{
    margin: 0;
    padding: 0;

    border: none;
}
.main-container .content03 .faq .que,
.main-container .content03 .faq .ans
{
    font-size: 16px;
    line-height: 1.56;
}
.main-container .content03 .faq .que:after,
.main-container .content03 .faq .ans:after
{
    display: table;
    clear: both;

    content: '';
}
@media (max-width: 768px)
{
    .main-container .content03 .faq .que,
    .main-container .content03 .faq .ans
    {
        font-size: 14px;
    }
}
.main-container .content03 .faq .que .icon,
.main-container .content03 .faq .ans .icon
{
    display: inline-block;
    float: left;

    width: 45px;
}
.main-container .content03 .faq .que .icon img,
.main-container .content03 .faq .ans .icon img
{
    width: 35px;
}
.main-container .content03 .faq .que .txt,
.main-container .content03 .faq .ans .txt
{
    margin: 0 0 0 45px;
}
.main-container .content03 .faq .que .s5-button,
.main-container .content03 .faq .ans .s5-button
{
    font-size: 16px;

    margin: 0;
    padding: 0;

    color: #000;
    background: transparent;
}
@media (max-width: 768px)
{
    .main-container .content03 .faq .que .s5-button,
    .main-container .content03 .faq .ans .s5-button
    {
        font-size: 14px;
    }
}
.main-container .content03 .faq .que .s5-button a,
.main-container .content03 .faq .ans .s5-button a
{
    text-decoration: none;

    color: #5887ab;
}
.main-container .content03 .faq .que .s5-button a:hover,
.main-container .content03 .faq .ans .s5-button a:hover
{
    text-decoration: underline;
}
.main-container .content03 .faq .que
{
    margin: 0 0 13px;
}
.main-container .content03 .course.hires
{
    margin: 30px auto 0;
}
.main-container .content03 .course_note
{
    font-size: 17px;
    font-weight: bold;
    line-height: 1.47;

    margin: 14px auto 0;
}
@media (max-width: 768px)
{
    .main-container .content03 .course_note
    {
        font-size: 14px;
    }
}
.main-container .content03 .course_note ul
{
    padding-left: 16px;
}
@media (max-width: 768px)
{
    .main-container .content03 .course_note ul
    {
        padding-left: 14px;
    }
}
.main-container .content03 .course_note li
{
    list-style: disc;
}