footer{
margin-top:0;
position:relative;
z-index:1000;
}





/* フレーム設定 -------------------------------------------------------------------------------- */

#adspecial_digital_trust_summit_2026{
padding: 0;
}

#adspecial_digital_trust_summit_2026.adspecial_type1{
width:100% !important;
max-width:100% !important;
font-feature-settings: "palt";
font-family: 'Segoe UI';
color:#202124;
}

#adspecial_digital_trust_summit_2026.adspecial_type1 .frame_col_left{
margin:0;
}


.pc-view{
display:block;
}

.sp-view{
display:none;
}



/* add css -------------------------------------------------------------------------------- */



.contents-wrap{
width:100%;
position:relative;
}

.contents-wrap .header-area{
width:100%;
position:relative;
}

.contents-wrap .header-area::before{
content:"";
position:absolute;
top:0;
left:0;
background:url(/extra/digital_trust_summit_2026/media/img_dtn_mainvisual.png) center bottom no-repeat;
background-size:cover;
width:100%;
height:100%;
z-index:-1;
}


.contents-wrap .header-area .header-text{
height:350px;
display:flex;
flex-direction:column;
justify-content:center;
}

.contents-wrap .header-area .header-text h1{
display:flex;
flex-direction:column;
justify-content:center;
/*align-items:center;*/
font-size:clamp(2.5rem, 1.833rem + 1.67vw, 3.5rem);
line-height:1.3;
}

.contents-wrap .header-area .header-text h1 span{
position:relative;
margin:0 5%;
padding:0;
width:fit-content;
color:#000;
line-height:1.2;
opacity: 0;
/*box-shadow:0 10px 10px -5px #252525;*/
}

/*.contents-wrap .header-area .header-text h1 span::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
z-index:-1;
opacity: 0;
}*/


.contents-wrap .header-area .header-text h1 span:nth-of-type(1){
animation: left-in 0.5s ease-out 0.1s forwards;
}
.contents-wrap .header-area .header-text h1 span:nth-of-type(2){
animation: left-in 0.5s ease-out 0.3s forwards;
}


.contents-wrap .header-area h1 span small{
font-size:65%;
font-weight:bold;
}


.contents-wrap .header-area .header-text .ondemand{
color:#fff;
margin:20px 5%;
padding:10px 20px;
font-size:clamp(1.25rem, 1.083rem + 0.42vw, 1.5rem);
font-weight:bold;
width:fit-content;
color:#fff;
position:relative;
opacity: 0;
animation: left-in 0.5s ease-out 0.5s forwards;
}

.contents-wrap .header-area .header-text .ondemand::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(157,40,76,1);
z-index:-1;

}


