@charset "UTF-8";

/* ------------------------------------------
★　下層 「Cloud Assist」　
--------------------------------------------- */
.catop__h2 span{
  display: block;
  color: #ab010b;
  font-size: 18px;
}
.catop__ttl span{
    display: block;
}

.catop__box{
  padding: 0 0 30px;
}


/* AWS関連サービス / FJcloud-V関連サービス SP
---------------------------------------------- */
.caaws--block{
  margin: 30px 0!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  padding-left:20px!important;
  padding-right:20px!important;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  position: relative;
}

.caaws__note{
  font-size: 24px;
  position: relative;  
}
.caaws__note::before{
  display: block;
  content: "";
  width: 4px;
  height: 24px;
  background: var(--red);
  position: absolute;
  top: 6px;
  left: -20px;
}
.caaws__note--ttl{
  padding: 10px 0 20px;
}

.caaws__flex{
  display: flex;
  flex-direction: column;
}
.caaws__flex--box1{
  order: 1;
  padding-bottom:20px;    
}
.caaws__flex--box2{
  order: 2;
}

/* AWS関連サービス の各項目ボタン SP */
.caaws__btn--mg{
    margin: 0!important;
    padding:0 10px!important;  
}
.caaws__btn{
    position: relative;
    margin-left:0 ;
    margin-right: 0;
    margin-bottom: 10px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left:10px!important;
    padding-right: 10px!important;
    font-size: 14px;
}
.caaws__btn--icon{
    position: static;
    width: 32px;
    padding-right: 15px;
}
.caaws__btn--arrow{
    width: 6px;
    position: absolute;
    top: 10px;
    left:90%;  
}

.cafj__ttl{
    padding-bottom: 50px;
}

