@charset "UTF-8";

/*================================================================================
個別CSS SMT
=================================================================================*/

/* 文字サイズ */
.s-fz-s {
    font-size: 86% !important;
}

.s-fz-l {
    font-size: 115% !important
}

/* 注釈 */
.s-sup {
    vertical-align: top;
    font-size: 86%
}

/* PDF */
.s-pdf {
    left: -1em;
}

/* cvボタン */
.btn-cvn {
    display: block;
    letter-spacing: -.5em;
    text-align: center;
    margin: -17px -17px 30px 0;
}

.btn-cvn__item {
    display: inline-block;
    padding: 17px 17px 0 0;
    letter-spacing: normal;
}

.btn-cvn .btn-cvn__button--sim-arrow {
    overflow: visible;
    font: inherit;
    background: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    position: relative;
    display: block;
    letter-spacing: -.5em;
    padding: 8px 30px 8px 50px;
    border: 2px solid #c03;
    border-radius: 50px;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    line-height: 1.2;
    color: #333;
    background: #ffd1d1;
    cursor: pointer;
    width: 310px;
}

.btn-cvn .btn-cvn__button--sim-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 36px;
    height: 36px;
    margin: auto;
    pointer-events: none;
    letter-spacing: normal;
}

.btn-cvn .btn-cvn__button--sim-arrow {
    background: linear-gradient(#eef8ff 0%, #fff 28.5%, #fff 46.9%, #eaf7ff 54.4%, #dcf2ff 100%);
    border: 2px solid #6cc6ff;
}

.btn-cvn .btn-cvn__button--sim:before,
.btn-cvn .btn-cvn__button--sim-arrow:before,
.btn-cvn .btn-cvn__button--sim-blank:before {
    background: url(https://www.docomo.ne.jp/images_osp/common/ico/ico_conversion_sim_light.png) center no-repeat;
    background-size: contain;
}

.btn-cvn .btn-cvn__button--sim-arrow .btn-cvn__button-inner .icon-common--arrow {
    font-size: 16px;
    right: 8px;
}

.btn-cvn__button-inner {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    letter-spacing: normal;
}

.btn-cvn .btn-cvn__button--sim-arrow:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 33px;
    visibility: hidden;
    overflow: hidden;
    letter-spacing: normal;
    vertical-align: middle;
}

/* modal */
.mfp-bg.page-fade{
background-color: #505050;
opacity: 0.8;
}
.page-modal-content{
position: relative;
margin: 10px 8px 30px;
padding: 10px 0 40px;
background-color: #FFF;
border: #b5b5b5 1px solid;
border-radius: 6px;
}
.page-modal-inner{
padding: 16px 10px 10px;
}
.page-modal-close{
position: absolute;
font-weight: bold;
text-align: center;
cursor: pointer;
z-index: 100;
}
.page-modal-content .page-modal-inner .sec-common-lv4 .tit-common-lv4{
padding: 1px 25px 0px 7px;
}
.page-modal-close-bottom{
left: 50%;
bottom: -20px;
width: 190px;
padding: 10px;
margin-left: -95px;
border-radius: 100px;
background: #000 url(/images_osp/common/ico/ico_modal_close_smt.png) no-repeat right 25px center;
background-size: 15px;
font-size: 14px;
color: #FFF;
}
.page-modal-close-top{
right: 6px;
top: 2px;
width: 20px;
padding: 0px;
font-size: 20px;
color: #000;
}

/* --- margin control --- */
.beta-mod-mt0--pc {
    margin-top: 0 !important;
}

.beta-mod-mt5--pc {
    margin-top: 5px !important;
}

.beta-mod-mt10--pc {
    margin-top: 10px !important;
}

.beta-mod-mt15--pc {
    margin-top: 15px !important;
}

.beta-mod-mt20--pc {
    margin-top: 20px !important;
}

.beta-mod-mt25--pc {
    margin-top: 25px !important;
}

.beta-mod-mt30--pc {
    margin-top: 30px !important;
}

.beta-mod-mt35--pc {
    margin-top: 35px !important;
}

.beta-mod-mt40--pc {
    margin-top: 40px !important;
}

.beta-mod-mt45--pc {
    margin-top: 45px !important;
}

.beta-mod-mt50--pc {
    margin-top: 50px !important;
}

.beta-mod-mt55--pc {
    margin-top: 55px !important;
}

.beta-mod-mt60--pc {
    margin-top: 60px !important;
}

.beta-mod-mt65--pc {
    margin-top: 65px !important;
}

.beta-mod-mt70--pc {
    margin-top: 70px !important;
}

.beta-mod-mt75--pc {
    margin-top: 75px !important;
}

.beta-mod-mt80--pc {
    margin-top: 80px !important;
}

/* margin bottom */
.beta-mod-mb0--pc {
    margin-bottom: 0 !important;
}

.beta-mod-mb5--pc {
    margin-bottom: 5px !important;
}

.beta-mod-mb10--pc {
    margin-bottom: 10px !important;
}

.beta-mod-mb15--pc {
    margin-bottom: 15px !important;
}

.beta-mod-mb20--pc {
    margin-bottom: 20px !important;
}

.beta-mod-mb25--pc {
    margin-bottom: 25px !important;
}

.beta-mod-mb30--pc {
    margin-bottom: 30px !important;
}

.beta-mod-mb35--pc {
    margin-bottom: 35px !important;
}

.beta-mod-mb40--pc {
    margin-bottom: 40px !important;
}

.beta-mod-mb45--pc {
    margin-bottom: 45px !important;
}

.beta-mod-mb50--pc {
    margin-bottom: 50px !important;
}

.beta-mod-mb55--pc {
    margin-bottom: 55px !important;
}

.beta-mod-mb60--pc {
    margin-bottom: 60px !important;
}

.beta-mod-mb65--pc {
    margin-bottom: 65px !important;
}

.beta-mod-mb70--pc {
    margin-bottom: 70px !important;
}

.beta-mod-mb75--pc {
    margin-bottom: 75px !important;
}

.beta-mod-mb80--pc {
    margin-bottom: 80px !important;
}

/* ページ内アンカーヘッダー調整 */
.u-ancAdjust {
    padding-top: 55px !important;
    margin-top: -55px !important;
}

.u-ancAdjust_02 {
    padding-top: 110px !important;
    margin-top: -110px !important;
}

/* .s-w-$$per */
.s-w-1205per {
    width: 12.5% !important;
}
.s-w-11per {
    width: 11% !important;
}