/*アコーディオンメニュー*/
.helpNav {
  background-color:#fff;
}
.helpNav ul {
  cursor: pointer;
  list-style: none;
}
.helpNav p{
	display: block;
	padding: 3%;
	font-weight:bold;
	vertical-align: middle;
	background: linear-gradient(#f6f6f6,#dadada);
	position: relative;
	box-shadow: -1px 1px 2px 0px #bfc3c3;
}
.helpNav p::after {
	position: absolute;
	content: "";
	border-top: 2px solid #a8a8a8;
	border-right: 2px solid #a8a8a8;
	width: 10px;
	height: 10px;
	transform: rotate(135deg);
	right: 10px;
	top: 35%;
}

.helpNav li{
border-bottom: 1px dotted #E8E5D5;
    border-right: 1px solid #E8E5D5;
}
.helpNav li a{
  display: block;
  padding:4%;
  text-decoration: none;
  color:#48301f;
}
.helpNav li:last-child{
  border-bottom: none;
}

/*menu/////////////////////////////////////////////////*/
#sideBar{
  position: fixed;
  /*position: absolute;*/
  top: 0;
  bottom: 0;
  left: -30%;/*ロード時は非表示*/
  width: 30%;
  background-image: linear-gradient(rgba(212, 229, 255, 0.8), rgba(140, 196, 255, 0.8));
  transition: transform 0.2s linear 0s;
  z-index: 100;
  overflow:auto;
}

#menuBtn{
  position: fixed;
  top: 0;
  left: 0;
  /*z-index: 100;*/
}
#menuBtn img,#closeBtn img{
  height: 15%;
  /*max-height: 62px;*/
  max-height: 40px;
  display: block;
  box-shadow: 1px 1px 3px 0px #4f83ab;
}

#menuCb {
  display: none;
}
#menuCb:checked ~ #sideBar{
  transform: translate(100%);
}
#menuCb:checked ~ #menuBtn{
  display: none;
}
#menuCb:checked ~ #menuBackground {
  opacity: 0.5;
  z-index: 99;
}
#menuCb:checked ~ #mainContent{
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

/*サイドメニュー/////////////////////////////////////////////////*/
.accordion {
  background-color:#fff;
}
.accordion ul {
  cursor: pointer;
  list-style: none;
}

label {
 cursor: pointer;
}
.toggle {
 display: none;
}
.toggle + label ul {
 opacity: 0;
 padding: 0px 0px;
 height: 0px;
 font-weight: bold;
 overflow: hidden;
}
.toggle:checked + label ul {
 opacity: 1;
 height: auto;
 font-weight: normal;
 background: #fff;
}
/*.accordion ul {
  transition: all 0.3s ease-out 0s;
  list-style-type: none;
}

.accordion label p{
  display: block;
  padding: 3%;
  font-weight:bold;
  vertical-align: middle;
  background: linear-gradient(#f6f6f6,#dadada);
  position: relative;
  box-shadow: -1px 1px 2px 0px #bfc3c3;
}

.accordion label p::after {
  position: absolute;
  content: "";
  border-top: 2px solid #a8a8a8;
  border-right: 2px solid #a8a8a8;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
  right: 10px;
  top: 35%;
}*/

.toggle:checked + label p::after {
  transform: rotate(45deg);
}

/*.accordion li{
  border-bottom: 1px dotted #28aaff;
  border-right: 1px solid #dff3ff;
}
.accordion li a{
  display: block;
  padding:4%;
  text-decoration: none;
  color:#040000;
}
.accordion li:last-child{
  border-bottom: none;
}*/

/*　FAQ/////////////////////////////////////////////////*/
.accordionFAQ input{
  display: none;
}
?.toggleFAQ {
 display: none;
}

.toggleFAQ + label div {
 opacity: 0;
 padding: 0px;
 height: 0px;
 overflow: hidden;
}


.accordionFAQ div {
  transition: all 0.3s ease-out 0s;
  width: 100%;
  margin:0 auto;
  border-top: 2px dotted #e8e8e8;
}
.accordionFAQ div:last-child{
  border-bottom: 2px dotted #e8e8e8;
}
.toggleFAQ:checked + label div {
 opacity: 1;
 height: auto;
 width: 100%;
 margin: 0px 0 5px 0;
 padding: 15px;
 font-size: 0.9rem;
 background: #ebfaff;
 border:none;
}
.toggleFAQ:checked + label div img {
 margin:10px auto;
}
.accordionFAQ label p{
  display: block;
  padding: 10px 10px 10px 1.7rem;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}
.accordionFAQ label p::before,.accordionFAQ label p::after{
  position: absolute;
  content: "";
}
.accordionFAQ label p::before{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #89b1f7;
  left: 0;
}
.accordionFAQ label p::after{
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  top: 16px;
  left: 5px;
}


/*モバイル縦//////////////////////////////////*/
@media screen and (max-width: 414px){
  /*menu*/
  #sideBar{
    left: -100%;
    width: 100%;
  }

  #menuBackground{
    display: none;
  }
  #menuCb:checked ~ #sideBar{
   transform: translate(100%);
 }

 #menuBtn img,#closeBtn img{
   height: 40px;
   display: block;
 }
}

/*PC（iPad縦は含まず）///////////////////////////////////*/
@media screen and (min-width: 1025px){
  .displayPc{
   display: block;
 }

 #menuBtn,#closeBtn{
   display: none;
 }

 #sideBar{
   flex: 0 0 300px;
   position: static;
 }
}