/* AWS関連サービス リンク SP */
.caaws__linkbox{
  position: static;
}
.caaws__link{
  max-width:640px!important;
  margin: 0 auto;
  padding: 20px;
  line-height: 0;
  font-size: 14px;
}
.caaws__link-ttl span{
    display: none;
}
.caservice__box{
    max-width: 1320px!important;
    margin: 0 auto!important;
    padding: 25px 15px 100px;
}
.caservice__note{
  padding-bottom: 20px;
  font-size: 24px;
}
.caservice__link{
  line-height: 1.4;
  margin:0 0 15px 0!important;
  padding:0 0 0 25px;
  background: url(https://cloudassist.jp/wp-content/uploads/2024/04/Icon-fa-solid-file-pdf.png) no-repeat left 5px!important;
}


@media (min-width: 768px) { 

    .catop__h2 span{
        font-size: 24px;
    }
    .catop__ttl span{
        display: inline;
    }
    .catop__box{
        padding: 0 0 130px;
    }

    .catop__flex{
        flex-direction: row;
    }
    .catop__left{
        width: 60%!important;
    }
    .catop__right{
        width: 40%!important;
    }

  .caaws--block{
    max-width: 1320px;
    margin: 100px auto!important;
    padding-top: 60px!important;
    padding-bottom: 80px!important;
    padding-left:60px!important;
    padding-right: 50px!important;
  }
  .caaws__note{
    font-size: 50px;
    position: relative;  
  }
  .caaws__note::before{
    display: block;
    content: "";
    width: 9px;
    height: 30px;
    background: var(--red);
    position: absolute;
    top: 25px;
    left: -60px;
  }
  .caaws__note--ttl{
    padding: 20px 0 40px;
  }

  .caaws__flex{
    display: flex;
    flex-direction: row;
  }
  .caaws__flex--box1{
    order: 2;
  }
  .caaws__flex--box1{
    order: 1;
  }

  /* AWS関連サービス の各項目ボタン 768 */
  .caaws__btn--mg{
    margin: 0 0 30px!important;
    padding:0!important;
  }
  .caaws__btn{
    margin-left:5px;
    margin-right:5px;
    margin-bottom: 30px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left:60px!important;
    padding-right: 10px!important;
  }
  .caaws__btn--icon{
    width: 32px;
    padding-right: 0;
    position: absolute;
    top: -10px;
    left: 20px;
  }
  .caaws__btn--arrow{
    width: 8px;
    top: 8px;
    left:90%;  
  }

  /* AWS関連サービス リンク 768 */
  .caaws__link-ttl span{
    display: inline;
  }


}

@media (min-width: 1200px) { 
    .catop__box{
        padding: 0 0 100px;
    }

    /* AWS関連サービス の各項目ボタン 1200 */
    .caaws__btn--mg{
        margin: 0 0 30px!important;
        padding:0 10px!important;
    }
    .caaws__btn{
        margin-left:0 ;
        margin-right: 0;
        margin-bottom: 30px!important;
        padding-top: 15px!important;
        padding-bottom: 15px!important;
        padding-left:140px!important;
        padding-right: 15px!important;
        font-size: 24px;
    }
    .caaws__btn--icon{
        width: 64px;
        position: absolute;
        top: -10px;
        left: 48px;
    }
    .caaws__btn--arrow{
        width: 15px;
        top: 8px;
        left:90%;  
    }
    .cafj__ttl{
        padding-bottom: 0;
    }

    /* AWS関連サービス リンク 1200 */
    .caaws__linkbox{
        width: 100%;
        position: absolute;
        bottom: -30px;
        left: 0;
    }
    .caaws__link{
        padding: 30px 40px;
        line-height: 0;
        font-size: 21px;
    }
    .caservice__box{
        padding: 120px 0 200px;
    }
    .caservice__note{
        font-size: 50px;
    }
    .caservice__link{
        margin:0 20px 0 0!important;
    }


}



/* ------------------------------
★　下層 「AWS 関連サービス」　
--------------------------------- */

/* FV SP ---*/
.aws__fv--box01{
    order: 2;
    padding-bottom: 50px;
}
.aws__fv--box02{
    order: 1;
    padding-left:0;
    padding-bottom: 0px;
}

.aws__fv--ttl{
    line-height: 1.4;
    padding-bottom: 40px;
    font-size: 21px;
}
.aws__fv--btn--wh,
.aws__fv--btn--red{
    display: none;
}

/* 各リンク先 SP ---*/
.aws__link{
    padding-bottom: 30px;
}
.aws__link--box{
    position: relative;        
}
.aws__link--box--icon{
    position: static;
    width: 42px;
    margin-right: 10px;
}
.aws__link--box--h2{
    padding: 0 0 0 10px;
    font-size: 21px;
}
.aws__link--box--txt{
    padding: 15px 0;
}

.aws__link--btn{    
    line-height: 1;
}
.aws__link--btn-ttl{
    padding-right: 10px;
}

/* 各種サービス SP ------ */
.aws__service{
  padding: 30px 0 60px;
}
.aws__service--block{
  margin: 0 0 10px!important;
}
.aws__service--note{
  height: 40px;
}
.aws__service--space{
  display: none;
}
.aws__service--box{
  padding: 5px 10px;
  border: 1px solid var(--lightgray);
  box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}
.aws__service--box--ttl{
  padding: 0 0 0 12px;
}
.line-red{
  border-left: 6px solid var(--red);
}
.line-or{
  border-left: 6px solid #E64A19;
}
.line-ye{
  border-left: 6px solid #FBC02D;
}

.aws__service--add{
    padding: 25px 15px 0;
}
.aws__service--add--img01{
    width: 60%;
    padding: 0;
}
.aws__service--add--img02{
    width: 120%;
    padding: 0;
}

/* SP 余白調整 */
.aws__service--add--img01sp{
    margin: 0 10px 0 0;
}


/* コラム SP ------ */
.aws__column--bg{
  padding: 30px 15px;
}
.aws__column{
  padding: 30px 20px;
  border: 1px solid var(--red);
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}
.aws__column--note{
  margin: 0 0 15px;
  padding: 0 0 15px 35px;
  border-bottom: 1px solid var(--lightgray);
  background-image:url(https://cloudassist.jp/wp-content/uploads/2024/05/Icon-feather-book-open.svg);
  background-repeat: no-repeat;
  background-position: left 4px;
}
.aws__column--list{
  padding: 0 0 15px;
}
.aws__column--list li{
  padding: 0 0 5px;
  color: #333;
  font-size: 16px!important;
}

.aws__column--link{
  line-height: 1;
}

/* バナーリンク SP ------ */
.aws__btnlink{
  padding: 50px 0;
}

/* ----------------------------
★　下層 「AWS 関連サービス」　768
-------------------------------*/
@media (min-width: 768px) {

    /* FV TB ---*/    
    .aws__fv--box01{
        order: 1;
        padding-bottom: 50px;
    }
    .aws__fv--box02{
        order: 2;
        padding-left:0px;
        padding-bottom: 50px;
    }

    .aws__fv--btn--wh,
    .aws__fv--btn--red{
        display: block;
        padding: 0 20px!important;
        font-size: 21px;
        line-height: 1;
    }
    .aws__fv--btn--wh{
        border-radius: 12px;
        border: 1px solid var(--red);
    }
    .aws__fv--btn--txt{
        padding-left:10px;
    }

    /* 各種サービス TB ------ */
    .aws__service--block{
    margin: 0!important;
    }
    .aws__service--box{
    padding: 25px 30px;
    }
    .aws__service--box--ttl{
    font-size: 21px;
    }
    .aws__service--space{
    display: block;
    }


    .aws__service--add--img01sp{
        margin: 0;
    }

    /* コラム TB ------ */
    .aws__column--bg{
        padding: 140px 15px;
    }
    .aws__column{
        padding: 35px;
    }
    .aws__column--note{
        margin: 0 0 30px;
    }
    .aws__column--list{
        padding: 0 0 40px;
    }

    /* バナーリンク TB ------ */
    .aws__btnlink{
        padding: 140px 0 200px;
    }


}        

/* ----------------------------
★　下層 「AWS 関連サービス」　1000
-------------------------------*/
@media (min-width: 1000px) {

    /* 各種サービス 1000 ------ */
    .aws__service--add{
        padding: 100px 0;
    }
    .aws__service--add--img01{
        width: 20%;
        margin-right:30px!important;  
    }
    .aws__service--ttl01{
        width: 70%;
    }
    .aws__service--ttl02{
       width: 50%;
    }
    .aws__service--add--img02{
       width: 50%;
       margin-left:30px!important;  
    }


}


/* ----------------------------
★　下層 「AWS 関連サービス」　1200
-------------------------------*/
@media (min-width: 1200px) {

    /* FV 1200 ---*/ 
    .aws__fv--box01{
        padding-bottom: 0px;
    }
    .aws__fv--box02{
        padding-left:50px;
        padding-bottom: 100px;
    }

    .aws__fv--ttl{
        font-size: 50px;
    }

    /* 各リンク先 1200 ---*/
    .aws__link{
        padding-bottom: 100px;
    }
    .aws__link--box--icon{
        position: absolute;
        top: -50px;
        left: 40%;
        width: 70px;
        margin-right:0;
    }
    .aws__link--box--h2{
        padding: 50px 0 0 0;
        font-size: 27px;
    }
    .aws__link--box--txt{
        padding: 25px 0 50px;
    }


    /* コラム 1200 ------ */
    .aws__column--bg{
        padding: 100px 0;
    }

}


/* ---------------------------------------
★　下層 「AWS 運用代行サービス」
-----------------------------------------*/
.msp__fv{
    padding: 0 0 70px;
}

/* FV テキスト */
.msp__fv--ttl{
    line-height: 1.4;
    padding:30px 0 18px;
    font-size: 18px;
}

/* FV ボタン */
.msp__fv--btn--wh,
.msp__fv--btn--red{
    display: block;
    font-size: 14px;
    line-height: 1;
}
.msp__fv--btn--wh{
    border: 1px solid var(--red);
}
.msp__fv--btn--txt{
    padding-left:10px;
}


/* FV 3つ下色 SP ---*/
.msp__link--bg{
    background: none;
}
.msp__link--bg02{
    padding: 0 15px;
    background: #f5f5f5;    
}

/* FV 3つブロック SP ---*/
.msp__link{
    padding-bottom: 30px;
}
.msp__link--pt{
    width: auto;
    margin: 0;
    padding: 0 15px;
    position: relative;
}
.msp__link--pt--ab{
    width: 100%;
    position: static;
}
.msp__link--block{
    margin: 0 0 10px!important;
    padding: 40px 20px 30px!important;
    border: 1px solid var(--red);    
}
.msp__link--box{
    position: relative;        
}
.msp__link--box--icon{
    position: absolute;
    top: -70px;
    left: 40%;
    width: 54px;
}
.msp__link--box--h3{
    padding: 0 0 0 20px;
    font-size: 21px;
}

/* FV 3つブロック下 SP ---*/
.msp__link--plan--h3{
    padding: 0 0 0 10px;
    font-size: 24px;
}
.msp__link--box--txt01{
    padding: 20px 0 30px;
}
.msp__link--box--txt02{
    padding: 15px 0;
}

/* Amazon EC2基本プラン SP ---*/
.aws__note--h3{
    padding: 0 0 30px;
    font-size: 24px;
}
.aws__note--h4{
    margin:0 0 30px!important; 
    padding: 0 0 0 15px!important;
    line-height: 1.2;
    font-size: 18px;
    border-left:6px solid var(--red);
} 

.msp__plan{
    overflow-x: scroll;
    overflow-y: hidden;
}
.msp__plan--wh{
    padding:50px 0 20px;
    width: 840px;
}
.msp__ecplan{
    width: 250px;
}
.msp__ecplanbox{
    padding: 40px 30px 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: relative;   
}
.msp__ecplanbox--icon{
    position: absolute;
    top: -20px;
    left: 19%;
    width: 160px;
}
.msp__ecplanbox--last{
    padding: 40px 30px 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: relative;   
}
.msp__ecplanbox--icon--last{
    position: absolute;
    top: -30px;
    left: 13%;
    width: 200px;
}

.msp__ecplanbox--note{
    font-size: 20px;
}
.msp__ecplanbox--ttl{
    padding: 10px 0;
    font-size: 11px;
}
.msp__ecplanbox--price{
    padding: 0 0 15px;
    font-size: 11px;    
}
.msp__ecplanbox--price span{
    padding: 0 5px;
    font-size: 16px;
    font-weight: bold;
    color: var(--red);    
}

.msp__ecplanbox--list{
    line-height: 1;
    padding: 10px 0!important;
}
.msp__ecplanbox--list--ttl{
    padding: 0 0 0 5px!important;
}

/* テーブル下注意 ----------*/
.msp__tb--ttl{
    padding: 0 0 40px;
    font-size: 12px;
}

/* マネージド系サービスプラン  */
.msp__manager{
    padding: 0 0 50px;
}
.msp__manager--azbox{
    width: 100%;
    margin: 0 0 10px!important;
    padding: 0;
    border: 0;
    font-size: 14px;
}

.msp__manager--btn{
    width: auto;
    margin: 0;
    padding: 30px 0 0;
}

/* サービス導入事例  */
.msp__service{
    background: none;
}
.msp__service--ttl{
    display: none;
}
.msp__service--block{
    padding: 50px 15px 100px!important;
}
.msp__service--campany{
    padding: 0 35px!important;    
}

/* よくある質問  */
.msp__qa{
    background: none;
    margin: 0 0 35px!important;      
}
.msp__qa--list{
    margin: 0 0 30px!important;      
}
.msp__qa--btn{
    width: auto;
    margin: 0;
}

/* 関連記事  */
.msp__article--pd{
    padding: 0 15px!important; 
}
.msp__article{
    padding: 0 0 50px;
}
.msp__article--h4{
    padding: 10px 0;
}
.msp__article--btn{
    width: auto;
    margin: 0;
}


/* ---------------------------------------
★　下層 「AWS 運用代行サービス」 TB
-----------------------------------------*/
@media (min-width: 768px) {

    .msp__fv{
        padding: 0 0 140px;
    }

    /* FV ボタン TB */  
    .msp__fv--btn--wh,
    .msp__fv--btn--red{
        font-size: 21px;
    }

    /* Amazon EC2基本プラン SP ---*/
    .aws__note--h3{
        padding: 0 0 40px!important;
        font-size: 50px;
    }
    .aws__note--h4{
        margin:0 0 60px!important; 
        font-size: 27px;
        border-left:9px solid var(--red);
    }

    .msp__plan{
        overflow-x: hidden;
    }
    .msp__plan--wh{
        width: auto;
    }
    .msp__ecplanbox,
    .msp__ecplanbox--last{
        padding: 40px 40px 45px;
    }
    .msp__ecplanbox--icon{
        top: -22px;
        left: 28.5%;
        width: 200px;
    }
    .msp__ecplanbox--icon--last{
        position: absolute;
        top: -52px;
        left: 19%;
        width: 272px;
    }

    .msp__ecplanbox--note{
        font-size: 37px;
    }
    .msp__ecplanbox--ttl{
        padding: 15px 0;
        font-size: 21px;
    }
    .msp__ecplanbox--price{
        padding: 0 0 25px;        
        font-size: 21px;    
    }
    .msp__ecplanbox--price span{
        font-size: 30px;    
    }

    /* マネージド系サービスプラン TB --- */
    .msp__manager{
        padding: 0 15px 100px;
    }
    .msp__manager--azbox{
        padding: 20px 25px!important;
        border: 1px solid var(--red);
        font-size: 21px;
    }
    .msp__manager--btn{
        width: 735px;
        margin: 0 auto;
        padding: 100px 0 0;
    }


}

/* ---------------------------------------
★　下層 「AWS 運用代行サービス」 1200
-----------------------------------------*/
@media (min-width: 1200px) {

    .msp__fv--ttl{
        padding:85px 0 40px;
        font-size: 30px;
    }    


    /* FV 3つブロック 1200 ---*/
    .msp__link--bg{
        background: #f5f5f5;
    }
    .msp__link--bg02{
        padding: 0; 
    }
    .msp__link--pt{
        width: 1320px;
        margin: 0 auto;
        padding: 0 0 300px;
        position: relative!important;      
    }
    .msp__link--pt--ab{
        position: absolute;
        top: -50px;
        left: 0;
        z-index: 10;
    }
    .msp__link--block{
        margin: 0px!important;
    }
    .msp__link--box--icon{
        width: 70px;
    }
    .msp__link--box--h3{
        padding: 50px 0 20px;
        font-size: 27px;
    }

    /* FV 3つブロック下 SP ---*/
    .msp__link--plan--h3{
        padding: 0;
        font-size: 50px;
    }
    .msp__link--box--txt01{
        padding: 40px 0 60px;
    }
    .msp__link--box--txt02{
        padding: 25px 0 50px;
    }

    /* テーブル下注意 1200 ----------*/
    .msp__tb--ttl{
        padding: 0 0 90px;
        font-size: 14px;
    }
 
    /* サービス導入事例 1200  */
    .msp__service{
        background-image: url('https://cloudassist.jp/wp-content/uploads/2024/05/selectpoint_back-1.png');
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .msp__service--ttl{
        display: block;
        padding:  0 0 0 120px;
    }
    .msp__service--block{
        padding: 120px 0 200px!important; 
    }
    .msp__service--campany{
        padding: 0!important;    
    }

    /* マネージド系サービスプラン 1200 --- */
    .msp__manager{
        padding: 0 0 100px;
    }

    /* よくある質問 1200 */
    .msp__qa{
        background-image: url('https://cloudassist.jp/wp-content/uploads/2024/05/qa_back.png');
        background-position: right 0%;
        background-repeat: no-repeat;
        margin: 0 0 120px!important; 
    }
    .msp__qa--list{
        margin: 0 0 130px!important;     
    }
    .msp__qa--btn{
        width: 735px;
        margin: 0 auto;
    }

    /* 関連記事 1200 ----- */
    .msp__article--pd{
        padding: 0;
    }
    .msp__article{
        padding: 0 0 70px;
    }
    .msp__article--h4{
        padding: 10px 0;
    }
    .msp__article--btn{
        width: 178px;
        margin: 0 auto;
    }



}


/* ------------------------------------------
★　下層 「導入事例」　
--------------------------------------------- */

/* ページ内見出し SP ----- */
.case__note--01{
    padding: 0 0 30px;
    font-weight: normal;
}
.case__note--02{
    padding: 0 0 35px;
    font-size: 30px;
}

/* 会社リスト SP ----- */
.case__bg--list{
    padding: 35px 10px 50px;
    position: relative;
}
.case__box--list--ab{
    position: static;
}
.case__box{
    margin: 0 0 30px!important;
    padding: 40px 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) ;
    border-radius: 9px;
}
.case__box--icon{
    width: 120px;
    margin: 0 5px!important;
    border: 2px solid var(--red);
    border-radius: 6px;
}
.case__box p{
    line-height: 1.3;
}
.case__box .wp-block-image{
    margin-bottom:0;
}

/* AWS運用代行ページ用 */
.case__box--msp{
    margin: 0 0 30px!important;
    padding: 0;
}
.case__box--msp--logo{
    margin: 0 0 15px;
    padding: 15px 10px;
    text-align: center;
    border: 1px solid #424242;
}


/* ロゴリスト SP ----- */
.case__logo{
    padding: 70px 0;
}
.case__logo--list{
    margin: 0 0 60px;
}

.case__btn{
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) ;    
}
.case__btn--doc{
    line-height: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) ;    
    border: 1px solid var(--red); 
}
.case__btn--ttl{
    padding: 0 0 0 10px;
}



