/*
Template:customify
Theme Name:customify_child
*/

@import url(“../customify/style.css”);

.nav-menu-desktop .sub-menu {
    width: 21em;
    background: #fff;
    box-shadow: 0 2px 4px -2px rgba(0,0,0,.1), 0 4px 15px 0 rgba(0,0,0,.1);
    text-align: left;
    border-radius: 2px;
    padding: 8px 0px;
}
.nav-menu-desktop .menu-item.focus>.sub-lv-0, .nav-menu-desktop .menu-item.focus>.sub-menu, .nav-menu-desktop .menu-item:focus>.sub-lv-0, .nav-menu-desktop .menu-item:focus>.sub-menu, .nav-menu-desktop .menu-item:hover>.sub-lv-0, .nav-menu-desktop .menu-item:hover>.sub-menu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow: initial;
    visibility: visible;
    opacity: 1;
    /*overflow-y: scroll!important;*/
    /*height: 100vh!important;*/
}

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

	よくある質問　faq

=================================================================== */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
  width: 100%;
  margin: 0 auto 100px;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1.5em 0;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 12px 0 1px 60px;
  background-color: #F7F7F7;
  cursor: pointer;
}
.cp_qa .cp_actab label p {
  font-weight: bold;
}
.cp_qa .cp_actab label::before {
  position: absolute;
  content: 'Q.';
  left: 3%;
  top: 39%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 3%;
	content: '+';
	display: inline-block;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 40px 0 60px;
  border: 2px solid #F7F7F7;
	-webkit-transition: max-height 0.4s;
	        transition: max-height 0.4s;
}
.cp_qa .cp_actab .cp_actab-content::before {
	position: absolute;
	content: 'A.';
  left: 3%;
  top: 1em;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
.cp_qa .cp_actab .cp_actab-content p span {
	font-weight: bold;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 最初だけ開けておく */
.cp_qa .cp_actab:first-of-type .cp_actab-content {
  max-height: 40em;
}
.cp_qa .cp_actab:first-of-type input + label::after {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.cp_qa .cp_actab:first-of-type input[type=checkbox]:checked + label::after {
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.cp_qa .cp_actab:first-of-type input:checked ~ .cp_actab-content {
  max-height: 0;
}

/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#faq_system, #faq_price {
  margin-top: -150px;
  padding-top: 150px;
}


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

}

@media only screen and (max-width:768px) {
  .cp_qa {
    margin: 0 auto 50px;
  }
  .cp_qa .cp_actab .cp_actab-content {
    padding: 0 30px 0 60px;
  }
}

@media only screen and (max-width:479px) {
  .cp_qa:last-of-type {
    margin-bottom: 0;
  }
  .cp_qa .cp_actab label {
    padding: 18px 30px 10px 30px;
  }
  .cp_qa .cp_actab label p {
    line-height: 22px;
  }
  .cp_qa .cp_actab .cp_actab-content {
    padding: 0 10px 0 30px;
  }
  .cp_qa .cp_actab label::before {
    left: 3%;
    font-size: 14px;
  }
  .cp_qa .cp_actab .cp_actab-content::before {
    left: 3%;
    font-size: 14px;
  }
	.cp_qa .cp_actab .cp_actab-content::before {
	position: absolute;
	content: 'A.';
  left: 3%;
  top: 1.3em;
}

}