@charset 'UTF-8';
@media screen and (max-width: 749px)
{
    .nav-global__item .only-pc,
    .box-adobebanner .only-pc
    {
        display: none;
    }
}

@media screen and (min-width: 750px)
{
    .nav-global__item .only-pc,
    .box-adobebanner .only-pc
    {
        display: inline-block;
    }
}

@media screen and (max-width: 749px)
{
    .only-pc
    {
        display: none !important;
    }
}

@media screen and (max-width: 749px)
{
    .only-pc-dib
    {
        display: none;
    }
}

@media screen and (min-width: 750px)
{
    .only-pc-dib
    {
        display: inline-block;
    }
}

@media screen and (min-width: 750px)
{
    .only-sp
    {
        display: none !important;
    }
}

@media screen and (min-width: 750px)
{
    .only-spm
    {
        display: none;
    }
}

@media screen and (max-width: 749px)
{
    .only-spm
    {
        display: none;
    }
}

@media screen and (max-width: 363px)
{
    .only-spm
    {
        display: block;
    }
}

@media screen and (max-width: 749px)
{
    .only-pc.df
    {
        display: none !important;
    }
}

.freeze
{
    /* 動き固定 */
    position: fixed;
    /* 奥行きを管理 */
    z-index: -1;
    /* 下2つで背景を元のサイズのまま表示することができる */

    width: 100%;
    height: 100%;
}

br.is-disabled
{
    display: none;
}

.fwb
{
    font-weight: bold !important;
}

.fwn
{
    font-weight: normal !important;
}

.tac
{
    text-align: center;
}

.dib
{
    display: inline-block !important;
}

.df
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.ffc
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
        flex-flow: column;
}

.flex1
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1 1;
}

.j-c_s-b
{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.j-c_center
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-none
{
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
}

@media screen and (max-width: 749px)
{
    .sp-flow-col
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    }
}

.align-center
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.secondary
{
    display: none;
}

.secondary.is-active
{
    display: block;
}

@media screen and (max-width: 749px)
{
    .contents-fit
    {
        padding: 0;
    }
}

/* tagline */
.tagline
{
    font-size: 10px;
    line-height: 10px;

    position: absolute;
    right: 6px;
    bottom: 8px;

    width: 40%;

    text-align: left;

    color: #999;
}

/********************
    header
********************/
@media screen and (max-width: 749px)
{
    /* header */
    .sw_header
    {
        width: 100%;
        max-width: 749px;
        height: 50px;
        margin: 0 auto;

        border-bottom: 2px solid #dcdcdc;
        background-color: #fff;
    }
    /* header_inner */
    .header_inner
    {
        position: relative;

        width: 96%;
        height: 50px;
        margin: 0 auto;
    }
    /* header_btn */
    .header_inner .btn-cmn
    {
        position: absolute;
        top: 6px;
        right: 2px;

        width: 100px;
        margin-top: 0;
    }
    .header_inner .btn_txt_small
    {
        font-size: 10px;

        display: block;

        color: #ff0;
    }
    .header_inner .btn-cmn-txt
    {
        font-size: 12px;
        line-height: 14px;
    }
    .header_inner .btn-cmn-in
    {
        padding: 2px 4px;

        letter-spacing: -.5px;
    }
    /* logo SW */
    .logo
    {
        position: absolute;
        top: 50%;
        bottom: 50%;
        left: 4px;

        width: 141px;
        height: 22px;
        margin: auto;

        background-image: url('https://sw.job.dmkt-sp.jp/wp-content/uploads/2017/10/ico_logo_01@2x.png');
        background-size: 141px 22px;
    }
    .logo a
    {
        display: block;

        width: 141px;
        height: 22px;
    }
    /* logo djob */
    .logo.logo_job
    {
        margin: auto;
        padding: 5px;

        background: url('https://sw.job.dmkt-sp.jp/wp-content/uploads/2018/08/logo_djob.png') no-repeat 4px center;
        background-size: 60px;
    }
    .logo.logo_job a
    {
        display: block;

        padding: 10px 0;
    }
    /* img_alt */
    .img_alt
    {
        font-size: 0;
        line-height: 0;

        display: inline-block;
        visibility: hidden;

        width: 0;
        height: 0;
    }
}

