@charset "utf-8";

.dsvc-contents {
    font-size: 1.8rem;
    margin-top: 2em;
}
.winSP .dsvc-contents {
    font-size: 1.6rem;
    margin-top: 0;
}
.dsvc-contents + .dsvc-contents,
.winSP .dsvc-contents + .dsvc-contents {
    margin-top: 3em;
}
.dsvc-contents div,
.dsvc-contents p,
.dsvc-contents ul,
.dsvc-contents h2 + * {
    margin-top: 1.5em;
}
.dsvc-contents h3 + * {
    margin-top: 0.5em;
}

.dsvc-contents h2 + .subttl {
    margin-top: 1em;
}
.winSP .dsvc-contents h2 + .subttl {
    margin-top: 0.5em;
}
.dsvc-details_area {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dsvc-details_area .thumb {
    display: block;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    width: 200px;
}

.isDeviceTB .dsvc-details_area .thumb {
    width: 150px;
}
.dsvc-details_area .txtarea {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    padding-left: 40px;
    width: 100%;
}
.winSP .dsvc-details_area .thumb,
.winSP .dsvc-details_area .txtarea {
    width: 100%;
}
.winSP .dsvc-details_area .thumb {
    text-align: center;
}
.winSP .dsvc-details_area .thumb img {
    width: 150px;
}
.winSP .dsvc-details_area .txtarea {
    margin-top: 15px;
    padding-left: 0;
}
.dsvc-details_area .txtarea {
    margin-top: 0;
}
.dsvc-details_area .txtarea *:first-child {
    margin-top: 0;
}

.dsvc-ttl,
.dsvc-contents .ttl {
    color: #ae3f67;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.3;
    padding-left: 20px;
    position: relative;
}
.dsvc-ttl:before,
.dsvc-contents .ttl:before {
    background: #ae3f67;
    content: "";
    display: block;
    height: 90%;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
}
.winSP .dsvc-ttl,
.winSP .dsvc-contents .ttl {
    padding-left: 15px;
}
.winSP .dsvc-ttl:before,
.winSP .dsvc-contents .ttl:before {
    width: 5px;
}
.winSP .dsvc-ttl,
.winSP .dsvc-contents .ttl {
    font-size: 2.2rem;
}

.winSP .dsvc-ttl {
    margin-bottom: 15px;
}
.dsvc-contents .subttl {
    color: #ae3f67;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 1.5em;
}

.winSP .dsvc-contents .subttl {
    font-size: 1.9rem;
}
.dsvc-details_area .caption {
    background: #f9f9d8;
    border: #a4a475 1px solid;
    padding: 20px;
}
.winSP .dsvc-details_area .caption {
    padding: 10px;
}

.dsvc-contents ol.decimal li ~ li {
    margin-top: 0.5em;
}

.dsvc-contents ol.decimal {
    counter-reset: ol-bullet;
}
.dsvc-contents ol.decimal > li {
    padding-left: 34px;
    position: relative;
}
.dsvc-contents ol.decimal > li:before {
    content: counter(ol-bullet) "\002e\00a0";
    counter-increment: ol-bullet;
    left: 0;
    padding-right: 5px;
    position: absolute;
    text-align: right;
    text-align: right;
    top: 0;
    width: 34px;
}
.dsvc-contents .youtubeRes-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

.dsvc-contents .colBLU02 {
    color: #06c;
}

.dokugaku_Bn {
    margin-top: 20px;
}
.dl-btn a {
    background: -webkit-linear-gradient(top, #ba608d 0%, #9a3567 100%);
    background: linear-gradient(to bottom, #ba608d 0%, #9a3567 100%);
    border: 1px solid #994a67;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    padding: 10px 40px 10px 20px;
    position: relative;
}
.winSP .dl-btn a {
    font-size: 1.6rem;
    padding: 10px 30px 10px 10px;
    text-align: center;
    width: 100%;
}
.dl-btn.GRY a {
    background: -webkit-linear-gradient(top, #e9e9ea 0%, #cecece 100%);
    background: linear-gradient(to bottom, #e9e9ea 0%, #cecece 100%);
    border: 1px solid #000;
    color: #000;
}
.dl-btn.GRY a:hover {
    background: -webkit-linear-gradient(top, #cecece 0%, #e9e9ea 100%);
    background: linear-gradient(to bottom, #cecece 0%, #e9e9ea 100%);
    color: #000;
}
.dl-btn a span {
    display: inline-block;
}
.dl-btn a:after {
    content: "\e901";
    display: block;
    font-family: iconset;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.winSP .dl-btn a:after {
    right: 5px;
}
.dl-btn a:hover {
    background: -webkit-linear-gradient(top, #9a3567 0%, #ba608d 100%);
    background: linear-gradient(to bottom, #9a3567 0%, #ba608d 100%);
}
.underline {
    text-decoration: underline !important;
}

.dsvc-btn-area {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dsvc-btn-area li ~ li {
    margin-left: 10px;
}
.dsvc-btn-area li .dl-btn a {
    min-width: 260px;
    text-align: center;
}
.dsvc-btn-area li .dl-btn a span {
    font-weight: bold;
}
.winSP .dsvc-btn-area li {
    width: 100%;
}
.winSP .dsvc-btn-area li ~ li {
    margin-left: 0;
    margin-top: 10px;
}
.winSP .dsvc-btn-area li .dl-btn a {
    min-width: 0;
}

.attention a {
    font-size: 15px;
    font-size: 1.5rem;
}
.attention a[target="_blank"]:after {
    color: #999;
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px;
    text-decoration: none;
}

/* ページ内リンクのボタン */
.navi_area {
    margin-top: 50px;
    margin-bottom: 50px;
}
.btn_wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.navi_btn {
    width: 30%;
}
.navi_btn a {
    background: #9a3567;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    padding: 12px 24px 12px 5px;
    position: relative;
    text-align: center;
    color: white;
}
.navi_btn a:after {
    background: url(../../common/images/ui_sprite.png) no-repeat -184px -63px;
    content: "";
    height: 6px;
    margin-left: -6px;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 13px;
}
.winSP .btn_wrap {
    flex-direction: column;
    gap: 10px;
}
.winSP .navi_btn {
    width: 100%;
}