@charset "UTF-8";

#page_header{background-image:url("../img/header_back_pc.webp");height: 460px;padding-top:  10%;}

.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}
.center{text-align: center;}
/* section_01 */
.section_01,.bg_breadcrumb,.section_02{background-color: #ffffff;}
.frame-box-001 p{width: 90%;margin: 2% auto;}
.frame-box-001 {
	padding: 30px;
	position: relative;
}

.frame-box-001::before, .frame-box-001::after {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
}

.frame-box-001::before {
	border-left: solid 2px #f39800;
	border-top: solid 2px #f39800;
	top: 0;
	left: 0;
}

.frame-box-001::after {
	border-right: solid 2px #f39800;
	border-bottom: solid 2px #f39800;
	bottom: 0;
	right: 0;
}

/* section_02 */
.bg_question{background-image: url("../img/question_back_pc.webp");background-repeat: repeat-y;background-size: cover;background-position: top center;}
.ctegory{background-color: #f39800;color:#ffffff;display: inline-block;padding: 0.6% 2%;margin-bottom: 2%;}
.questiion_box{padding-bottom: 5em;}
.tategaki{writing-mode: vertical-rl;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";color:#727171;font-size: 2em;width: 8%;float: left;}

/* クエスチョンCSS */
.qanda{width: 90%;float: right;}
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}

.faq-question__wrap {
  position: relative;
  padding: 15px 5px 15px 55px;
  cursor: pointer;
}

.minus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.plus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
}

.plus-icon.active {
  transform: translateY(-50%);
}

.faq-question__title {
  font-weight: bold;
  color: #000000;
  font-size: 1.2em;
	line-height: 1.2em;
  position: relative;
  padding-right: 5%;
}
.faq-question__title::before {
    position: absolute;
    color: #f39800;
    content: "Q.";
	font-size: 1.6em;
    top: 10px;
    left: -45px;
    transform: translateY(-50%);
  }

.faq-answer__wrap {
  padding: 10px 25px 10px 25px;
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.faq-answer__wrap.active {
  height: auto;
  padding: 10px 25px 10px 25px;
}
.faq-answer__wrap {
  opacity: 0;
  padding: 10px 25px 10px 25px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  transition: ease all 0.7s; /* 擬似要素のトランジションを追加 */
}

.faq-answer__wrap.active {
  opacity: 1;
  padding: 0px 25px 15px 65px;
}

.faq-answer__title {
position: relative;
  font-weight: normal;
  color: #000000;
  font-size: 1.0em;
	text-align: justify;
}
.faq-answer__title::before {
    position: absolute;
    color: #7fc2e1;
    content: "A.";
	font-size: 1.6em;
    top: 10px;
    left: -35px;
    transform: translateY(-50%);
  }
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 300px;padding-top:  10%;}
	
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}	
	
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image:url("../img/header_back_sp.webp");height: 200px;padding-top:  10%;}
	
.mt100{margin-top: 30px;}
	
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
.w90per{width: 100%;margin: 0 auto;}
.box-item03{width: 100%;display: inline-block;margin:1% 0 6%;height: auto;}

/* クエスチョンCSS */
.qanda{width: 100%;float: none;}	
.tategaki{writing-mode: horizontal-tb;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";color:#727171;font-size: 2em;width: 100%;float: none;}
.faq-question__wrap {
  position: relative;
  padding: 15px 35px 15px 55px;
  cursor: pointer;
}
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}
}