@media screen and (min-width: 750px)
{
    /* header */
    .sw_header
    {
        width: 100%;
        max-width: 749px;
        height: 78px;
        margin: 0 auto;

        border-bottom: 2px solid #dcdcdc;
        background-color: #fff;
    }
    /* header_inner */
    .header_inner
    {
        position: relative;

        width: 96%;
        max-width: 1024px;
        height: 78px;
        margin: 0 auto;
    }
    /* logo SW */
    .logo
    {
        position: absolute;
        top: 50%;
        bottom: 50%;
        left: 0;

        width: 224px;
        height: 34px;
        margin: auto;

        background-image: url('https://sw.job.dmkt-sp.jp/wp-content/uploads/2017/10/ico_logo_01.png');
        background-size: 224px 34px;
    }
    .logo a
    {
        display: block;

        width: 222px;
        height: 34px;
    }
    /* logo djob */
    .logo.logo_job
    {
        margin: auto;
        padding: 15px 5px;

        background: url('https://sw.job.dmkt-sp.jp/wp-content/uploads/2018/08/logo_djob.png') no-repeat left center;
        background-size: 100px;
    }
    .logo.logo_job a
    {
        display: block;

        padding: 10px 0;
    }
    /* tagline */
    .tagline
    {
        right: 0;

        width: 28%;
    }
}

.contents
{
    margin: 0 auto;
}

@media screen and (min-width: 750px)
{
    .contents
    {
        width: 750px;
    }
}

.contents-mv
{
    background: #fcd2d2;
}

@media screen and (max-width: 749px)
{
    html
    {
        font-size: 50%;
    }
}

body
{
    min-width: 100%;
    max-width: 100%;

    background-color: #44bac7;
}


.entry_method__list
{
    margin-top: 32px;
}

@media screen and (max-width: 749px)
{
    .entry_method__list
    {
        margin-top: 16px;
    }
}

.entry_method{
  padding: 33px 25px;
  text-align: center;
  background: #fff;
}
.paid_option_promotion__ttl{
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1da1f2;
}
.paid_option_promotion__ttl:before{
  display: inline-block;
  width: 17px;
  height: 37px;
  margin-right: 20px;
  content: '';
  background: url('/wp-content/uploads/2021/08/img_twitter_h01.png') left center no-repeat;
  background-size: cover;
}
.paid_option_promotion__ttl::after{
  display: inline-block;
  width: 17px;
  height: 37px;
  margin-left: 21px;
  content: '';
  background: url('/wp-content/uploads/2021/08/img_twitter_h02.png') left center no-repeat;
  background-size: cover;
}
.entry_method__item{
  position: relative;
  padding: 33px 50px 54px;
  border-radius: 10px;
  background-color: #d1ecfc;
}
.entry_method__item + .entry_method__item{
  margin-top: 50px;
}
.entry_method__item:after{
  position: absolute;
  display: block;
  bottom: -41px;
  left: 50%;
  width: 51px;
  height: 28px;
  margin-left: -25px;
  content: '';
  background: url('/wp-content/uploads/2021/08/img_twitter_ic01.png') no-repeat;
}
.entry_method__item#done{
  padding: 17px 0 0;
  background-color: #ffffff;
}
.entry_method__inner{
  display: flex;
  width: 100%;
  align-items: baseline;
}
.entry_method__ico{
  display: flex;
  width: 120px;
  height: 50px;
  padding: 7px 20px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 25px;
  background-color: #1da1f2;
  font-size: 24px;
  font-weight: bold;
}
.entry_method__txt{
  margin-left: 18px;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
}
.entry_method__item#step1 .attention{
  margin-top: 26px;
  font-size: 24px;
  text-align: left;
}
.btn-wrapper{
  width: 100%;
  height: 82px;
  margin: 20px auto 0;
}
.btn_area{
  width: 100%;
  height: 100%;
}
.btn-cmn.btn-cmn-tw{
  width: 100%;
  height: 100%;
}
.btn-cmn.btn-cmn-tw .btn-cmn-in{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 10px;
  -webkit-box-shadow: 0 7px 0 0 #1a8dd5;
  box-shadow: 0 7px 0 0 #1a8dd5;
  background: #1da1f2;
}
.btn-cmn.btn-cmn-tw .btn-cmn-txt{
  font-size: 36px;
}
.btn-cmn.btn-cmn-tw:hover .btn-cmn-in{
  background: #1da1f2;
}
.btn-cmn:hover:not(:disabled) .btn-cmn-in {
  box-shadow: 0px 1px 0px 0px #1a8dd5;
}
.entry_method__item .tag_tw{
  margin-top: 30px;
  font-size: 28px;
}
.entry_method__item .tag_tw+p:not(.tag_tw){
  margin-top: 26px;
  font-weight: bold;
  font-size: 28px;
}
.entry_method__item .tag_tw span{
  padding: 4px 20px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #1a8dd5;
  font-weight: bold;
}
.entry_method__item .tag_tw span{
  margin-left: 20px;
}
.entry_method__item .img__shinki{
  margin-top: 30px;
}
.entry_method__item#done .img__shinki{
  margin: 0;
}
.contents-privilege{
  position: relative;
  padding: 0;
  background-color: #ffffff;
  text-align: center;
}
.contents-privilege .btn-wrapper{
  position: absolute;
  width: 100%;
  height: 9.2%;
  bottom: 10.5%;
  left: 0;
  margin: 0;
}
.contents-privilege .btn_area{
  width: 100%;
  height: 100%;
}
.contents-privilege .btn-cmn-yellow{
  width: 69.3%;
  height: 100%;
  font-size: 36px;
}
.contents-privilege .btn-cmn-in{
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 8px 0px 0px #cdaa00;
}
.contents-privilege .btn-cmn:hover:not(:disabled) .btn-cmn-in {
  box-shadow: 0px 1px 0px 0px #cdaa00;
}

