@charset "utf-8";

/*========================

entry.css

========================*/
#contents {
 z-index:1;
 overflow: visible;
}

.bg_line:before {
 content:none;
}

#main_visual {
}

#main_visual #main_visual_cont {
 background-color:#009EE8;
 position:relative;
 width:100%;
}

#main_visual #main_visual_cont:before {
 aspect-ratio:1590 / 421;
 background-image: url(/wp-content/themes/tds/img/entry/t_entry.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size:contain;
 content: " ";
 height: 100px;
 position: absolute;
 left: -100px;
 top: 50%;
 margin-top: -80px;
 width: auto;
}

#main_visual #main_visual_cont .page_title {
 justify-content:center;
}

/*---------------------------------------------
thanks
---------------------------------------------*/
.thanks .step ol li:last-child span {
 background-color: var(--gray_33);
 color: var(--white); 
}

.thanks .form_table .form_table_cont {
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:30px;
}

.thanks .form_table .form_table_cont p {
 font-size: 1.5rem;
 line-height:1.6;
}

.thanks .form_table .form_table_cont {
 row-gap:30px; 
}

.thanks ul.gallery {
 align-items:center;
 display:flex;
 gap:10px;
 flex-wrap:wrap;
 justify-content:center;
}

.thanks ul.gallery li {
 aspect-ratio: 1 / 1;
 width:calc(100% / 6 - 10px);
}

.thanks ul.gallery li img {
 height:100%;
 object-fit:cover;
 opacity:0;
 -webkit-transition:opacity 3s;
 transition: opacity 3s;
 width:100%;
}

.thanks ul.gallery li img.lazyloaded {
 opacity:1;
}

.thanks #thanks_message .btn {
 display:flex;
 justify-content:center;
}

.thanks #thanks_message .btn a {
 max-width:300px;
}

/*---------------------------------------------
footer
---------------------------------------------*/
#footer #footer_cont #footer_head {
 padding:50px 50px 50px 310px;
}

#footer #footer_bottom #footer_bottom_cont {
 /*padding-right: calc(310px);*/
 padding-left: calc(310px);
}

/*---------------------------------------------
pagetop
---------------------------------------------*/
#pagetop {
 bottom:90px;
}