/* ---------------------------------------
★　下層 「導入事例」　 1200
-----------------------------------------*/
@media (min-width: 1200px) {

    /* ページ内見出し 1200 ----- */
    .case__note--01{
        padding: 0 0 100px;
    }
    .case__note--02{
        font-size: 50px;
    }

    /* 会社リスト 1200 ----- */
    .case__bg--list{
        padding: 500px 0 150px;
    }
    .case__box--list--ab{
        width: 100%!important;
        position: absolute;
        top: -50px;
        left: 0;
    }
    .case__box{
        margin: 0 0 60px!important;
        padding: 40px 0;
    }
    /* AWS運用代行ページ用 1200 */
    .case__box--msp{
        margin: 0 0 60px!important;
        padding: 0 10px;
    }


    /* ロゴリスト 1200 ----- */
    .case__logo{
        padding: 120px 0;
    }
    .case__logo--list{
        margin: 0 0 130px;
    }

}


/* ---------------------------------------
★　下層 「導入事例 詳細」
-----------------------------------------*/
.case__note--title{
    font-size: 36px;
}

.case__redbox{
    padding: 20px;
    border: 1px solid var(--red);     
}
.case__icon--note{
    margin: 0 0 10px;
    line-height: 1;
}
.case__icon--ttl{
    padding: 0 0 0 10px;
    font-size: 18px;
}

