@charset "UTF-8";

/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {



/*voice*/
.voice_img {
width: 1200px;
margin: auto;
position: relative;
}

.voice_wrap {
width: 900px;
background: #FFF;
margin:80px auto 100px;
position: relative;
border-top: 1px solid #000;
padding: 50px 50px 0;
box-sizing: border-box;
}

.voice_wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 40px;
z-index: 2;
background: #000;
}

.voice_wrap::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 40px;
z-index: 2;
background: #000;
}

.voice_read_tit {
position: relative;
font-size: 1.5rem;
font-family:'Noto Serif JP', serif;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.02rem;
text-align: center;
margin-bottom: 50px;
}

.voice_read_tit2 {
position: relative;
margin-bottom: 1.4em;
font-family:'Noto Serif JP', serif;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.04rem;
text-align: center;
margin: 0 0 60px;
}

.voice_txt {
position: relative;
line-height: 2;
letter-spacing: 0.03rem;
margin: 0 auto 60px;
}

.voice_img_s {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 60px;
}


.voice_img_s div {
width: 50%;
}

.voice_img_s div:nth-child(2n) {
margin-top: 8vh;
}

.voice_img_s div img {
width: 100%;
height: auto;
}


.voice_q {
position: relative;
margin-bottom: 1.4em;
font-family:'Noto Serif JP', serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.04rem;
margin: 0 0 30px;
padding-left: 20px;
}

.voice_q::before{
content: "Q.";
position: absolute;
top: -5px;
left: 0;
font-size: 1.4rem;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: 500;
line-height: 1.6;
color: #658d1b;
}

}



/*sp*/
@media only screen and (max-width: 767px) {


/*voice1*/
.voice_img {
width: 100%;
margin: auto;
position: relative;
}

.voice_wrap {
width: 90%;
background: #FFF;
margin:50px auto 50px;
position: relative;
border-top: 1px solid #000;
padding: 40px 30px 0;
box-sizing: border-box;
}

.voice_wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 40px;
z-index: 2;
background: #000;
}

.voice_wrap::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 40px;
z-index: 2;
background: #000;
}

.voice_read_tit {
position: relative;
margin-bottom:1.3em;
font-size: 1.1rem;
font-family:'Noto Serif JP', serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.02rem;
}

.voice_read_tit2 {
position: relative;
margin-bottom: 1.2em;
font-size: 0.9rem;
font-family:'Noto Serif JP', serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.04rem;
text-align: left;
margin-bottom: 30px;
}

.voice_txt {
position: relative;
line-height: 1.6;
letter-spacing: 0.03rem;
margin: 0 auto 40px;
}

.voice_img_s {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 60px;
}


.voice_img_s div {
width: 50%;
}

.voice_img_s div:nth-child(2n) {
margin-top: 1.5vh;
}

.voice_img_s div img {
width: 100%;
height: auto;
}



.voice_q {
position: relative;
margin-bottom: 1.4em;
font-family:'Noto Serif JP', serif;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.04rem;
margin: 0 0 10px;
padding-left: 25px;
}

.voice_q::before{
content: "Q.";
position: absolute;
top: -3px;
left: 0;
font-size: 1.1rem;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-weight: 500;
line-height: 1.6;
color: #658d1b;
}

}