@keyframes left-in{
0% {
    opacity: 0;
    transform: translateX(-20%);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}


.contents-wrap .header-area .lead-section{
margin:0 auto 16px;
max-width:1350px;
padding:40px;
background:rgba(255,255,255,0.5);
font-size:1.1rem;
box-shadow:0 10px 10px -5px #252525;
opacity: 0;
animation: fade-in 0.5s ease-out 0.5s forwards;
}



@keyframes fade-in{
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}



.contents-wrap .contents-area{
margin:0 auto;
width:100%;
}
.contents-wrap .contents-area.background{
background-color:#f5f5f5;
padding:10px 10px 36px;
}

.contents-wrap .section{
max-width:1080px;
margin:0 auto;
}


.contents-wrap h2{
margin:0 auto;
padding:36px 0;
text-align:center;
font-size:clamp(2rem, 1.5rem + 2.5vw, 4rem);
/*font-weight:normal;*/
line-height:1;
}

.contents-wrap h2 span{
font-size:35%;
color:#666;
display:block;
text-align:center;
margin:0 auto;
padding:0 0 10px 0;
border-bottom:1px solid #ccc;
font-weight:normal;
width:fit-content;
}





/*session*/


.contents-area .session-block{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin:0 auto;
}


.contents-area .session-inner{
max-width:520px;
margin-bottom:36px;
}



.contents-area .session-inner .session-ondemand{
margin-bottom:20px;
padding:10px;
border-radius:5px;
box-shadow:0 0 30px #e0e0e0;
overflow:hidden;
position:relative;
}

.contents-area .session-inner .session-ondemand img{
max-width:500px;
}




.contents-area .session-inner .session-ondemand .detail{/*画像マウスオーバー時の表出設定*/
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    background:rgba(0,0,0,0.7);
    transform: translateY(100%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition:0.3s;
}

.contents-area .session-inner .session-ondemand:hover .detail{
transform: translateY(0);
}


.contents-area .session-inner .session-ondemand .btn-style{/*画像マウスオーバー時ボタン*/
    position:relative;
    overflow:hidden;
    width:200px;
    height:40px; /* 高さを固定 */
    margin:16px auto;

    display:flex;
    align-items:center;      /* 上下中央 */
    justify-content:center;  /* 左右中央 */

    font-size:0.9rem;
    font-weight:bold;
    border-radius:30px;
    background-image: linear-gradient(90deg, #0475c9, #5011d7);
    color:#fff;
}

.contents-area .session-inner .session-ondemand .btn-style:hover{
color:#fff !important;
}


.contents-area .session-inner .session-ondemand .btn-style::before{
    content:"";
    position:absolute;
    inset:0;
border-radius:30px;
background-image: linear-gradient(90deg, #00579a, #3b00b8);
    opacity:0;
    transition:opacity 0.3s ease;
    z-index:0;
}

.contents-area .session-inner .session-ondemand .btn-style:hover::before{
    opacity:1;
}


.contents-area .session-inner .session-ondemand .btn-style span{
    position:relative;
    z-index:10;
}





.contents-area .session-inner .session-header{
position:relative;
width:100%;
display:flex;
gap:10px;
}

.contents-area .session-inner .session-header span{
background-color:#000;
color:#fff;
padding:2px 15px;
font-size:0.9rem;
width:fit-content;
}

.contents-area .session-inner .session-title{
font-size:clamp(1.25rem, 1.188rem + 0.31vw, 1.5rem);
font-weight:bold;
line-height:1.5;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #d5d5d5;
}


.contents-area .session-inner .session-speaker{
margin:24px 0;
display:flex;
}


.contents-area .session-inner .session-speaker img{
width:100px;
border-radius:3px;
box-shadow:0 10px 10px -5px #d0d0d0;
}

.contents-area .session-inner .speakder-name{
margin-left:10px;
font-size:0.9rem;
}

.contents-area .session-inner .speakder-name strong{
font-size:1rem;
}


/*article*/

.contents-area .articles-inner{
display:flex;
align-items:center;
margin:24px 0;
}

.contents-area .article-thumb{
width:160px;
height:120px;
background-color:#d5d5d5;
flex-shrink:0;
}

.contents-area .article-title{
margin-left:15px;
font-size:1.125rem;
}

.contents-area .articles-inner a{
color:#444;
}

.contents-area .articles-inner a:hover{
color:#0078d4 !important;
text-decoration:underline;
}


.article-header,
.article-contents{
padding:24px !important;
}






/* responsive -------------------------------------------------------------------------------- */



@media screen and (max-width:960px){


.pc-view{
display:none;
}

.sp-view{
display:block;
}

.contents-wrap .header-area::before{
background-position:center bottom;
}


.contents-wrap .header-area .lead-section{
margin:0 20px;
padding:20px;
}


.contents-area .session-block{
display:block;
margin:0 auto 24px;
}

.contents-area .session-inner{
max-width:100%;
margin-bottom:0;
padding:20px;
}

.contents-area .session-inner .session-ondemand img{
max-width:100%;
}

.contents-wrap .contents-area.background{
padding:24px;
}

.contents-area .article-thumb{
width:80px;
height:60px;
}

.contents-area .article-title{
font-size:1rem;
}



}





@media screen and (max-width:640px){






}






/* ヘッダー＆フッター広告表記 2024～
-------------------------------------------------------------------------------------------------------*/

.header_sponsored_area{
    width:100%;
    background-color:#fff;
    color:#000;
    font-size:14px;
    text-align:right;
    padding:15px 20px;
    position:relative;
    z-index:1000;
}

.header_sponsored_area span{
    margin:0;
    line-height:1.3;
    display:block;
}


.block_sponsored_area{
    clear:both;
    background-color:#fff;
    color:#000;
    font-size:14px;
    border:1px solid #000;
    margin:25px auto;
    padding:15px 15px 10px;
    max-width:760px;
    position:relative;
    z-index:10;
}

.block_sponsored_area span{
    margin:5px 0;
    text-align:left;
    display:block;
}


.block_sponsored_area:before{
    display: block;
    content: "PR";
    position: absolute;
    top: -12px;
    left: 30px;
    width: 40px;
    height: 30px;
    text-align: center;
    background-color: #fff;
}


.block_sponsored a{
/*color:#4285f4;*/
color:#424242;
}

.block_sponsored a:hover{
color:#4285F4 !important;
}


@media screen and (max-width: 960px) {

.block_sponsored_area{
margin:25px;
}

}