@media only screen and (min-width : 501px) {
body {
background: url("images/pc_bg.jpg") no-repeat top center;
background-size: cover;
background-attachment: fixed;
}
}
main{
background: #fff;
}

.main{
position: relative;
}
.main-logo{
}
.main-ill{
position: absolute;
width: 16%;
right: 4%;
top: 45%;
}

.main-lead{
position: absolute;
width: 100%;
bottom: 25.5%;
left: 0;
text-align: center;
color: #466D3A;
font-weight: 500;
font-size: clamp(12px, 4.25vw, 21px);
}
.main-btn{
position: absolute;
bottom: 8%;
left: 8%;
width: 84%;
}

.prof-sec{
padding: 10% 0 0;
color: #466D3A;
text-align: center;
}
.prof-av{
width: 48%;
margin: 0 auto;
}
.head-text{
font-weight: 500;
font-size: clamp(12px, 4.25vw, 21px);
}
.prof-name{
font-weight: 700;
font-size: clamp(12px, 5.3vw, 26px);
}
.prof-details{
font-size: clamp(12px, 3.5vw, 17px);
}
.prof-details-ttl{
font-weight: 500;
font-size: clamp(12px, 3.7vw, 18px);
}
.tap-box{
background: #F2A59C;
padding: 10% 0;
}
.tap-btn{
width: 53%;
margin: 0 auto;
cursor: pointer;
}
.tap-btn.poyopoyo:hover{
opacity: 0.6;
}
.tap-btn.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
.tap-btn-box{
width: 53%;
margin: 0 auto;
}
.tap-btn-box .poyopoyo {
  animation: poyopoyo 1.5s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
0%, 40%, 60%, 80% {
transform: scale(1.0);
}
50%, 70% {
transform: scale(0.85);
}
}
.talk-sec{
background: url("images/talk-bg.jpg") repeat-y top center;
background-size: 100% auto;
height: 0;
opacity: 0;
transition:opacity 0.8s 0.4s;
}
.talk-sec.taped{
height: auto;
padding: 12% 0 0;
opacity: 1;
transition:opacity 0.8s 0.4s;
}


.talk-q-box{
display: flex;
justify-content: space-between;
padding: 0 5%;
}
.talk-q-av{
width: 17.5%;
}
.talk-q-cont{
width: 81%;
padding: 0 3% 0 5%;
position: relative;
}
.talk-q-cont.wide{
padding: 0 0 0 5%;
}
.talk-q-cont p{
background: #fff;
padding: 4%;
border-radius: 2.6vw;
position: relative;
font-size: clamp(12px, 3.5vw, 18px);
font-weight: 500;
display: inline-block;
}
.talk-q-cont::after {
position: absolute;
width: 8%;
height: 70%;
top: 11%;
left: 1.5%;
content: '';
background: url(images/arrow-t02.svg) no-repeat;
background-size: 100% auto;
}
.talk-q-cont p.with-img{
width: 100%
}
.talk-a-cont{
width: 95%;
text-align: right;
margin: 0 auto;
padding: 0 5% 0 0;
position: relative;
}
.talk-a-cont::after {
position: absolute;
width: 8%;
height: 70%;
top: 11%;
right: 1.5%;
content: '';
background: url(images/arrow-t01.svg) no-repeat;
background-size: 100% auto;
}
.talk-a-cont p{
background: #FFF2AF;
padding: 4%;
border-radius: 2.6vw;
position: relative;
font-size: clamp(12px, 3.5vw, 18px);
font-weight: 500;
display: inline-block;
text-align: left;
}
.ending{
background: #FADFDC;
padding: 8% 0 10%;
}
.ending p{
font-weight: 700;
font-size: clamp(12px, 4.9vw, 24px);
color: #466D3A;
text-align: center;
}
.ending-ill{
width: 78%;
margin: 0 auto;
}


@media only screen and (min-width : 501px) {
.talk-q-cont p,
.talk-a-cont p{
border-radius: 18px;
}
}