@media screen and (max-width: 749px){
  .entry_method{
    padding: 16.5px 12.5px;
  }
  .paid_option_promotion__ttl:before{
    width: 8.5px;
    height: 18.5px;
    margin-right: 10px;
  }
  .paid_option_promotion__ttl::after{
    width: 8.5px;
    height: 18.5px;
    margin-left: 10.5px;
  }
  .entry_method__item{
    padding: 16px 25px 20px;
    border-radius: 5px;
  }
  .entry_method__item + .entry_method__item{
    margin-top: 25px;
  }
  .entry_method__item#done{
    padding: 8.5px 0 0;
    background-color: #ffffff;
  }
  .entry_method__item:after{
    bottom: -20.5px;
    left: 50%;
    width: 25.5px;
    height: 14px;
    margin-left: -12.75px;
    background-size: 25.5px;
  }
  .entry_method__txt{
    margin-left: 9px;
    font-size: 14px;
  }
  .entry_method__ico{
    width: 60px;
    height: 25px;
    padding: 3.5px 10px;
    border-radius: 12.5px;
    font-size: 12px;
  }
  .entry_method__item#step1 .attention{
    margin-top: 13px;
    font-size: 12px;
  }
  .btn-wrapper{
    width: 100%;
    height: 55px;
    margin: 10px auto 4px;
  }
  .btn-cmn.btn-cmn-tw .btn-cmn-txt{
    font-size: 18px;
  }
  .btn-cmn.btn-cmn-tw .btn-cmn-in{
    padding: 20px 0;
    -webkit-box-shadow: 0 4px 0 0 #1a8dd5;
    box-shadow: 0 4px 0 0 #1a8dd5;
  }
  .entry_method__item .tag_tw{
    margin-top: 15px;
    font-size: 14px;
  }
  .entry_method__item .tag_tw+p:not(.tag_tw){
    margin-top: 13px;
    font-size: 14px;
  }
  .entry_method__item .tag_tw span{
    padding: 2px 10px;
    border-radius: 5px;
  }
  .entry_method__item .tag_tw span + span{
    margin-left: 10px;
  }
  .entry_method__item .img__shinki{
    margin-top: 15px;
  }
  .contents-privilege .btn-cmn-yellow{
    font-size: 18px;
  }
  .contents-privilege .btn-cmn-in{
    border-radius: 8px;
    box-shadow: 0px 4px 0px 0px #cdaa00;
  }
}

.entry_method__note
{
    font-size: 20px;
    font-size: 1.25rem;

    margin-top: 30px;
    padding-left: 1em;

    text-align: left;
    text-indent: -1em;
}

@media screen and (max-width: 749px)
{
    .entry_method__note
    {
        margin-top: 15px;
    }
}



.img-wrapper
{
    margin-top: 65px;
}

@media screen and (max-width: 749px)
{
    .img-wrapper
    {
        margin-top: 32.5px;
    }
}

#step1 #step2 .btn-cmn
{
    pointer-events: none;
}

#step1 #step2 .btn-cmn.btn-cmn-red:hover .btn-cmn-in,
#step1 #step2 .btn-cmn-in
{
    margin-top: 0;
    margin-bottom: 0;

    background: #808080;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#step1 #step2 .btn-cmn-txt
{
    color: #eee;
}

/********************
    contract area
  ********************/
.contract_area
{
    background: #faf8f0;
    background: #fff;
}

.contract_area dt
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;

    position: relative;

    padding: 30px 18px;

    cursor: pointer;

    border-top: #e0ded5 1px solid;
    border-bottom: #e0ded5 1px solid;
    background: #faf8f0;
    background: #fff;
}

