@charset "UTF-8";
/* CSS Document */
body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.mv {
    background: url(../../images/ux/ux-mv.jpg) no-repeat center!important;
    height: auto;
    background-size: cover!important;
}

.page-service .banner-area-text p {
    line-height: 1.2em;
}

.the_content_custom p span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #FFFF36));
    background: linear-gradient(transparent 50%, #FFFF36 50%);
}

.the_content_custom p {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
    padding: 0 20px;
    text-align: justify;
    word-break: break-all;
    line-height: 27px!important;
    
}

.page-service .list-description p {
    font-size: 16px;
    line-height: 27px;
}

.ux_wrap {
    padding: 30px 20px!important;
}

.ux_wrap_orange {
    background: #fff0e0;
    border-top: 3px solid #eca100;
    border-bottom: 3px solid #eca100;
}

.ux_wrap_blue {
    background: #e7e8f0;
    border-top: 3px solid #202879;
    border-bottom: 3px solid #202879;
}

.ux_wrap_orange,
.ux_wrap_blue {
    padding: 30px 20px;
}

.ux_wrap_blue {
    margin-top: 5px;
}

.ux_wrap_orange p,
.ux_wrap_blue p {
    font-weight: bold;
    color: #202879;
    font-size: 18px;
    padding: 0;
    margin: 0
}

.m-check_ux ul {
    list-style: none;
}

.m-check_ux ul li {
    background: url("../../images/ux/ux_check.svg") no-repeat 0 0;
    font-size: 13px!important;
    font-weight: normal;
    line-height: 1.2!important;
    margin-bottom: 5px!important;
    padding-left: 20px!important;
    background-size: 1.2em!important;
}

.m-check_ux ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.al_item {
    align-items: center;
}

.ux_100 img {
    width: 100%;
}

.pd20 {
    padding: 0 20px;
}

.yajirushi {
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 40px;
}

.items-step .items p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 30px;
    font-weight: bold;
    text-align: justify;
    word-break: break-all;
}

.items-step .items {
    padding: 0px 20px;
    margin-bottom: 40px;
}

ul.u100 {
    max-width: none!important;
    padding: 0!important;
    margin: 0 0 45px 0!important;
}

.items-step .content-ul li span {
    width: 50px;
    height: 1px;
    background: #000;
    display: inline-block;
    margin: 0 5px;
}

span.nowrap {
    white-space: nowrap;
}

span.red_b {
    font-size: 36px;
    color: red;
}

.items-step .title-color {
    margin-top: 30px!important;
}

.cms-txt-left {
    text-align: center;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
}

p.cms-txt-left.ub2:first-child {
    margin-bottom: 15px;
}

p.cms-txt-left.ub2 + p.cms-txt-left.ub2 {
    margin-bottom: 15px;
}

p.cms-txt-left.ub2:last-child {
    margin-bottom: 55px!important;
}

p.title-step-under {
    margin-bottom: 30px;
    margin-top: -10px;
    line-height: 1.3em;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .yajirushi {
        display: none;
    }
    .items-step .items {
        margin-bottom: 40px;
    }
    
    .page-service .content-step {
        margin-top: 30px;
    }
    
    .page-service .title-step {
        font-size: 16px;
    }
    
    .items-step .title-color {
        margin-top: 30px!important;
        zoom: 65%;
    }
    
    p.cms-txt-left.ub2 {
    text-align: justify;
    word-break: break-all;
}
    
    section#sec_02 {
    margin: 0;
    padding: 0!important;
}
    
    .page-service .title-step {
        margin-bottom: 25px;
    }
    

}