@charset "utf-8";

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

workstyle

=================================*/
#main {
 background-color:var(--white);
 flex:1 1 100%;
 padding:0;
}

#contents {
 margin-top:0;
 padding:0 0 50px;
 max-width: 100%;
}

.content-wrap {
 max-width:100%;
 margin:0 auto;
 width:100%;
}

.title {
 background-color:#F2FBFF;
 display:flex;
 justify-content:center;
}

.title figure img {
 max-width:1080px;
 margin:0 auto;
}

/*------------------------------------------------------------
workstyle
------------------------------------------------------------*/

#workstyle {
 display:flex;
 padding:0;
 width:100%;
}

#workstyle .title {
 width:100%;
}

#workstyle .title figure img {
 height:auto;
}

#workstyle #workstyle_cont {
 display:flex;
 justify-content:center;
 flex-direction:column;
 padding:50px 5vw;
 position:relative;
 row-gap:20px;
 width:100%;
 z-index:2;
}

#workstyle #workstyle_cont .introduction {
 display:flex;
 justify-content:center;
 flex-direction:column;
 row-gap:20px;
 max-width:880px;
 margin:0 auto;
}

#workstyle #workstyle_cont h2 {
 font-size: 3.2rem;
 font-weight: 600;
 line-height: 1.6;
 display: inline-block;
 text-align:center;
}

#workstyle #workstyle_cont .introduction p {
 font-size:1.6rem;
 line-height:1.6;
 text-align:center; 
}

#workstyle #workstyle_cont .introduction figure {
 aspect-ratio:58 / 36;
 max-width: 500px;
 margin: 0 auto;
}

#workstyle #workstyle_cont .introduction figure img {
 width:100%;
 height:100%;
 object-fit:cover;
}

/*------------------------------------------------------------
staff_voice
------------------------------------------------------------*/
#staff_voice {
 background-color: #F2FBFF;
 background-image:url('/wp-content/themes/tds/img/top/bg_staff_voice.webp');
 background-position:right top;
 background-repeat:no-repeat;
 background-size:50vw auto;
 display:flex;
 flex-direction:column;
 row-gap:0;
}

#staff_voice .title {
 background-color:transparent;
 background-image:none;
 padding:30px 5vw 0;
 z-index:2;
}

#staff_voice #staff_voice_cont {
 background-color: #F2FBFF; 
 margin:-40px auto 0 auto;
 max-width:100%;
 padding:0 5vw 50px 5vw;
 width: 100%;
}

#staff_voice #staff_voice_cont ul#voice_list {
 margin:0 auto; 
}