@charset "utf-8";

/* 共通 */
.AdryS2511 { width: 100%; padding-bottom: 80px;}
.AdryS2511 a { display: block; transition: .3s;}
.AdryS2511 a:hover { text-decoration: none; opacity: 0.8;}
.AdryS2511 img{ display: block; margin: 0 auto;}
.AdryS2511 h1, .AdryS2511 h2 { padding: 0; margin: 0;}
.AdryS2511 summary { display: block;}
.AdryS2511 summary::-webkit-details-marker { display: none;}
@media screen and (max-width: 749px) {
  .AdryS2511 { padding-bottom: 40px;}
}

/* contents */
.AdryS2511 .AdryS2511_inner { width: 100%; max-width: 750px; margin: 0 auto;}
.AdryS2511 .sec_mv { margin-bottom: 40px;}
.AdryS2511 .sec_about { padding: 0 20px;}
.AdryS2511 .sec_about { margin-bottom: 60px;}
.AdryS2511 .sec_about details {border-top: 2px solid #890c84;}
.AdryS2511 .sec_about details:nth-child(1) { border-bottom: 2px solid #890c84;}
.AdryS2511 .sec_about .about_title { position: relative; padding: 25px 0; font-size: 20px; font-weight: bold; letter-spacing: 0.08em; line-height: 1; color: #890c84; cursor: pointer;}
.AdryS2511 .sec_about .about_title::before, .AdryS2511 .sec_about .about_title::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 4px; background: #890c84; transition: all .3s;}
.AdryS2511 .sec_about .about_title::after { transform: translateY(-50%) rotate(90deg);}
.AdryS2511 .sec_about details[open] .about_title::after {transform: translateY(-50%) rotate(180deg);}
.AdryS2511 .sec_about details[open] .about_contents { animation: fadeIn 0.5s ease;}
.AdryS2511 .sec_about .about_contents { margin-bottom: 28px;}
.AdryS2511 .sec_about .about_contents p { font-size: 18px; letter-spacing: 0.08em; line-height: 1.4;}
.AdryS2511 .sec_about .about_contents .notice { margin-top: 10px; font-size: 14px; letter-spacing: 0;}
.AdryS2511 .sec_about .about_contents .flex { display: flex; justify-content: center; gap: 10px; margin-bottom: 24px;}
.AdryS2511 .sec_about .about_contents .flex div { position: relative; width: calc((100% - 10px)/2); padding: 20px; background: rgb(0, 135, 255, 0.1);}
.AdryS2511 .sec_about .about_contents .flex div:first-child::after { content: ""; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); width: 38px; height: 44px; background: #890c84; clip-path: polygon(0 0, 100% 50%, 0 100%); z-index: 1;}
.AdryS2511 .sec_about .about_contents .flex div p { margin-bottom: 12px; font-size: 18px;}
.AdryS2511 .sec_about .about_info{ padding-bottom: 28px; font-size: 18px; letter-spacing: 0.08em; line-height: 1.5; border-bottom: 2px solid #890c84;}
.AdryS2511 .sec_about .about_info a { display: inline-block; color:#890c84; text-decoration: underline;}
.AdryS2511 .sec_about .about_info .about_title { cursor: unset;}
.AdryS2511 .sec_about .about_info .about_title::before,.AdryS2511 .sec_about .about_info .about_title::after { content: none;}
.AdryS2511 .sec_offer { padding-bottom: 40px; background-color: #fef8eb;}
.AdryS2511 .sec_offer .offer_inner { margin: 0 25px 30px; background: #fff;}
.AdryS2511 .sec_offer .offer_inner .offer_btn{ padding-bottom:20px;}
.AdryS2511 .sec_offer .offer_inner:last-child{ margin-bottom: 0;}
@media screen and (max-width: 749px) {
  .AdryS2511 .sec_mv { margin-bottom: 26px;}
  .AdryS2511 .sec_about { margin-bottom: 25px;}
  .AdryS2511 .sec_about details {border-top: 1px solid #890c84;}
  .AdryS2511 .sec_about details:nth-child(2) { border-bottom: 1px solid #890c84;}
  .AdryS2511 .sec_about .about_title { padding: 16px 0; font-size: 15px;}
  .AdryS2511 .sec_about .about_title::before, .AdryS2511 .sec_about .about_title::after { width: 10px; height: 2px;}
  .AdryS2511 .sec_about .about_contents { margin-bottom: 32px;}
  .AdryS2511 .sec_about .about_contents p { font-size: 13px;}
  .AdryS2511 .sec_about .about_contents .notice { margin-top: 3px; font-size: 10px;}
  .AdryS2511 .sec_about .about_contents .flex { gap: 5px; margin-bottom: 12px;}
  .AdryS2511 .sec_about .about_contents .flex div { width: calc((100% - 5px)/2); padding: 10px;}
  .AdryS2511 .sec_about .about_contents .flex div:first-child::after { right: -2.66vw; width: 4vw; height: 4.533vw;}
  .AdryS2511 .sec_about .about_contents .flex div p { margin-bottom: 6px; font-size: 11px;}
  .AdryS2511 .sec_about .about_info{ padding-bottom: 18px; font-size: 12px; border-bottom: 1px solid #890c84;}
  .AdryS2511 .sec_offer { padding-bottom: 5.3333vw;}
  .AdryS2511 .sec_offer .offer_inner { margin: 0 2.6666vw 4vw;}
  .AdryS2511 .sec_offer .offer_inner .offer_btn{ padding-bottom: 3vw;}
}