/*インタビュー　----------*/
.case__int{
    padding: 0 0 100px;
}
.case__int--note{
    padding: 0 0 44px;
    font-size: 20px;
}

.case__int--q{
    display: flex;
    margin: 0 0 30px;
}
.case__int--q::before{
    display: block;
    content: "";
    width: 42px;
    height: 1px;
    margin: 15px 18px 0 0;
    background-color: #707070;
}
.case__int--a{
    padding: 0 0 50px;
}
.case__int--qabox{
    padding: 0 0 50px;
}
.case__day{
    padding: 40px 0 0;
}


/* 会社概要　----------*/
.case__company{
    margin: 0 0 100px;
    padding: 30px 20px;
    border: 1px solid var(--lightgray);         
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) ;  
}
.case__company--flex{
    align-items: flex-start;
}
.case__company--ttl{
    padding: 18px 0 50px;
}
.case__company--link{
    margin: 0 0 10px!important;
}

/* サービス項目　----------*/
.case__ser{
    padding: 40px 0 76px;
}
.case__serbtn{
    padding: 20px 30px 20px 90px;
    position: relative;
}
.case__serbtn--icon{
    width: 53px;
    position: absolute;
    top: -12px;
    left: 16px;
}
.case__serbtn--note{
    line-height: 1;
}
.case__serbtn--note-ttl{
    padding: 0 10px 0 0;
    font-size: 19px;
}


/* 担当　----------*/
.case__engineer{
    margin: 0 0 120px!important;
    padding: 40px 20px;
    border: 1px solid var(--red);         
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) ;     
}
.case__engineer--ttl{
    padding: 20px 0 50px;
}



/* ---------------------------------------
★　下層 「導入事例」　 1200
-----------------------------------------*/
@media (min-width: 1200px) {

    .case__note--title{
        font-size: 50px;
    }
    .case__redbox{
        padding: 30px 35px;  
    }
    .case__icon--ttl{
        font-size: 21px;
    }


    /*インタビュー　----------*/
    .case__int{
        padding: 0 0 150px;
    }
    .case__int--note{
        padding: 0 0 55px;
        font-size: 27px;
    }
    .case__int--q::before{
    margin: 20px 18px 0 0;
    }
    .case__int--a{
        padding: 0 20px 0 0;
    }

    .case__int--qabox{
        padding: 0 0 80px;
    }
    .case__day{
        padding: 60px 0 0;
    }

    /* 会社概要 1200　----------*/
    .case__company{
        padding: 40px;
    }
    .case__company--flex{
        align-items: center;
    }
    .case__company--ttl{
        padding: 15px 0 120px;
    }
    .case__company--link{
        margin: 0!important;
    }

    /* サービス項目　1200　----------*/
    .case__ser{
        padding: 35px 0 130px;
    }
    .case__serbtn--note-ttl{
        font-size: 24px;
    }

    /* 担当　1200　----------*/
    .case__engineer{
        margin: 0 0 200px!important;
        padding: 35px 35px 40px;
    }
    .case__engineer--ttl{
        padding: 20px 0 120px;
    }

}


