@charset "utf-8";
/* CSS Document */
.head_title h1 {
  font-size: 3.2rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
}
#second_header {
    background: url(/202407/images/lf-bgg-bl-cy.png);
    background-size: cover;
}
.kv-wrap {
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5)), url(/202407/space-data-frontiers/images/ct-back.png);
}
.kv-area p {	
    padding-bottom: 2.4em;	
}
.sub-titel span {	
    margin-bottom: 1.2rem;	
}
.tryDS-area .mainpanel h3 span {
    background: #cd00a6;
}
.tryDS-area .panel_list_wrap h3 {
    border-bottom: 6px solid #2c00a0;
}
.tryDS-area .panel_list_wrap h3:before {
    background: #00fff6;
}
.section-btmlink {
    background: url(/202407/images/lf-bgg-bl-cy.png);
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: 100% 100%; 
}
.img-warp {
    text-align: center;
    padding: 45px;
}
.cv_btn .lay-2col {
    justify-content: center;
}
.btn .link-blank img {
  height: auto !important;
  width: 30px !important;
  margin-left: 15px;
  margin-top: 5px;
}
@media all and (max-width: 1040px) {
  .btn .link-blank img {
    width: 22px !important;
  }
}
.section-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-img img{
    max-width: 100%;
    max-height: 315px;
    width: auto;
    height: auto;
}

/* お問い合わせボタンの横の説明文(css/style_lw.css) */
.section-btmlink_title h3 {
    font-size: 1.7rem;
    line-height: 1.7;
}

/* アンカーリンク遷移後の固定ヘッダーの調整 */
html {
    scroll-padding-top: 150px;
}

/* DE&I画像用の見切れ防止設定 */
.panel_list_wrap .panel_box .lay-2col .de-and-i img {
    height: auto;
}
.tryDS-area .detail-copy {
    border-radius: 4px;
    margin-top: 4rem;
}
.tryDS-area .detail-copy ul {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px 18px;
    padding:0;
    list-style:none
}
.tryDS-area .detail-copy li {
    padding:18px 14px;
    border-radius:14px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.tryDS-area .synergypanel {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.tryDS-area .synergypanel span {
    min-height:130px;
    border-radius:24px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2rem;
    font-weight:800;
    background:linear-gradient(135deg,#151a55,#1a46ff 55%,#19d3e6)
}
.tryDS-area .detail-panel {
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-radius:24px;
    padding:28px;
    color:#fff;
    background:linear-gradient(150deg,#101828,#2638dd 65%,#20d6e5);
    margin-top: 4rem;
}
.tryDS-area .detail-panel span {
    font-size:3.25rem;
    font-weight:800;
    line-height:1.35
}
.tryDS-area .data-flow {
    display:grid;
    gap:7px;
    padding:28px;
    border-radius:24px;
    background:#fff;
    border:1px solid var(--line)
}
.tryDS-area .data-flow span {
    padding:10px;
    border-radius:16px;
    text-align:center;
    background:#f1f5ff
}
.tryDS-area .data-flow b {
    padding:10px;
    border-radius:16px;
    text-align:center;
    background:linear-gradient(90deg,#2638dd 65%,#20d6e5);
    color:#fff
}
h2+p#synergy {
    padding-top: 2.4rem;
    padding-bottom: 0em;
}