@charset "UTF-8";
.accordion{
 width: 100%;
}
.accordion .store-area-title{
 font-size: 20px;
 color: #C20064;
}
.accordion .accordion-item + .store-area-title{
 margin: 50px 0 0;
}
.accordion .accordion-item:nth-child(1){
 border-top: solid 1px #ccc;
}
.accordion-item{
 border-bottom: solid 1px #ccc;
}
.accordion-header{
 padding: 20px;
 display: flex;
 gap: 20px;
 align-items: center;
}
.accordion-header .toggle img{
 width: 24px;
 height: 24px;
}
.accordion-header div{
 width: 100%;
 display: flex;
 align-items: center;
 gap: 20px;
 justify-content: space-between;
}
.accordion-header div p:nth-child(1){
 font-size: 24px;
 font-weight: bold;
 min-width: 241px;
}
.accordion-header div a{
 color: #fff;
 font-size: 13px;
 background-color: #C20064;
 border-radius: 19px;
 height: fit-content;
 line-height: 2;
 position: relative;
}
.accordion-header div a:before{
 position: absolute;
 content: "";
 background-size: cover;
 top: 0;
 bottom: 0;
 left: 10px;
 margin: auto;
}
.accordion-header div > a{
 font-family: "Outfit", sans-serif;
 display: block;
 margin: 0 0 0 -10px;
 padding: 4px 12px 4px 24px;
 min-width: fit-content;
}
.accordion-header div a:nth-child(2){
 padding: 3px 10px 3px 27px;
 letter-spacing: -0.05rem;
}
.accordion-header div > a:nth-last-child(2){
 padding: 4px 12px 4px 30px;
}
.accordion-header div a:nth-child(2) span{
 font-size: 13px;
 font-weight: 500;
 letter-spacing: -0.05rem;
 line-height: 2.07;
}
.accordion-header div a:nth-child(2):before{
 background: url("../images/common/icon-website-white.svg") no-repeat center center;
 background-size: contain;
 width: 12px;
 height: 11px;
}
.accordion-header div p:nth-child(3){
 line-height: 1.7;
 min-width: 506px;
}
.accordion-header div > a:nth-last-child(3):before{
 background: url("../images/common/icon-phone-white.svg") no-repeat center center;
 width: 9px;
 height: 12px;
 background-size: contain;
}
.accordion-header div > a:nth-last-child(2):before{
 background: url("../images/common/icon-line-white.svg") no-repeat center center;
 width: 16px;
 height: 15px;
 background-size: contain;
}
.accordion-header div > a:last-child:before{
 background: url("../images/common/icon-pin-white.svg") no-repeat center center;
 width: 9px;
 height: 12px;
}
.accordion-content{
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.3s ease;
 padding: 0 20px 0 64px;
}
.accordion-content > div{
 display: flex;
 justify-content: space-between;
 margin: 0 0 36px;
}
.accordion-content > div > ul{
 height: fit-content;
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}
.accordion-content > div > ul li{
 height: fit-content;
 color: #C20064;
 border: solid 1px;
 padding: 8px 10px;
 border-radius: 5px;
 line-height: 1;
}
.accordion-content p {
 margin: 10px 0;
}
.accordion-content > div > div{
 display: flex;
 gap: 30px;
}
.accordion-content > div > div ul li:not(:first-child){
 margin: 10px 0 0;
}
.accordion-content > div > div ul li a{
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 color: #fff;
 background-color: #C20064;
 padding: 17px 49px;
 border-radius: 30px;
 position: relative;
 max-width: 220px;
 max-height: 50px;
 white-space: nowrap;
}
.accordion-content > div > div ul li a p{
 margin: 0;
 font-weight: bold;
 letter-spacing: -0.05rem;
}
.accordion-content > div > div ul li.mail a img{
 width: 22px;
 height: fit-content;
}
.accordion-content > div > div ul li.phone a img{
 width: 20px;
 height: fit-content;
}
.accordion-content > div > div img{
 width: 210px;
}
@media (max-width: 768px) {
 .mid-txt{
  font-size: 17px;
  margin: 10px 0 20px;
 }
 .accordion .accordion-item + .store-area-title{
  margin: 20px 0 0;
 }
 .accordion-header{
  align-items: flex-start;
  padding: 20px 0;
 }
 .accordion-header .toggle img{
  margin: 3px 0 0;
 }
 .accordion-header div{
  display: block;
 }
 .accordion-header div a{
  font-size: 15px;
 }
 .accordion-header div > a{
  display: inline;
  margin: 0 10px 0 0;
 }
 .accordion-header div p:nth-child(1){
  display: inline;
  float: left;
  font-size: 18px;
  min-width: unset;
 }
 .accordion-header div a:nth-child(2){
  height: 25px;
  float: left;
  display: block;
  margin: 0 0 0 20px;
 }
 .accordion-header div a:nth-child(2):before{
  left: 0;
  right: 0;
 }
 .accordion-header div a:nth-child(2) span{
  display: none;
 }
 .accordion-header div p:nth-child(3){
  clear: both;
  margin: 10px 0 5px;
  min-width: unset;
  font-size: 15px;
 }
 .accordion-header div > a:last-child{
  width: fit-content;
 }
 .accordion-content{
  padding: 0 0 0 35px;
 }
 .accordion-content > div{
  display: block;
 }
 .accordion-content > div > ul{
  display: grid;
 }
 .accordion-content > div > ul li{
  width: fit-content;
  font-size: 15px;
 }
 .accordion-content > div > div{
  display: grid;
  gap: 15px;
  margin: 15px 0 0;
 }
 .accordion-content > div > div ul{
  order: 2;
 }
 .accordion-content > div > div ul li a{
  line-height: 1;
  text-align: center;
  letter-spacing: 0rem;
  max-width: unset;
  padding: 10px 0;
 }
 .accordion-content > div > div ul li.mail a:before{
  left: 45px;
 }
 .accordion-content > div > div ul li.phone a:before{
  left: 55px;
 }
 .accordion-content > div > div img{
  order: 1;
  width: 100%;
 }
}