/* ---------------------------------------
★　下層 「移行支援」 SP
-----------------------------------------*/

/* ステップ
---------------------------*/

/* ブロック SP ------ */
.migration__step--block{
    padding: 30px 15px 60px!important;
    background: #f5f5f5;
}

/* イラスト SP relative ------ */
.migration__step--imgbox01,
.migration__step--imgbox02,
.migration__step--imgbox03,
.migration__step--imgbox04{
    position: static;
    padding: 0;
}

/* イラスト SP absolute ------ */
.migration__step--img01,
.migration__step--img02,
.migration__step--img03,
.migration__step--img04{
    display: none;
}

/* 白枠外側box SP ------ */
.migration__step--card{
    padding: 30px 0 0;
}
.migration__step--card--l,
.migration__step--card--r{
    width: auto;
    margin: 0 0 40px!important;
    padding: 30px 20px;
    box-shadow: 0 3px 6ox rgba(0, 0, 0, 0.16);
}
.migration__step--card--note{
    padding: 0 0 15px;
    font-size: 22px;
}
.migration__step--card--txt{
    padding: 0 0 15px;
    font-size: 21px;
}

.migration__step--btn{
    width: auto;
    margin: 0;
}

/* ---------------------------------------
★　下層 「移行支援」 PC1000
-----------------------------------------*/

@media (min-width: 1000px) {

    /* ステップ 1000
    ---------------------------*/
    /* イラスト 1000 relative ------ */
    .migration__step--imgbox01,
    .migration__step--imgbox02,
    .migration__step--imgbox03,
    .migration__step--imgbox04{
        position: relative;
    }

    .migration__step--imgbox01{
        padding: 0 0 50px;
    }
    .migration__step--imgbox02{
        padding: 0 0 50px;
    }
    .migration__step--imgbox03{
        padding: 0 0 50px;
        z-index: 5;
    }
    .migration__step--imgbox04{
        padding: 0 0 50px;
    }

    /* イラスト 1000 absolute ------ */
    .migration__step--img01,
    .migration__step--img02,
    .migration__step--img03,
    .migration__step--img04{
        display: block;
    }
    .migration__step--img01{
        width: 343px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }
    .migration__step--img02{
        width: 360px;
        position: absolute;
        left: 0;
        top: -50px;
    }
    .migration__step--img03{
        width: 343px;
        position: absolute;
        right: 0;
        top: -60px;
    }
    .migration__step--img04{
        width: 350px;
        position: absolute;
        left: 0;
        top: -90px;
    }

    .migration__step--card{
        padding: 50px 0;
    }
    .migration__step--card--l,
    .migration__step--card--r{
        width: 640px;
        padding: 30px;
    }
    .migration__step--card--l{
        margin: 0!important;
    }
    .migration__step--card--r{
        margin: 0 0 0 auto!important;
    }

    .migration__step--card--note{
        font-size: 27px;
    }

    .migration__step--btn{
        width: 735px;
        margin: 0 auto;
    }

}

/* ---------------------------------------
★　下層 「移行支援」 PC1200
-----------------------------------------*/

@media (min-width: 1200px) {

    /* ステップ 1000
    ---------------------------*/
    .migration__step--block{
        padding:0 0 100px!important;
        background: none;
    }

    .migration__step--card--l,
    .migration__step--card--r{
        width: 980px;
        padding: 30px;
    }

}


/* ---------------------------------------
★　下層 「AWS導入支援サービス」 SP
-----------------------------------------*/
.deployment__greetxt{
    padding: 25px 0;
}
.deployment__card{
    /*width: 640px;*/
    margin: 0 0 16px!important;
    padding: 30px 20px;
    box-shadow: 0 3px 6ox rgba(0, 0, 0, 0.16);
}
.deployment__card--content{
    padding: 15px 0 20px;
}
.deployment__card--img{
    display: none;
}
.deployment__card--txt{
    padding: 0 0 30px!important;
}
.deployment__card--icon{
    padding: 0 0 30px;
}

/* 関連項目（上2列用） */
.deployment__card--category{
    line-height: 1;
}
.deployment__card--category--batch{
    width: 138px;
    padding: 5px 0;
    text-align: center;
    border:2px solid var(--red);
}

/* 関連項目（下3列用） */
.deployment__card--category--pr{
    margin: 0 10px 0 0!important;
}
.deployment__card--category--float{
    overflow: hidden;
}
.deployment__card--category--batch--float{
    width: 138px;
    margin: 0 0 15px!important;
    padding: 5px 0;
    text-align: center;
    border:2px solid var(--red);
    float: none;
}
.deployment__card--category--batch--txt{
    padding: 0;
    text-indent: 0px;
}

/* scroll設定 */
.vulnerability__partner--comparison--area02 {
    overflow-x: auto;
}
.vulnerability__partner--comparison--table02{
    width: 500px !important;
}

