@charset "UTF-8";
/*------------------------------------------------*/
/*
    faq.css | built 2017/11/15
*/
/*------------------------------------------------*/

h3 {
  font-size: 130%;
  color: #494949;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

.box-margin {
  margin-left: 15px;
  margin-right: 15px;
}

.ttlbox .ttl {
  color: rgba( 255, 96, 34, 1.0);
  font-size: 200%;
  font-weight: bold;
  text-align: center;
  /*line-height: 3.8;*/
  font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
}

.q-box {
  background-color: #ff6022;
  padding: 15px 15px 5px 15px;
}

.q-box p {
  color: white;
  font-weight: bold;
}

.a-best-box {
  border-top: solid 2px #ff6022;
  border-bottom: solid 2px #ff6022;
  background-color: white;
  padding: 45px 20px;
  background-image: url("../faq/images/good.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: local;
  color: #512d14;
  font-weight: bold;
}

.a-cate-box {
  border-top: solid 2px #ff6022;
  border-bottom: solid 2px #ff6022;
  background-color: white;
  padding: 45px 20px;
  background-image: url("../faq/images/hanamaru-cate.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: local;
  color: #512d14;
  font-weight: bold;
}

.btn {
  margiin-top: 5px;
}

.other-ans {
  color: #ff6022;
  font-weight: bold;
  margin-bottom: 35px;
}

.cont-ttl {
  color: #ff6022;
  font-weight: bold;
  margin-bottom: 35px;
  font-size: 120%;
}

/*iframe.other-ans-box {
  border: solid 2px #ff6022;
  background-color: white;
  padding: 5px;
}*/

iframe {
  background-color: #FFF;
}

/*----------*//*iframe nouse*/
/*.ifrm-container {
  border: solid 2px #ff6022;
  background-color: #FFF;
  padding: 5px;
  width: 100%;
  height: 400px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
}

.ifrm {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  background-color: white;
}*/
/*----------*//*iframe nouse*/

.frame-inner {
  background-color: white;
  padding: 15px;
  word-wrap: break-all;
  white-space: normal;
}

.inlineframe  {
  border: solid 2px #ff6022;
  background-color: #FFFFFF;
  width: auto;
  height: 400px;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
}

h3.switch {
  width: 100%;
  font-size: 100%;
  color: #303030;
  padding:5px 0 5px 10px ;
  border-left: 3px solid #1ab8e5;
  margin-bottom: 2px ;
  color: #282828 ;
  cursor:pointer;
  background-color: #336b9e;
}

h3.switch02 {
  width: 100%;
  font-size: 100%;
  color: #303030;
  padding:5px 0 5px 10px ;
  border-left: 3px solid #6d1322;
  margin-bottom: 2px ;
  color: #282828 ;
  cursor:pointer;
  background-color: #ff2453;
}

h3.active {
  color: white;
}

h3.active02 {
  color: white;
}

.toggle_faq {
  overflow: hidden;
  padding: 5px 10px;
}
.mr15 {
  margin-right: 15px;
}

.haba {
  margin: -15px 0 -30px 0;
}

.bgorange {
  width: 100%;
  padding: 10px 0;
  background-color: rgba( 255, 96, 34, 0.5);
}

.head {
  font-weight: bold;
  cursor: pointer;
  margin: 0 0 15px 0;

}
.closeopen {
  display: none;
}

/*----------------------------------------------*//*bootstrap change*/
.btn {
white-space: normal;
}

.btn-warning {
  color: #fff;
  background-color: #f39c12;
  border-color: #ef970c;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}