@charset "UTF-8";

hr.style1 {
  border-top: 1px dotted #8c8b8b;
}

.bg_gray {
  background-color: #efefef;
}

#attent {
  width: 1000px;
  margin: 0 auto;
}

/*============= Q&A =============*/
#pagetitle {
  background-image: url(/summer2025/suika.png);
}


.fqBOX {
  display: flex;
  flex-wrap: wrap;
}

.fqBOX .sst01 {
  width: 20%;
  margin: 0 2% 0 0;
  padding: .0;
  border: 0;
  font-size: 20px;
}

.list_faq {
  width: 78%;
  margin: 0 0 100px 0;
}

.list_faq dt {
  position: relative;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 56px;
  padding-right: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e7e8;
  position: relative;
  font-family: 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
}

.list_faq dt::before {
  position: absolute;
  font-size: 20px;
  font-weight: 100;
  color: #fff;
  line-height: 36px;
  text-align: center;
  margin-right: 20px;
  width: 36px;
  height: 34px;
  top: -2px;
  left: 0;
  display: block;
  background: #0063b3;
  content: 'Q';
}

.list_faq dt::after {
  font: normal normal normal 14px/1 FontAwesome;
  font-family: "Font Awesome 5 Free";
  color: #12a2d6;
  font-size: 24px;
  font-weight: bold;
  top: 7px;
  right: 20px;
  content: "＋";
  position: absolute;
}

.list_faq dt.active:after {
  content: "－";
}

.list_faq dd:before {
  position: absolute;
  left: 0;
  font-size: 20px;
  color: #ed85b3;
  line-height: 36px;
  text-align: center;
  text-indent: 0;
  margin-right: 20px;
  padding: 0;
  border: 1px solid #eb85b4;
  width: 36px;
  height: 36px;
  display: inline-block;
  background: #fff;
  content: 'A';
}

  .list_faq dd {
    position: relative;
    text-indent: 0;
    margin-bottom: 40px;
    padding-left: 56px;
    font-family: 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }


.list_faq.auto dt:before,
.list_faq.auto dd:before {
  display: none;
}

.list_faq.auto dt {
  font-size: 1.2em;
}

.list_faq.auto dd {
  text-indent: 0;
  margin-bottom: 40px;
  padding-left: 0;
}





@media screen and (max-width:768px) {

  #attent {
    width: 100%;
    margin: 0 auto;
  }

  .fqBOX {
    display: block;
    flex-wrap: wrap;
  }

  .fqBOX .sst01 {
    width: 100%;
    margin-bottom: 15px;
  }

  .list_faq {
    width: 100%;
    margin: 0 0 100px 0;
  }
img[src="/summer2025/qa.png"] {
  width: 100%;
}


}