@media screen and (max-width: 749px)
{
    .contract_area dt
    {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.contract_area dt::after
{
    position: absolute;
    top: 36px;
    right: 23px;

    width: 35px;
    height: 20px;

    content: '';
    -webkit-transition: all, .25s, linear;
            transition: all, .25s, linear;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);

    background: url('/wp-content/uploads/2018/12/arrow_gray.png') center right no-repeat;
    background-size: 35px;
}

@media screen and (max-width: 749px)
{
    .contract_area dt::after
    {
        background-size: 50%;
    }
}

.contract_area dt.active::after
{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.contract_area dd
{
    font-size: 13px;

    display: none;

    padding: 20px 18px 25px 20px;

    border-bottom: #e0ded5 1px solid;
}

.contract_area .txt_ctr_mb
{
    margin: 0 0 10px 0;

    text-align: center;
}

.contract_area .contract_read
{
    padding: 0 0 15px 0;
}

.contract_area .rule_table
{
    margin: 0;
}

.contract_area .rule_table th
{
    font-size: 13px;

    padding: 18px;

    background: #f6f6f6;
}

.contract_area .rule_table td
{
    font-size: 13px;
    line-height: 22px;

    padding: 18px;
}

.contract_area .rule_table .ast_area
{
    font-size: 11px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #999;
}

.contract_area .rule_table .ast_area .ast_mark
{
    padding: 0 0 0 12px;
}

.contract_area .rule_table .txt_mb
{
    margin: 0 0 10px 0;
}

.contract_area .rule_table .table_circle_number li
{
    padding: 0 0 0 16px;
}

.contract_area .rule_table .ast_area.txt_l
{
    font-size: 13px;

    color: #474747;
}

.contract_area .rule_table .ast_area.txt_l .ast_txt
{
    width: 86%;
}

.contract_area .rule_table .ast_area .ast_txt
{
    width: 88%;
    margin-left: .2em;
}

.contract_area .rule_table .rule_table_inner
{
    margin: 0 0 10px 0;
}

.contract_area .rule_table .rule_table_inner th,
.contract_area .rule_table .rule_table_inner td
{
    padding: 8px;
}

.contract_area .close
{
    margin: 15px 48px 0 48px;
    padding: 13px;

    text-align: center;

    background: #fff;
}

.contract_area .close .arrow_txt
{
    font-size: 15px;

    padding: 0 0 0 15px;

    color: #1e97cd;
    background: url('/wp-content/uploads/2019/01/arrow_blue.png') center left no-repeat;
}

/********************
      table
  ********************/
.rule_table
{
    margin: 8px 6px;
}

.rule_table th,
.rule_table td
{
    font-size: 10px;
    line-height: 14px;

    width: 96%;
    height: auto;
    padding: 6px;

    text-align: left;
    vertical-align: middle;

    border: 1px solid #dcdcdc;
}

.rule_table th
{
    width: 15%;

    vertical-align: middle;

    background: #faf8f0;
    background: #fff;
}

.rule_table td
{
    width: 85%;

    background: #fff;
}

.rule_table.bg_org th
{
    background-color: #fbedb4;
}

.rule_table.bg_org th,
.rule_table.bg_org td
{
    border: 1px solid #ccc;
}

.rule_table p
{
    margin: 4px auto;
}

.table_asterisk .txt_pl
{
    padding: 0 0 0 24px;
}

.table_asterisk .txt_pl span
{
    padding: 0 0 0 12px;
}

.table_asterisk .txt_pl_none
{
    padding: 0;
}

.table_circle_number li,
.table_asterisk li
{
    position: relative;

    margin: 4px auto;
    padding: 0 0 0 12px;

    list-style: none;
    list-style-position: outside;
}

.table_circle_number li:last-child,
.table_asterisk li:last-child
{
    margin: 0;
}

.table_circle_number span,
.table_asterisk span
{
    position: absolute;
    top: 0;
    left: 0;

    margin: 0;
}

.table_point li,
.table_number li
{
    margin: 0 0 4px 12px;
    list-style-position: outside;
}

.table_point li{
  list-style-type: "・";
}

.table_number li{
  list-style-type: decimal;
}

/********************
      rule_table_inner
  ********************/
.rule_table_inner.tbl_mb
{
    margin: 0 0 8px 0;
}

.rule_table_inner th,
.rule_table_inner td
{
    width: 25%;
    height: auto;
    padding: 8px;

    text-align: center;
    vertical-align: middle;

    border: 1px solid #dcdcdc;
}

.rule_table_inner th
{
    background-color: #faf8f0;
}

.rule_table_inner td
{
    background-color: #fff;
}

.rule_table_inner th,
.rule_table_inner td
{
    padding: 4px;
}

/********************
    scroll_top
********************/
.sw_footer
{
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 32px 0;

    background-color: #333;
}

.topBtn
{
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;

    position: fixed;
    right: 20px;
    bottom: 126px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 60px;
    height: 60px;
    padding-top: 30px;

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

    color: #fff;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, .5);
}

.topBtn::before
{
    font-size: 20px;

    position: absolute;
    top: 10px;
    left: 0;

    width: 100%;

    content: '\25B2';
    text-align: center;
}

.topBtn::hover
{
    opacity: .7;
}

/********************
    footer
********************/
/* copy */
.copy
{
    font-size: 12px;
    line-height: 12px;

    text-align: center;

    color: #fff;
}

@media screen and (max-width: 749px)
{
/********************
    footer
********************/
    .sw_footer
    {
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        padding: 8px 0;

        background-color: #333;
    }
    .counter
    {
        font-weight: bold;

        margin: 0 auto;
        padding: 2px 0;

        text-align: center;
        letter-spacing: 1px;

        background-color: #fff000;
    }
    .counter .roboto
    {
        font-size: 20px;
        font-style: italic;

        margin: 0 8px 0 2px;

        letter-spacing: 0;

        color: #ff5a5f;
    }
    /* copy */
    .copy
    {
        font-size: 12px;
        line-height: 12px;

        text-align: center;

        color: #fff;
    }
    /********************
    scroll_top
********************/
    .topBtn
    {
        font-size: 10px;
        font-weight: bold;
        line-height: 16px;

        position: fixed;
        right: 1%;
        bottom: 15%;

        display: block;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 40px;
        height: 40px;
        padding-top: 20px;

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

        color: #fff;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, .5);
    }
    .topBtn::before
    {
        font-size: 14px;

        position: absolute;
        top: 4px;
        left: 0;

        width: 100%;

        content: '\25B2';
        text-align: center;
    }
    .topBtn::hover
    {
        opacity: .7;
    }
    .topBtn.btn_hs
    {
        bottom: 6%;
    }
    .topBtn.btn_hl
    {
        z-index: 20;
        bottom: 2%;
    }
}

.entry_method__item .txt-red{
 color: #ee1d1d;
}

.score_area{
    padding: 20px 0;
    margin-top: 16px;
    border-radius: 10px;
    background-color: #ffffff;
}

.score_area{
    position: relative;
    display: flex;
    width: 100%;
    height: 102px;
    padding: 0 36px;
    border-radius: 16px;
    background-color: #ffffff;
    justify-content: space-between;
    align-items: center;
}

.score_area .score {
    font-family: "Roboto Slab", serif;
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: bold;
}

.entry_method__list .entry_method__item .item_txt{
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;
}

.entry_method__img{
    padding-top: 30px;
}
   /* ボタンをオレンジにする記述 */
  	.btn-cmn.btn-cmn-orange .btn-cmn-in
	{
	    padding: 14px 0;

	    background: #ff9600;
	    -webkit-box-shadow: 0 7px 0 0 #e08400;
	            box-shadow: 0 7px 0 0 #e08400;
	}

	@media screen and (max-width: 749px)
	{
	    .btn-cmn.btn-cmn-orange .btn-cmn-in
	    {
	        padding: 14px 0;

	        -webkit-box-shadow: 0 3.5px 0 0 #e08400;
	                box-shadow: 0 3.5px 0 0 #e08400;
	    }
	}
	.btn-cmn.btn-cmn-orange .btn-cmn-txt{
	    font-size: 36px;
	    font-size: 2.25rem;
	}
	.btn-cmn.btn-cmn-orange:hover .btn-cmn-in
	{
	    background: #ff9600;
	}
	.btn-cmn.btn-cmn-orange {
	   width: 100%;
	}
	
	 /*  ボタンをオレンジにする記述ここまで */

@media screen and (max-width: 749px){
    .score_area{
        height: 51px;
        padding: 0 18px;
        border-radius: 8px;
    }
    .entry_method__img{
    padding-top: 15px;
    }
}