@charset "UTF-8";


/* ---------------------------------------------- event */

main #event  {
padding: 50px 0;
}
main #event h2 {
padding-bottom: 30px;
}
main #event h3 {
font-weight: bold;
font-size: 215%;
margin: 70px 0 50px;
text-align: center;
}
main #event .txt02 {
text-align: center;
font-size: 115%;
line-height: 1.7;
}
main #event figure {
margin: 60px 0 0 0;
padding: 0 14.5%;
}
main #event figure figcaption {
margin: 14px 0 0 0;
line-height: 1.7;
}
main #event .enquete h3 {
margin: 100px 0 30px 0;
}
main #event .enquete .txt02 {
margin: 0 0 40px 0;
}
main #event .enquete dl {
display: flex;
align-items:center;
}
main #event .enquete dl.anser {
flex-direction:row-reverse;
}
main #event .enquete dl dt {
width: 86px;
min-width: 86px;
border-radius: 50%;
overflow: hidden;
}
main #event .enquete dl dt {
margin: 15px 30px 15px 30px;
}
main #event .enquete dl dd {
background: #fff;
padding: 25px 40px;
border-radius: 10px;
line-height: 1.6;
position: relative;
width: 100%;
}
main #event .enquete dl.question dd {
margin: 0 148px 0 0;
}
main #event .enquete dl.question dd:after {
position: absolute;
left: -9px;
top:50%;
transform: translateY(-50%);
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6.5px 10px 6.5px 0;
border-color: transparent #fff transparent transparent;
}
main #event .enquete dl.anser dd {
background: #ffe599;
margin: 0 0 0 148px;
}
main #event .enquete dl.anser dd::after {
position: absolute;
right: -9px;
top:50%;
transform: translateY(-50%);
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6.5px 0 6.5px 10px;
border-color: transparent transparent transparent #ffe599;
}
main #event aside {
margin: 120px auto 36px;
width: 660px;
}
main #event aside .listBlock li {
position: relative;
width: 320px;
}
main #event aside .listBlock li span.img01 {
max-height: 226px;
}
main #event aside .btn01 a {
text-align: center;
margin: auto;
display: block;
color: #fff;
background: #f94841;
line-height: 50px;
min-height: 50px;
border-radius: 50px;
margin: 20px 35px 0;
font-size: 124%;
}
main #event aside .btn01 a:hover {
background: #ff918c;
transition: 0.4s ease;
}


@media screen and (min-width: 0px) and (max-width:720px) {

main #event .txt01 {
font-size: 115%;
}
main #event .txt02 {
text-align: left;
font-size: 100%;
line-height: 1.7;
}

main #event .report h3 {
margin: 35px 0 30px;
}
main #event figure {
margin: 40px 0 0 0;
padding: 0 4%;
}
main #event figure figcaption {
font-size: 86%;
}
main #event .enquete dl.question dt {
margin: 5px 20px 5px 0px;
}
main #event .enquete dl.anser dt {
margin: 15px 0px 15px 20px;
}
main #event .enquete dl.question dd,
main #event .enquete dl.anser dd {
margin: 10px 0 10px 0;
padding:15px 25px;
}
main #event aside {
margin: 70px auto 10px;
width: 90%;
}
main #event aside .listBlock li {
width: 80%;
margin: 0 auto 30px;
}
}