/* ボタン参考事例 下地白（影あり）・アイコン左・テキスト赤
-----------------------------------------------------*/
.btn__pattern02--sp--block,
.btn__pattern02--pc--block{
    line-height: 1;
    padding: 0.8em 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn__pattern02--sp--txt,
.btn__pattern02--pc--txt{
    padding-left: 10px;
}

/* ボタン参考事例 SP用 
--------------------------*/
.btn__pattern02--pc{
    display: none;    
}

.btn__pattern02--sp{
    display: block;
    padding: 20px 0;    
}
.btn__pattern02--sp--block{
    height: 56px;
}
.btn__pattern02--sp--txt{
    font-size: 18px;   
}



/* ---------------------------------------
★　下層 「AWS導入支援サービス」 768
-----------------------------------------*/
@media (min-width: 768px) {
    .deployment__greetxt{
        padding: 40px 0;
    }
    .deployment__card{
        padding: 20px 15px 40px;
    }
    .deployment__card--content{
        padding: 30px 0;
    }
    .deployment__card--img{
        display: block;
        text-align: center;
    }
    .deployment__card--txt{
        padding: 0 0 15px;
    }
    .deployment__card--category--batch--float{
        float: left;
        margin: 0 10px 0 0!important;
    }
    .deployment__card--category--batch--txt{
        padding: 2px 0 0 0;
        text-indent: 10px;    
    }
    .vulnerability__partner--comparison--table02{
        width: 640px !important;
        margin: 0 auto!important;
    }

    /* ボタン参考事例 PC用 
    --------------------------*/
    .btn__pattern02--sp{
        display: none;    
    }

    .btn__pattern02--pc{
        display: block;
        padding: 20px 0 90px;   
    }
    .btn__pattern02--pc--block{
        height: 80px;
    }
    .btn__pattern02--pc--txt{
        font-size: 27px;   
    }
    
}


/* ---------------------------------------
★　下層 「AWS導入支援サービス」 1200
-----------------------------------------*/
@media (min-width: 1200px) {

    .deployment__card{
        padding: 40px 40px 60px;
    }

    .vulnerability__partner--comparison--table02{
        margin: 0!important;
    }

}


/* ---------------------------------------
★　下層 「FJcloud-V関連サービス」 SP
-----------------------------------------*/
.fJcloud__wrap{
    padding: 46px 0 90px;
}
.fJcloud__card{
    padding: 30px 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.fJcloud__card--note{
    padding: 0 0 0 20px;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 24px;    
    position: relative;
}
.fJcloud__card--note::before{
    content: "";
    width: 4px;
    height: 24px;
    background: var(--red);
    position: absolute;
    top: 10px;
    left: 0;
}

/* カード内 */
.fJcloud__card--content{
    padding: 25px 20px 0;    
}
.fJcloud__card--list ul{
    font-size: 18px;
    padding: 0 5px 45px;
}
.fJcloud__card--list ul li{
    margin: 0 0 8px;
    padding: 0 0 0 24px;
    background:url(https://cloudassist.jp/wp-content/uploads/2024/05/Icon-feather-check-square.png); 
    background-repeat: no-repeat;
    background-position:left 8px;
    background-size: 16px;
    font-size: 18px;
}

.fJcloud__card--answer{
    padding: 0 0 50px;    
}
.fJcloud__card--answer--txt{
    padding: 0 0 15px;
    font-size: 21px;
}

/* カード内:ポイント */
.fJcloud__card--point--flex{
    flex-direction: column-reverse;
}
.fJcloud__card--point--txtl,
.fJcloud__card--point--txtr{
    padding: 0 0 50px;
}
.fJcloud__card--point--no{
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: 1px solid var(--lightgray);
}
.fJcloud__card--point--imgbox{
    padding: 0;
    text-align: center;
    background: none;
}
.fJcloud__card--point--img01,
.fJcloud__card--point--img02,
.fJcloud__card--point--img03{
    display: block;    
}
.fJcloud__card--point--img01{width: 300px;}
.fJcloud__card--point--img02{width: 160px;}
.fJcloud__card--point--img03{width: 132px;}


/* ページ下部 */
.fJcloud__footer{
    padding: 100px 0;
}
.fJcloud__footer--txt{
    padding: 0 0 70px;
}




/* ---------------------------------------
★　下層 「FJcloud-V関連サービス」 1200
-----------------------------------------*/
@media (min-width: 1200px) {

    .fJcloud__wrap{
        padding: 120px 0;
    }
        .fJcloud__card{
        padding: 60px 0;
    }
    .fJcloud__card--note{
        padding: 0 0 0 60px;
        font-size: 50px;    
    }
    .fJcloud__card--note::before{
        width: 10px;
        height: 50px;
        top: 20px;
        left: 0;
    }

     /* カード内 1200 */   
    .fJcloud__card--content{
        padding: 45px 60px 0;    
    }
    .fJcloud__card--list ul{
        font-size: 27px;
        padding: 0 10px 50px;
    }
    .fJcloud__card--list ul li{
        margin: 0 0 12px;
        padding: 0 0 0 32px;
        background-position:left 14px;
        background-size: 22px;
        font-size: 27px;
    }

    .fJcloud__card--answer{
        padding: 0 0 64px;    
    }
    .fJcloud__card--answer--txt{
        font-size: 36px;
    }

    /* カード内:ポイント 1200 */
    .fJcloud__card--point--flex{
        flex-direction: row;
    }
    .fJcloud__card--point--txtl{
        padding: 0 0 0 35px;
    }
    .fJcloud__card--point--txtr{
        padding: 0 35px 0 0;
    }
    .fJcloud__card--point--no{
        margin: 0 0 20px;
        padding: 0 0 5px;
        border-bottom: 1px solid var(--lightgray);
    }
    .fJcloud__card--point--imgbox{
        padding: 5px 0;
        background: var(--lightgray);
    }
    .fJcloud__card--point--img01{width: 330px;}
    .fJcloud__card--point--img02{width: 160px;}
    .fJcloud__card--point--img03{width: 192px;}

    /* ページ下部 1200 */
    .fJcloud__footer{
        padding: 120px 0 200px;
    }
    .fJcloud__footer--txt{
        padding: 0 0 150px;
    }

}


/* ---------------------------------------
★　下層 「各種サービス」 
-----------------------------------------*/
.service__noteh2{
    font-size: 24px;
}
.service__catch{
    padding: 0 0 60px;
}
.service__catch--copy{
    padding: 0 0 50px;    
}

/* 一覧 SP */
.service__blockwrap{
    padding: 0 0 60px;
}
.service__block{
    padding: 0 0 60px;
}
.service__block--note{ 
    padding: 25px 0;
    font-size: 19px;
}

/* 終了したサービス */
.service__listend{
    padding: 30px 0 80px;
}
.service__list ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 40px;
}
.service__list ul li{
    margin: 0 20px 20px 0;
    padding: 0 0 0 28px;
    background-image: url(https://cloudassist.jp/wp-content/uploads/2024/04/Icon-fa-solid-file-pdf.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    border-bottom: 1px solid var(--red);
    font-size: 18px;
}
.service__list ul li:first-child{
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    background-image: none;
    border-bottom: none;
    font-size: 19px;
}
.service__list ul li:first-child::after{
    content: "";
    padding: 0 15px 0 0;
    border-right: 1px solid #424242;
}

.service__list ul li:last-child{
    margin: 0 0 20px 0;
    padding: 0 0 0 28px;
}

.service__list ul li.iconclick{
    margin: 0 20px 20px 0;
    padding: 0 28px 0 0;
    background-image: url(https://cloudassist.jp/wp-content/uploads/2024/06/Icon-feather-external-link.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px;    
}

/* 終了したサービス */
.service__old{
    padding: 30px 0 100px;
}
.service__old-txt{
    padding: 0 0 20px;
    font-size: 14px;
}



/* ---------------------------------------
★　下層 「FJcloud-V関連サービス」 1200
-----------------------------------------*/
@media (min-width: 1200px) {

    .service__noteh2{
        font-size: 50px;
    }

    .service__catch{
        padding: 0 0 120px;
    }
    .service__catch--copy{
        padding: 0 0 15px;    
    }

    /* 一覧 1200 */
    .service__blockwrap{
        padding: 0 0 100px;
    }
    .service__block{
        padding: 0 0 140px;
    }
    .service__block--note{
        padding: 16px 0;
        font-size: 21px;
    }

    /* 終了したサービス 1200 */
    .service__listend{
        padding: 70px 0 120px;
    }
    .service__list ul{
        padding: 0 0 50px;
    }
    .service__list ul li{
        margin: 0 40px 0 0;
    }
    .service__list ul li:first-child{
        width: auto;
        margin: 0 50px 0 0;
        background-image: none;
        font-size: 21px;
    }
    .service__list ul li:first-child::after{
        padding: 0 35px 0 0;
    }
    .service__list ul li:last-child{
        margin: 0;
    }
    .service__list ul li.iconclick{
        margin: 0 40px 0 0;
    }


    /* 終了したサービス 1200 */
    .service__old{
        padding: 70px 0 200px;
    }
    .service__old-txt{
        padding: 0 0 25px;
        font-size: 18px;
    }

}



/* ---------------------------------------
★　下層 「カンタン環境構築パッケージ」 
-----------------------------------------*/

.kantan-package__noteh2{    
    font-size: 24px;
    padding-bottom: 35px;
}
.kanpack__price a, .kanpack__combi a {
    color: var(--red);
    text-decoration: underline;
}

.kanpack__qbox--wrap {
    justify-content: space-between;
}
.kanpack__qbox--wrap > div {
    margin-bottom: 20px;
}
.kanpack__qbox {
    box-shadow: 2px 2px 5px #ddd,
    -2px 2px 5px #ddd,
    2px 0px 5px #ddd,
    -2px 0px 5px #ddd;
}
/* .kantan--package__qbox h3 {
    font-size: 20px;
} */


/* ----- 構築に必要な3つの質問 ----- */

#kanpack__3question--q01,
#kanpack__3question--q02,
#kanpack__3question--q03 {
    padding-top: 80px;
    margin-top: -50px;
}

.kanpack__3question--box {
    box-shadow: 2px 2px 5px #ddd,
    -2px 2px 5px #ddd,
    2px 0px 5px #ddd,
    -2px 0px 5px #ddd;
    padding: 25px 20px;
}
.kanpack__3question--box h3 {
    font-size: 22px;
    line-height: 1;
    padding-left: 25px;
    position: relative;
}
.kanpack__3question--box h3::before {
    content: "";
    display: block;
    width: 9px;
    height: 30px;
    background: var(--red);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.kanpack__3question--box h4 {
    font-size: 20px;
    border-bottom: 1px #e0e0e0 solid;
    padding-bottom: 5px;
    margin-bottom: 15px !important;
}

.kanpack__3question--box--txt,
.kanpack__3question--box--img {
    margin: 1em 0 !important;
}
.kanpack__3question--q03--spec {
    font-size: 19px;
    margin: 1em 0 !important;
}


/* ----- 要望に応じた選択と構成例 ----- */

.kanpack__select--box {
    padding: 30px 20px;
    border: 2px var(--red) solid;
    border-radius: 9px;
}
.kanpack__select--box h3 {
    font-size: 22px;
}
.kanpack__select--ex {
    font-size: 19px;
    margin-top: 25px;
    padding: 10px;
    border: 1px #e0e0e0 solid;
    border-radius: 6px;
}
.kanpack__select--ex p span {
    color: var(--red);
}
.kanpack__select--img {
    text-align: center;
    padding-bottom: 10px;
}
.kanpack__select--price {
    border-radius: 6px;
    padding: 10px;
}


/* ----- ご利用料金（参考） ----- */

.kanpack__price--first, .kanpack__price--month {
    margin: 0 0 45px;
}
.kanpack__price--first > p, .kanpack__price--month > p {
    margin-top: 0.5em;
}
.kanpack__price table {
    font-size: 21px;
}
.kanpack__price th {
    font-weight: normal;
}
.kanpack__price .vulnerability__partner--comparison--area {
    overflow-x: auto;
  }


/* ----- 併用サービスのご案内 ----- */


/* ----- よくあるご質問 ----- */

.kanpack__qa p {
    margin-top: 0;
}

                                                                                                           
/* 関連サービス */

.kantan-package__service{
    padding: 50px 0 0 0;
}


/* ---------------------------------------
★　下層 「下層 「カンタン環境構築パッケージ 」 TB
-----------------------------------------*/
@media (min-width:768px) {

    .kanpack__qbox--wrap > div {
        flex-basis: 32% !important;
    }
/*     .kanpack__qbox h3 {
        font-size: 24px;
    } */


    /* ----- 構築に必要な3つの質問 ----- */

    .kanpack__3question--box h3 {
        font-size: 27px;
    }
    .kanpack__3question--box h4 {
        font-size: 21px;
    }

}

/* ---------------------------------------
★　下層 「下層 「カンタン環境構築パッケージ 」 1000
-----------------------------------------*/
@media (min-width: 1000px) {

/* ----- 構築に必要な3つの質問 ----- */

    #kanpack__3question--q01,
    #kanpack__3question--q02,
    #kanpack__3question--q03 {
        padding-top: 110px;
        margin-top: -60px;
    }
    .kanpack__3question--box {
        padding: 50px 60px;
    }
    .kanpack__3question--q01box-wrap > div {
        justify-content: space-between;
    }
    .kanpack__3question--q01box {
        max-width: 48%;
        flex-grow: 1;
    }
    .kanpack__3question--box--q02box {
        justify-content: space-between;
    }
    .kanpack__3question--q03--spec {
        font-size: 21px;
    }


    /* ----- 要望に応じた選択と構成例 ----- */

    .kanpack__select--box h3 {
        font-size: 27px;
    }
    .kanpack__select--ex {
        font-size: 21px;
    }


    /* ----- 併用サービスのご案内 ----- */
    
    .kanpack__combi--bnr {
        justify-content: space-between;
    }


}

/* ---------------------------------------
★　下層 「下層 「カンタン環境構築パッケージ 」 1200
-----------------------------------------*/
@media (min-width: 1200px) {

    .kantan-package__noteh2{    
        font-size: 50px;
    }

    

    /* 関連サービス */
    .kantan-package__service{
        padding: 150px 0 0 0;
    }

}





/* ---------------------------------------
★　下層 「AWS請求代行サービス」 
-----------------------------------------*/

.invoice__fv {
    padding-bottom: 100px;
}


/* ----- プランのご紹介 ----- */

.invoice__plan--detail h3 {
    font-size: 22px;
}
.invoice__plan--detail--box {
    background: #fff;
    padding: 30px 25px;
    border-radius: 9px;
    box-shadow: 2px 2px 5px #ddd,
    -2px 2px 5px #ddd,
    2px 0px 5px #ddd,
    -2px 0px 5px #ddd;
}
.invoice__plan--detail--lead {
    font-size: 20px;
}
.invoice__plan--detail--box p {
    margin-top: 0.5em;
}

.invoice__comparison .vulnerability__partner--comparison--area {
    overflow-x: auto;
}
.invoice__comparison table {
    font-size: 21px;
}
.invoice__comparison > p {
    margin: 10px auto 30px;
    font-size: 12px;
}
.invoice__comparison .btn__contact {
    max-width: 735px;
}

.invoice__sppo--box {
    background: #fff;
    padding: 35px 25px;
    border-radius: 12px;
    box-shadow: 2px 2px 5px #ddd,
    -2px 2px 5px #ddd,
    2px 0px 5px #ddd,
    -2px 0px 5px #ddd;
}
.invoice__sppo--box h3 {
    font-size: 24px;
    position: relative;
}
.invoice__sppo--box h3::before {
    content: "";
    display: block;
    width: 9px;
    height: 30px;
    background: var(--red);
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
}
.invoice__sppo--box p {
    margin-top: 0.5em;
}
.invoice__sppo--box .invoice__sppo--box--lead {
    font-size: 24px;
}
.invoice__sppo--box .invoice__sppo--box--lead2 {
    font-size: 21px;
    margin-top: 2em;
}


/* ----- よくあるご質問 ----- */

.invoice__qa p {
    margin-top: 0;
}


/* ---------------------------------------
★　下層 「下層 「AWS請求代行サービス」 」 TB
-----------------------------------------*/
@media (min-width:768px) {}

/* ---------------------------------------
★　下層 「下層 「AWS請求代行サービス」 」 1000
-----------------------------------------*/
@media (min-width: 1000px) {

    .invoice__fv {
        padding-bottom: 150px;
    }
    .invoice__fv--bg {
        position: relative;
    }
    .invoice__fv--bgunder {
        width: 100%;
        height: 200px;
        background: #f5f5f5;
        position: absolute;
        top: 35%;
        left: 0;
        z-index: -1;
    }


    /* ----- プランのご紹介 ----- */
    
    .invoice__plan--detail h3 {
        font-size: 27px;
    }
    .invoice__plan--detail--box {
        padding: 35px 30px;
    }
    .invoice__plan--detail--lead {
        font-size: 21px;
    }

    .invoice__comparison > p {
        margin: 10px auto 80px;
        font-size: 18px;
    }

    .invoice__sppo--box {
        padding: 70px;
    }
    .invoice__sppo--box h3 {
        font-size: 50px;
    }
    .invoice__sppo--box h3::before {
        left: -70px;
    }
    .invoice__sppo--box .invoice__sppo--box--lead {
        font-size: 36px;
    }



}

/* ---------------------------------------
★　下層 「下層 「AWS請求代行サービス」 」 1200
-----------------------------------------*/
@media (min-width: 1200px) {}





/* ---------------------------------------
★　下層 「専用メールセキュリティ環境」 
-----------------------------------------*/

.seg__point--box p {
    margin-top: 0 !important;
}
.seg__package--txt p a {
    color: var(--red);
}
.seg__package--txt p:last-child {
    margin-top: 0;
}

.seg__unique--box--wrap {
    margin-top: 0 !important;
}
.seg__unique--box {
    background: #fff;
    border-radius: 9px;
    padding: 35px 25px;
    margin-bottom: 20px !important;
    box-shadow: 2px 2px 5px #ddd,
    -2px 2px 5px #ddd,
    2px 0px 5px #ddd,
    -2px 0px 5px #ddd;
}
.seg__unique--box h4 {
    font-size: 22px;
}
.seg__unique--box p {
    font-size: 16px;
}

.seg__function {
    background: #fff;
    border-radius: 12px;
    padding: 40px 25px;
    margin-bottom: 20px !important;
    box-shadow: 2px 2px 5px #ddd,
    -2px 2px 5px #ddd,
    2px 0px 5px #ddd,
    -2px 0px 5px #ddd;
}

.seg__function {
    font-size: 18px;
}
 .seg__function--title h3 {
    font-size: 24px;
    position: relative;
}
.seg__function--title h3::before {
    content: "";
    display: block;
    width: 9px;
    height: 30px;
    background: var(--red);
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
}

.seg__qa p {
    margin-top: 0 !important;
}



/* ---------------------------------------
★　下層 「専用メールセキュリティ環境」 1000
-----------------------------------------*/
@media (min-width: 1000px) {

    .seg__point {
        padding-bottom: 0 !important;
        position: relative;
    }
    .seg__point--bg {
        width: 100vw;
        height: 300px;
        position: absolute;
        top: 150px;
        left: 0;
        z-index: -1;
    }
    .seg__unique--box--wrap {
        justify-content: space-between;
    }
    .seg__unique--box h4 {
        font-size: 27px;
    }
    .seg__unique--box p {
        font-size: 18px;
    }


    .seg__function {
        padding: 75px;
    }
    .seg__function--title h3 {
        font-size: 50px;
    }
    .seg__function--title h3::before {
        left: -75px;
    }



}





/* ---------------------------------------
★　下層 「サーバセキュリティ（C1WS）」 
-----------------------------------------*/

.c1ws__workload {
    padding-bottom: 0 !important;
}
.c1ws__workload p,
.c1ws__qa p {
    margin-top: 0 !important;
}
.c1ws__workload a {
    color: var(--red);
}
.c1ws__plan {
    margin-bottom: 0 !important;
}
.c1ws__plan p {
    margin-top: 1em !important;　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
}
.c1ws__plan--title {
    margin-top: 70px !important;
}
.c1ws__plan--title p {
    font-size: 18px;
}



/* ---------------------------------------
★　下層 「サーバセキュリティ（C1WS）」 1000
-----------------------------------------*/
@media (min-width: 1000px) {}