@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/

.top-img{
position:relative;
}
.top-img .ref-text{
position:absolute;
bottom:0;
right:0;
//background:#dbe6ec;
font-size:11px;
}


h2.scribeassist-01{
color:#002060;
}
h2.scribeassist-02{
color:#ED7D31;
}
.inquiry-Block h2.ttl {
font-weight:bold;
}

.bg-img{
position:relative;
}
.bg-img .img-on{
position:absolute;
top:25px;
left:50%;
transform:translateX(-50%);
width:400px;
}
.bg-lightgray01{
background:#F1F1F1;
}

.bg-lightblue01{
background:#D1E3F4;
}
.new{
position:relative;
}
.new::before{
position: absolute;
top: 0;
left: calc(50% - 2em);
transform: translateX(calc(-50% - 2em));
content: "";
background: url(../img/new.png);
width: 75px;
height: 37px;
}
.font16x2{
font-size:246%;
}
.font15x2{
font-size:232%;
}
ul.link-list-dot>li {
    margin-bottom: 0.25em;5
}

.height228{
height:228px;
}
.height247{
height:247px;
}
.height253{
height:253px;
}
a[class*="flex-btn-link"] {
    border-radius: 2px;
    background-color: #FFF;
    border: 1px solid #007AFF;
    color: #007AFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    text-decoration: none !important;
    font-size: 14px;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
}
a[class*="flex-btn-link"]:hover {
    background-color: #007AFF;
    border: 1px solid #007AFF;
    color: #FFF!important;
}
.flx-ai--end{
align-items:flex-end;
}
ul.link-list-dot.date-indent>li {
    display: block;
    margin-left: 8em;
    margin-bottom: 0.5em;
    text-indent: -6.8em;
}

@media screen and (max-width:767px) and (min-width:1px) {

.bg-img .img-on{
width:80%;
position:absolute;
top:25px;
left:50%;
transform:translateX(-50%);
}
.sp-flx-reverse{
flex-direction:column-reverse;
}
.new::before{
top:-10px;
left: calc(50% - 3em);
transform: translateX(calc(-50% - 3em));
}
.font16x2{
font-size:123.1%;
}
.font15x2{
font-size:116%;
}
.height228,
.height247,
.height253{
height:auto;
}
}