@charset "UTF-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2025/05/12
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
/*全体文字色調整*/
body{
    color:#464a64;
    font-family:"Noto Sans JP", "ヒラギノ角ゴ ProN", "メイリオ", "MS Pゴシック", sans-serif;
}

/*グロナビリンクカラー調整*/
.is-pc .view-header .second-row a.link{
    color:#464a64;
    text-decoration: none;
}

.is-pc .view-header .second-row a.link:hover{
    color:#1ca7ec;
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-header .link-list li a.current, .is-sp .view-area.template-simple.siteColor-darkBlue .view-header .link-list li a.current{
    border-image: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
    border-image-slice: 1;
}

/*ボタングラデ、位置調整*/
.is-pc .view-area.template-simple.siteColor-darkBlue .view-components .btn, .is-sp .view-area.template-simple.siteColor-darkBlue .view-components .btn{
    border-radius: 11px;
    font-weight: 700;
    background: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
    transition: background 0.3s ease;
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-components .btn:hover:not(.btn-disabled), .is-sp .view-area.template-simple.siteColor-darkBlue .view-components .btn:hover:not(.btn-disabled){
    background: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
    opacity: 0.7;
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-components .view-mainArea .btn:hover:not(.btn-disabled), .is-sp .view-area.template-simple.siteColor-darkBlue .view-components .view-mainArea .btn:hover:not(.btn-disabled){
    background: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
    opacity: 0.9;
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-components .btn:hover:not(.btn-disabled):not(.siteEditPage *), .is-sp .view-area.template-simple.siteColor-darkBlue .view-components .btn:hover:not(.btn-disabled):not(.siteEditPage *) {
    background: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
}

.is-pc .view-area.template-simple.siteColor-darkBlue .view-components .view-mainArea .btn{
    margin:0 auto;
}

.is-pc #parts_1.component.set-component.next-header-component.prev-space-component.mainAreaComponent{
    height:320px;
}
@media screen and (min-width: 769px) {
  .is-pc .view-mainArea.background.background-image {
    width: 100%;
    padding-top: 0 !important;
  }
  .is-pc .view-mainArea.background .parts-contents{
    top:45% !important;
  }
}

@media screen and (max-width: 768px){
   .view-mainArea {
    min-height: auto;
  }
}

/*見出し下ボーダー色調整*/
.is-pc .view-area.template-simple.siteColor-darkBlue .view-listDisplay .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-oneLineNews .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-message .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-textWithTopImages .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-companyOverview .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-textWithLeftAndRightImages .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-map .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-step .heading::after, .is-pc .view-area.template-simple.siteColor-darkBlue .view-customer-voice .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-listDisplay .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-oneLineNews .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-message .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-textWithTopImages .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-companyOverview .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-textWithLeftAndRightImages .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-map .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-step .heading::after, .is-sp .view-area.template-simple.siteColor-darkBlue .view-customer-voice .heading::after{
    background: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
}

/*ページ内リンク*/
.anchor-list {
    list-style: none;
    padding: 40px 0 0 0;
    margin: 0;
    display: flex;          /* ← ここで横並び */
    gap: 16px;              /* リスト間の空き */
    flex-wrap: wrap;        /* 折り返しが必要なら自動で改行 */
    justify-content: center; 
}

.anchor-link {
    display: inline-flex;   /* アイコンとテキストを横並びに */
    align-items: center;    /* 垂直中央揃え */
    gap: 4px;               /* アイコンとテキストの間隔 */
    text-decoration: none;
    color: #1ca7ec;  
}

.anchor-link:hover {
    text-decoration: underline;
}

.arrow-icon {
    flex: 0 0 20px;         /* 幅固定で縮まない */
}

/*H1見出し上部余白調整*/
.is-pc .preview .next-header-component.breadcrumbComponent + .single-component *[class^=view-]:not(.paid),
.is-pc .preview .next-header-component.oneLineNewsComponent + .single-component *[class^=view-]:not(.paid),
.is-pc .preview .next-header-component.single-component [class^=view-]:not(.paid) {
    padding-top: 0 !important;
  }

/*データ処理表のスタイル調整*/
/* デフォルトは通常のディスク表示 */
.data_processing table li {
  list-style: disc;
  padding-left: 1em; /* 安全に左余白も入れておく */
}

/* スマホ表示時はlist-styleを無効化 */
@media (max-width: 640px) {
  .data_processing table li {
    list-style: none;
    padding-left: 0.5em; /* 左の余白を控えめに調整 */
  }
}

.data_processing table th.numberHead{
    font-size:150%;
    text-align: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

/* 横スクロール対応 */
@media (max-width: 640px) {
  .data_processing_scroll_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .data_processing_scroll_wrapper table {
    width: max-content;
    min-width: 800px; /* 任意：テーブルの横幅基準値 */
    border-collapse: collapse;
  }

  /* スクロールバーの視認性向上（任意） */
  .data_processing_scroll_wrapper::-webkit-scrollbar {
    height: 6px;
  }

  .data_processing_scroll_wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
  }
}

/*ステップパーツのアイコン塗調整*/
.is-pc .view-area.template-simple.siteColor-darkBlue .view-step .step-contents .step-images, .is-sp .view-area.template-simple.siteColor-darkBlue .view-step .step-contents .step-images{
    background: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
}

/*ステップパーツの横幅調整*/
 .is-pc .preview .view-components [class^=view-]:not(.view-mainArea):not(.view-conversion):not(.view-breadcrumb):not(.view-oneLineNews):not(.view-header):not(.view-footer):not(.view-components):not(.view-heading1):not(.view-heading2):not(.view-heading3):not(.view-heading4):not(.view-text):not(.view-annotation):not(.view-list):not(.view-image):not(.view-movie):not(.view-table):not(.view-separator):not(.view-button):not(.view-space):not(.view-accordion):not(.view-html):not(.view-snsIcon) {
    width: 68.89%;
  }
  .view-step .step-contents .step-images {
  border-radius: 50%;
  z-index: 1;
  flex-shrink: 0; /* 親がflexのときに潰れないようにする */
  aspect-ratio: 1 / 1; /* 常に正円 */
}

/*変則的に挿入した番号アイコン*/
#parts_0 .step-item{
  display:flex;
  position:relative;
}
#parts_0 .step-item .step-images{
  text-align: center;
  position: relative;
  width: 48px;
  height: 48px;
  background: linear-gradient(to right, #1ca7ec 0%, #6078ea 100%);
  border-radius: 50%;
  z-index: 1;
  flex-shrink:0;
  aspect-ratio: 1/1;
}
#parts_0 .step-item .step-images .step-num{
  color: #ffffff;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  font-weight: 700;
  transform: translateX(-50%) translateY(-50%);
}
#parts_0 .step-item .step-context{
  flex: 1 0 0%;
  margin-left: 24px;
}