@charset "UTF-8";
/* CSS Document */

.page_img img{
  object-position: center bottom;
}
section{
	margin-bottom: 60px;
}
.acd-content{
    padding: 0;
}
.acd-label{
	padding-right: 40px;
}
.acd-label ::before{
	content: "";
	background-size: contain;
}
#acd-check1 + .acd-label ::before {background-image: url(../img/contact/ico_common_contact.png);}
#acd-check2 + .acd-label ::before {background-image:url(../img/product/business/ico_gohan.svg);}
#acd-check3 + .acd-label ::before {background-image: url("../img/contact/ico_shopping_contact.png");}
#acd-check4 + .acd-label ::before {background-image: url("../img/contact/ico_recruit_contact.png");}
#acd-check5 + .acd-label ::before {background-image: url("../img/contact/ico_other_contact.png");}

.qa_list {
    border-bottom: 1px solid #edd2a3;
	margin-bottom: 20px;
}
.qa_wrap_question,
.qa_wrap_answer{
    display: flex;
    justify-content: center;
    align-items: center;
}
.qa_wrap_question{
    border-top: 1px solid #edd2a3;
	position: relative;
}
.qa_wrap_answer{
	background: #fdf7f7;
	transition: all ease 300ms;
	height: 0;
	transform: scale(1,0);
	transform-origin: top;
}
.qa_wrap_question::before,
.qa_wrap_answer::before{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    line-height: 100%;
    font-size: 1.4em;
    border-radius: 50%;
    color: #ffffff;
}
.qa_wrap_question::before{
    content: "Q";
    background: #edd2a3;	
}
.qa_wrap_answer::before{
    content: "A";
    background: #f2a8ab;	
}
.qa_wrap_question::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-bottom: 2px solid #edd2a3;
    border-left: 2px solid #edd2a3;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
    z-index: -1;
	transition: all ease 200ms;
    transform: rotate(-45deg);
}
.qa_wrap_question label.txt-label,
.qa_wrap_answer .txt{
    width: calc(100% - 70px);
    padding: 15px;
	
}
.qa_wrap_question label.txt-label {
	display: block;
    color: #40220f;
    font-weight: bold;
	cursor: pointer;
}
.qa_wrap_answer .txt a{
	text-decoration: underline;
	color: #000000;
}

label.cate-label {
    color: #b08047;
    font-weight: bold;
    font-size: 1.15em;
    line-height: 100%;
    display: block;
    width: 100%;
    background: #fefae6;
    padding: 15px;
	position: relative;
}
label.cate-label:after {
    background: #FFF;
    border: 1px solid #b19f8b;
    color: #b19f8b;
    box-sizing: border-box;
    content: '+';
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 26px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.qa_list.category_inner{
	transition: all ease 300ms;
	height: 0;
	transform: scale(1,0);
	transform-origin: top;
}
.acd-check:checked + .qa_wrap_question::after{
    transform: rotate(135deg);	
}
.acd-check:checked + .qa_wrap_question + .qa_wrap_answer,
.acd-check:checked + .cate-label + .qa_list.category_inner {
	height: auto;
	transform: scale(1,1);
}
.acd-check:checked + label.cate-label:after {
    content: '-';
}
@media screen and (max-width:600px) {
section{
	margin-bottom: 25px;
}
	.qa_list{
		margin-bottom: 10px;
	}
.qa_wrap_question label.txt-label,
	.qa_wrap_answer .txt {
    width: calc(100% - 40px);
    padding: 10px 15px 10px 10px;
    line-height: 160%;
}
.qa_wrap_question::before,
.qa_wrap_answer::before {
    width: 30px;
    height: 30px;
}
.qa_wrap_question::after {
    width: 8px;
    height: 8px;
}
label.cate-label:after {
    right: 2%;
}
}

.num_flex {
/*
    display: flex;
*/
    margin-left: 1em;
    margin-bottom: 1.4em;
}
/*
.num_flex .table_num {
    width: 2em;
}
.num_flex .text {
    width: calc(100% - 2em);
}
*/
.btn_flex{
    margin-top: 40px;
}
input.back_btn {
    display: block;
    border: 1px solid #cccccc !important;
    padding: 10px;
    font-size: 1em;
    margin-left: 10px;
    margin-right: 10px;
    background: #cccccc;
    width: 15em;
    text-align: center;
    color: inherit;
    cursor: pointer;
    border-radius: 8px !important;
    transition: all ease 200ms;
}
input.back_btn:hover {
	background: #ffffff;
	color: #000000;
}