@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/
#autopilot{
color:#404040;
}
.bg-about{background:#D6DBBF;}
.col-about-tit{
width:100%;
color:#5e90b5;    /*#76B4E3 */
padding-bottom:20px;
border-bottom:1px solid #000;
}
/*PC表示時のみフォントサイズ変更*/
@media screen and (min-width:768px){
 .pc-font15{font-size: 116% !important;}
}

.bg-about img{padding:20px;}

.bg-beige{background:#D3A03A!important;}  /*#E2BF7B*/
.bg-service-1-01,
.bg-service-1-02,
.bg-service-1-03{
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.4);
}
.bg-service-1-01{background:#EEE2D3;}
.bg-service-1-02{background:#ECE4E1;}
.bg-service-1-03{background:#A7D9DD;}

.bg-service2{background:#ECE4E1;}
.bg-service2-01{background:#F6B7AA;}
.bg-service2-02{background:#0E536D;}
.bg-service2-03{background:#FAE06A;}
.col-service2-01{color:#e0816d;}    /*#e3a092*/
.col-service2-02{color:#0E536D;}
.col-service2-03{color:#B29E43;}   /*#ceb74e*/
.bd-service2-01{border-right:2px solid #F6B7AA;}
.bd-service2-02{border-right:2px solid #0E536D;}
.bd-service2-03{border-right:2px solid #FAE06A;}
.service2-text-box{
background:linear-gradient(135deg, transparent 50px, #FFF 20px);
background-position: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:10px;
}
.service2-text-box .inner{
padding:10px 10px 10px 70px;
}
.service2-box-tit{
color:#5e90b5;/*#76B4E3 */
font-size:116%;
}
.is-sp.dummy{display:none;}
.height170{height:170px;}
.height190{height:190px;}
.flx-ai--center{align-items:center;}
.p-relative{position:relative;}
/* レスポンシブ対応 */
@media screen and (max-width:768px) and (min-width:1px) {
.height170,
.height190{height:100%;}
.is-sp.dummy{
display:block;
height:190px;
position:static;
}
}
/*--------------------------------------------------
  追加：関連サービスセクション（完成版：円形矢印再現）
--------------------------------------------------*/
.related-service-container {
    margin-top: 40px;
    margin-bottom: 30px;
}

/* ラベル */
.related-label {
    display: inline-block;
    background: #548235;
    color: #fff;
    padding: 4px 15px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    margin-left: 10px;
}

/* 枠線ボックス */
.related-box {
    border: 1px solid #548235;
    border-radius: 8px;
    padding: 25px;
    background: #fff;
}

.related-flex-row {
    display: flex;
    align-items: center;
}

/* 左側：緑のアイコンボックス */
.related-img-bg {
    background: #548235; 
    width: 160px;
    height: 100px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    flex-shrink: 0;
}
.related-img-bg img {
    width: 60px;
    height: auto;
}

/* 右側：テキスト */
.related-tit {
    color: #548235;
    font-size: 115%;
    margin-bottom: 8px;
}
.related-txt p {
    font-size: 14px;
    line-height: 1.6;
}

/* リンクテキスト */
.related-link {
    color: #404040;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
}
.related-link:hover {
    text-decoration: underline;
    opacity: 0.8;
}

/* ★円形矢印アイコンの再現 */
.link-circle-arrow {
    position: relative;
    display: inline-block;
    width: 22px;        /* スクショの指定サイズ */
    height: 22px;       /* スクショの指定サイズ */
    background-color: #ff8000; /* スクショの指定色（オレンジ） */
    border-radius: 50%;
    margin-left: 8px;
    vertical-align: middle;
}

/* 矢印（>）の部分をCSSで描画 */
.link-circle-arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 42%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* スマホ対応 */
@media screen and (max-width: 767px) {
    .related-flex-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .related-img-bg {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}