@charset "utf-8";

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

voice

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

#main_visual #main_visual_cont:before {
 aspect-ratio:1 / 1;
 background-image: url(/wp-content/themes/tds/img/common/bg_circle_blue.webp);
 background-position:center center;
 background-repeat: no-repeat;
 background-size: contain;
 content:" ";
 height: 500px;
 position: absolute;
 left: -10vw;
 top: -15vw;
 overflow: hidden;
 width: 100%;
 max-width: 500px;
}

#main_visual #main_visual_cont > img {
 object-position: left 70%;   
}

#main_visual #main_visual_cont .page_title {
 flex: 0 1 880px;
}

#main_visual #main_visual_cont .page_title h2 {
 position:relative;
}

#main_visual #main_visual_cont .page_title h2 span {
  display:none;
}

#main_visual #main_visual_cont .page_title h2:before {
 aspect-ratio: 91/41;
 background-image: url('/wp-content/themes/tds/img/voice/t_voice.webp');
 background-position: left center;
 background-repeat: no-repeat;
 background-size: contain;
 content: " ";
 left:0;
 top:50%;
 position: absolute;
 width:30vw;
 max-height:80px;
 margin-top:-80px;
}

#contents {
 padding:130px 0 100px;
 /*row-gap:20px;*/
}

.contents_title {
 max-width:880px;
 margin:0 auto;
 padding:0;
}

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

.content-wrap > p {
 max-width: 880px;
 margin: 0 auto;
 padding: 0;
 width: 100%;
}

.voice_section_title {
 position:relative;
 width:100%;
}

.voice_section_title:before {
 background-color:#EDF7FF;
 content:" ";
 height:60%;
 position:absolute;
 bottom:30px;
 width:100%;
 z-index:1;
}

.voice_section_title .voice_section_title_cont {
 max-width:880px;
 margin:0 auto;
 padding:0 50px;
 position:relative;
}

.voice_section_title .voice_section_title_cont:before {
 aspect-ratio:45 / 32;
 background-image: url(/wp-content/themes/tds/img/voice/i_quote.webp);
 background-position:center center;
 background-repeat: no-repeat;
 background-size: contain;
 content:" ";
 height: 45px;
 position: absolute;
 left:0;
 top: 23%;
 width: 100%;
 max-width: 32px;
 z-index: 2;
}

.voice_section_title .voice_section_title_cont:after {
 spect-ratio:45 / 32;
 background-image: url(/wp-content/themes/tds/img/voice/i_quote.webp);
 background-position:center center;
 background-repeat: no-repeat;
 background-size: contain;
 content:" ";
 height: 45px;
 position: absolute;
 right:0;
 bottom: 10px;
 width: 100%;
 max-width: 32px;
 z-index:2;
}

.voice_section_title .voice_section_title_cont img {
 position: relative;
 z-index:2;
}

.voice_cont {
 max-width:880px;
 margin:0 auto; 
}

.voice_cont ul {
 display:flex;
 flex-direction:column;
 row-gap:50px;
}

.voice_cont ul li {
 column-gap:40px;
 display:flex;
 justify-content:space-between;
}

.voice_cont ul li figure img {
 border-radius:10px;
 object-fit:cover;
 height:240px;
 width:300px;
}

.voice_cont ul li dl {
 display:flex;
 flex-direction:column;
 flex:1;
 justify-content:center;
 row-gap:15px;
}

.voice_cont ul li dl dt {
 align-items: start;
 display:flex;
 flex-direction:column;
 font-size:2.4rem;
 font-weight:600;
 line-height:1.6;
 row-gap:15px;
}

.voice_cont ul li dl dt span {
 background-color:var(--main);
 border-radius:20px;
 color:var(--white);
 display:inline-block;
 font-size:1.3rem;
 font-weight:600;
 line-height:1;
 padding:5px 30px;
}

.voice_cont ul li dl dd {
 flex:1;
 font-size:1.3rem;
 line-height:1.8;
}