@charset "utf-8";

/* ---------------------------------------------------
   File: faq.css
   Version: 1.0.0
   Update: 2019-10-08
   Author: http://flowlab.co.jp

   (c)2007-2019 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */
#gnavi li:nth-child(5) a:before {
  opacity: 1;
}

#main ul {
  margin: 0;
  padding: 0;
}

.h1_underLine {
    margin-bottom: 88px;
}

#main h2 {
  margin: 0 0 66px;
  text-align: center;
  font-size: 1.73em;
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  letter-spacing: 0.03em;
}

/* section */
#main .faq {
  padding: 0 30px;
  margin: 0 auto;
  max-width: 1160px;
}

#main .faq dl {
  margin: 0 0 136px;
  border-bottom: 1px solid #ccc;
}

#main .faq dt {
  padding: 23px 32px;
  font-weight: 300;
  font-size: 1.07em;
  position: relative;
  border-top: 1px solid #ccc;
  background: url("../faq/images/icon01.png") no-repeat right 9px top 32px;
  background-size: 11px 7px;
  cursor: pointer;
  letter-spacing: -0.02em;
}

#main .faq dt.on {
  background-image: url("../faq/images/icon02.png");
}

#main .faq dt:before {
  position: absolute;
  top: 24px;
  left: 10px;
  content: "Q.";
  font-size: 0.93em;
}

#main .faq dd {
  display: none;
  padding: 0 32px 26px;
  margin: 0;
  position: relative;
  font-size: 0.93em;
  line-height: 1.9;
  font-weight: 100;
}

#main .faq dd:before {
  position: absolute;
  top: 0;
  left: 10px;
  content: "A.";
}

/* ===========================================================================================================================================

   MOBILE

============================================================================================================================================= */
@media screen and (max-width: 767px) {
.h1_underLine {
    margin-bottom: 45px;
}

#main h2 {
  margin: 0 0 32px;
  font-size: 0.87em;
}

/* section */
#main .faq {
  max-width: inherit;
}

#main .faq dl {
  margin: 0 0 66px;
}

#main .faq dt {
  padding: 17px 13px;
  font-size: 0.73em;
  background-position: right 5px top 24px !important;
  background-size: 6px 3px;
}
  
#main .faq dt:before {
  left: 0;
  top: 16px;
  font-size: 0.93em;
}

#main .faq dd {
  padding: 0 0 20px 13px;
  font-size: 0.73em;
  line-height: 1.8;
  font-weight: 100;
}

#main .faq dd:before {
  left: 0;
  content: "A.";
}
}

@media all and (-ms-high-contrast:none){
  #main .faq dt {
    padding: 26px 32px 20px;
  }
  
  #main .faq dd {
    padding-top: 3px;
  }
}