@charset "utf-8";
.pTitle {
background: url(/common/files//1588/voices2024_title_s.png) no-repeat right center;
height: 220px;
font-size: 1.4rem;
font-weight: bold;
color: #12bccb;
}

.pTitle h2 {
padding: 80px 50px 0;
}

.pTitle h2 span {
font-size: 1.8rem;
margin-left: 20px;
display: inline-block;
vertical-align: 6px;
}

.voices2024Detail {
margin-top: -40px;
}

.voices2024Detail .profile {
display: flex;
justify-content: space-between;
}

.voices2024Detail .profile .text {
width: calc(60% - 40px);
}

.voices2024Detail .profile .text .lead {
font-size: 1.6rem;
font-weight: bold;
border-top: 4px solid;
border-image: linear-gradient(to right, #FCC9D5 0%, #E6F0B4 50%, #B7EBF0 100%);
border-image-slice: 1;
padding-top: 24px;
line-height: 1.4;
margin-bottom: 30px;
}

.voices2024Detail .profile .text .dep {
display: inline-block;
color: #FFF !important;
background-color: #ABCD05;
margin: 0;
padding: 0 8px;
border-radius: 8px 0 8px 0;
letter-spacing: 0.04rem;
}

.voices2024Detail .profile .text .dep a{
text-decoration:none;
color:#ffffff;
}

.voices2024Detail .profile .text dl {
margin: 8px 0 24px;
}

.voices2024Detail .profile .text dl dt {
color: #000 !important;
font-size: 1.6rem;
letter-spacing: 0.04rem;
line-height: 1.4;
}

.voices2024Detail .profile .text dl dt span {
font-weight: normal !important;
font-size: 1.1rem;
margin-left: 1rem;
letter-spacing: 0;
}

.voices2024Detail .profile .text dl dd {
font-size: 1.1rem;
}

.voices2024Detail .profile .photo {
width: 40%;
}

.voices2024Detail .profile .photo img {
display: block;
width: auto;
border-radius: 8px 0 8px 0;
box-shadow: 6px 6px 0 #E1EDFF;
margin: 0 0 0 auto;
}

.voices2024Detail .qa {
margin: 60px 0 0;
}

.voices2024Detail .qa dl {
padding: 64px 0 0;
}

.voices2024Detail .qa dl dt {
margin: 0;
color: #000;
padding: 4px 8px;
border-bottom: 2px solid #ABCD05;
font-size: 1.2rem;
letter-spacing: 0.02rem;
background-color: #FAFEEB;
border-radius: 8px 0 8px 0;
}

.voices2024Detail .qa dl.tane {
background: url(/common/files//1589/tane.png) no-repeat 0 0;
}

.voices2024Detail .qa dl.ikusei {
background: url(/common/files//1589/ikusei.png) no-repeat 0 0;
}

.voices2024Detail .qa dl.kouka {
background: url(/common/files//1589/kouka.png) no-repeat 0 0;
}

.voices2024Detail .qa dl.yoakemae {
background: url(/common/files//1589/yoakemae.png) no-repeat 0 0;
}

.voices2024Detail .qa dl.densyou {
background: url(/common/files//1589/densyou.png) no-repeat 0 0;
}

.voices2024Detail .qa dl dd {
margin: 0 0 40px 20px;
border-left: 1px dashed #ABCD05;
border-bottom: 1px dashed #ABCD05;
padding: 20px;
border-radius: 0 0 8px 8px;
}

.voices2024Detail .qa p.remark {
margin: -20px 20px 30px 40px;
# padding: 0px 20px 20px;
text-indent: -1rem;
font-size:0.8rem;
color:#41a54b;
}

.voices2024Detail .qa dl dd img {
max-width: 400px;
height: auto;
}

.voices2024Detail .qa dl dd img.iRight {
float: right;
margin-left: 30px;
}

.voices2024Detail .qa dl dd img.iLeft {
float: left;
margin-right: 30px;
}

.centerImage img {
display: block;
margin: 0 auto 30px;
}

.btn {
display: block;
width: 300px;
margin: 0 auto;
padding: 10px 0;
text-align: center;
text-decoration: none !important;
color: #000 !important;
border: 2px solid #809903;
background-color: #ABCD05 !important;
color: #FFF !important;
border-radius: 8px 0 8px 0;
box-shadow: 3px 3px 0 #CCC;
}

.btn:hover {
background-color: #FAFEEB !important;
color: #809903 !important;
}

@media (max-width: 991px){

.voices2024Detail {
width: 100%;
}

.voices2024Detail .profile {
flex-direction: column;
}

.voices2024Detail .profile .text {
width: 100%;
order: 2;
}

.voices2024Detail .profile .photo {
width: 100%;
order: 1;
margin: 0 0 20px;
}

.voices2024Detail .profile .photo img {
margin: 0 auto;
}

.voices2024Detail .profile .text .lead {
font-size: 1.2rem;
margin-bottom: 20px;
}

.voices2024Detail .profile .text dl dt {
margin-bottom: 4px;
}

.voices2024Detail .profile .text dl dd {
line-height: 1.2;
}



.pTitle h2 {
padding: 100px 30px 0;
}

.pTitle h2 span {
font-size: 1.4rem;
display: block;
margin-left: 0;
}

.voices2024Detail .qa dl dd img.iRight {
float: none;
display: block;
margin: 0 auto 20px;
max-width: 100%;
}

.voices2024Detail .qa dl dd img.iLeft {
float: none;
display: block;
margin: 0 auto 20px;
max-width: 100%;
}