@charset "utf-8";
.participating .mainTTLimg {
   background-image: url("../../assets/img/participating/mainimg.jpg");
   background-repeat: no-repeat;
   background-position: top center;
   max-width: 100%;
   height: 400px;
   background-size: cover;
   text-align: center;
}
.participating .search {
   margin-bottom: 5rem;
   padding-bottom: 5rem;
   border-bottom: 1px solid;
}
.participating .search h3, .participating .result h3 {
   color: #d91761;
   letter-spacing: 0.05em;
   line-height: 1.3;
}
.participating .search h3 {
   font-size: clamp(1.8rem, 2.2vw, 2.6rem);
   margin-right: 3rem;
}
.participating .search .flex {
   max-width: 726px;
   margin: 0 auto;
   align-items: center;
}
.participating .search .flex div {
   width: 60%;
   position: relative;
}
.participating .search select {
   width: 100%;
   height: 75px;
   padding: 2.5rem 3rem;
   font-size: clamp(1.6rem, 1.9vw, 2.2rem);
   position: relative;
   letter-spacing: 0.05em;
   background: #ededed;
   border-color: #4c4948;
   color: #706d6d;
}
.participating .search .flex div::after {
   content: "▼";
   position: absolute;
   top: 50%;
   right: 3rem;
   transform: translateY(-50%);
   color: #706d6d;
   width: 1.9rem;
   height: 1.6rem;
   pointer-events: none;
}
.participating .result h3 {
   font-size: clamp(1.8rem, 2.4vw, 3rem);
}
.participating .result ul {
   gap: 5rem 6rem;
   flex-wrap: wrap;
   margin-top: 5rem;
   margin-bottom: 8.5rem;
}
.participating .result ul li {
   width: calc((100% - 6rem) / 2);
   list-style-type: none;
   padding-bottom: 5rem;
   border-bottom: 1px dotted #4c4948;
}
.participating .result ul li dl {
   justify-content: flex-start;
   grid-gap: 2rem;
   letter-spacing: 0.05em;
   line-height: 1.3;
   align-items: stretch;
}
.participating .result ul li dl:not(:last-child) {
   margin-bottom: 1.5rem;
}
.participating .result ul li dl dd {
   background: #f7d1df;
   color: #d91761;
   width: 22%;
   padding: 0.8rem 0;
   text-align: center;
   font-size: clamp(1.2rem, 1.4vw, 1.6rem);
   display: flex;
   align-items: center;
   justify-content: center;
}
.participating .result ul li dl dt {
   font-size: clamp(1.4rem, 1.6vw, 1.8rem);
   width: 87%;
}
.participating .result ul li dl.name dt {
   font-size: clamp(1.6rem, 1.9vw, 2.2rem);
   color: #d91761;
}
.participating .result ul li dl.site dt a {
   color: #34559c;
   text-decoration: underline;
}
.participating .result ul li dl.telphone dt a {
   color: #34559c;
   text-decoration: underline;
}
.participating .result ul li dl.address dt {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.participating .result ul li dl.address dt a {
   font-size: clamp(1.2rem, 1.3vw, 1.4rem);
   display: inline-block;
   border: 1px solid #dedcd7;
   border-radius: 3px;
   background-image: linear-gradient(to bottom, #fff 85%, #f6f6f6 100%);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06);
   color: #4c4948;
   margin: 1rem;
   padding: 0.5rem 1rem;
   font-weight: 400;
}
/*-- -----------------------------------------------//------------------------------------------------------------ */
@media screen and (max-width:1024px) {
   .participating .search .flex {
      width: 100%;
   }
}
@media screen and (max-width:959px) {
   .participating .mainTTLimg {
      height: 220px;
   }
}
@media screen and (max-width:768px) {
   .participating .result ul li {
      width: 100%;
   }
}
@media screen and (max-width:559px) {
   .participating .mainTTLimg {
      background-position: left top;
      height: 174px;
   }
   .participating .search .flex div {
      width: 100%;
   }
   .participating .result ul li dl {
      flex-direction: row;
   }
   .participating .search .flex {
      align-items: flex-start;
   }
   .participating .search h3 {
      margin-bottom: 1rem;
   }
   .participating .search .flex {
      margin-bottom: 0;
   }
   .participating .search {
      margin-bottom: 3rem;
      padding-bottom: 3rem;
   }
   .participating .result ul {
      margin-top: 3rem;
      gap: 3rem;
   }
   .participating .result ul li dl:not(:last-child) {
      margin-bottom: 1rem;
   }
   .participating .result ul li {
      padding-bottom: 2rem;
   }
}
@media screen and (max-width:414px) {
   .participating .result ul li dl dd {
      width: 30%;
   }
   .participating .result ul li dl dt {
      width: 70%;
   }
}