@charset "utf-8";


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


.top-img{
position:relative;
width:100%;
height:246px;
background:#000;
}
.top-img img{
position:absolute;
top:0;
right:0;
}
.top-img .img-text{
color: #FFF;
font-size: 30px;
font-weight: bold;
position: absolute;
top: 50%;
left: 50px;
transform: translateY(-50%);
line-height:120%;
}
.top-img .img-text.text-02{
color:#FF0000;
font-family:"Arial", sans-serif;
font-weight:900;
top: 70%;
font-size:40px;
}
.flx-ai--end{
align-items:flex-end;
}
.flx-jc--center{
justify-content:center;
}
ul.list-2column li:nth-child(2n+1) {
    width: 20%;
}
ul.list-2column li:nth-child(2n) {
    width: 80%;
}
.indent0{
text-indent:0;
padding-left:0;
}
.sigmasoft-h3-title{
font-size:16px;
font-weight:bold;
display:flex;
align-items:flex-end;
position:relative;
}
.sigmasoft-h3-title:after{
content: "";
background-color: #333; /* 線色 */
border-radius: 5px; /* 線幅の半分 */
height: 10px; /* 線幅 */
position:absolute;
bottom:5px;
left:0;
z-index:-1;
width:100%;
}
ul.dl_material li span.download-img {
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    padding: 10px 40px;
}
ul.dl_material li span.download-text {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: calc(100% - 140px);
    font-weight: bold;
    font-size: 120%!important;
}

/*サブメニュー　グレーアウト*/
.submenu ul.pagelinks-02-list>li.disabled a{
color:#999;
cursor:default;
}
.submenu ul.pagelinks-02-list>li.disabled a:hover{
background-color: #324455!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
color:#999!important;
text-decoration:none!important;
}
/*//サブメニュー　グレーアウト//*/

@media screen and (max-width:767px) and (min-width:1px) {
.top-img{
height:100px;
}
.top-img .img-text{
font-size: 17px;
left: 0;
top:60px;
width:100%;
text-align:center;
text-shadow: 0px 0px 10px rgba(0,0,0,1);
}
.top-img .img-text.text-02{
font-size:20px;
text-shadow: none;
}
.sp-flx-reverse{
flex-direction:column-reverse;
}
ul.list-2column li:nth-child(2n+1) {
    width: 35%;
}
ul.list-2column li:nth-child(2n) {
    width: 60%;
}
.sigmasoft-h3-title:after{
content: "";
width:100%;
}
}

iframe{
width:100%;
aspect-ratio:16 / 9;
}
.mv_contents {
width: 100%;
text-align: center;
margin: auto;
padding: 4% 4% 1% 4%;
}
.pricesandlicenses-box1{
cursor: pointer;
flex: 1 1 auto;
background: no-repeat center / 80%, none;
border-width: 8px;
border-style: solid;
border-image-slice: 1;
border-image-source: linear-gradient(90deg, rgba(230, 51, 42, 1) 10%, rgba(252, 214, 31, 1) 90%);
padding:10px 20px 20px 20px;
}
.pricesandlicenses-box2{
cursor: pointer;
flex: 1 1 auto;
background: no-repeat center / 80%, none;
border-width: 8px;
border-style: solid;
border-image-slice: 1;
border-image-source: linear-gradient(90deg, rgba(252, 214, 31, 1) 10%, rgba(149, 193, 30, 1) 90%);
padding:10px 20px 20px 20px;
}
.pricesandlicenses-box3{
cursor: pointer;
flex: 1 1 auto;
background: none;
border-width: 8px;
border-style: solid;
border-image-slice: 1;
border-image-source: linear-gradient(90deg, rgba(149, 193, 30, 1) 10%, rgba(4, 141, 56, 1) 90%);
padding:10px 20px 20px 20px;
}
.pricesandlicenses-box4{
cursor: pointer;
flex: 1 1 auto;
background: no-repeat center / 80%, none;
border-width: 8px;
border-style: solid;
border-image-slice: 1;
border-image-source: linear-gradient(90deg, rgba(4, 141, 56, 1) 10%, rgba(3, 161, 154, 1) 90%);
padding:10px 20px 20px 20px;
}
.mLauto{
margin-left:auto;
}
a.bb-gray{
    background-color: #999 !important;
    border: 1px solid #999 !important;
}
a.bb-gray:hover{
   color:#FFF!important;
   text-decoration:none!important;
   cursor:default;
}
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.top-lineup {
width: 300px;
border-top: 5px solid #1A2792;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom: 1em;
}

.top-lineup:hover {
border-top: 5px solid #1A2792;
border-left:1px solid #1A2792;
border-right:1px solid #1A2792;
border-bottom:1px solid #1A2792;
}

.top-lineup a {
display: block;
height: 100%;

color: #000 !important;
}

.top-lineup a:hover {
background: #1A2792 !important;
color: #FFF !important;
text-decoration: none !important;
}

.top-lineup a span.lineup-text1 {
display: block;
color: #000;
font-weight: bold; /* テキストを太字にする */
position: relative;
padding-bottom: 5px;
padding: 10px;
}

.top-lineup a:hover span.lineup-text1 {
color: #FFF !important;
}

.top-lineup a span.lineup-text1:after {
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900 !important;
position: absolute;
top: 100%;
right: 0;
margin-top: -33px;
color: #666;

width: 20px;
height: 20px;

}

.top-lineup a:hover span.lineup-text1:after {
background: #1A2792 !important;
color: #FFF;
}
.top-lineup a img {
width: 298px;
height: 170px;
object-fit: cover;
}