@charset "utf-8";

/* ===========================================
 * 
 * ======================================== */
main #com_content_wrapper .com_content {
    padding: unset;
}

.main-faq {
    padding: 0px 40px 40px 40px;
}

/* faqトップ */
.category_faq {
    /* width: 1120px; */
    margin: 0 auto;
}

.category_faq .top_faq {
    /* font-style: normal; */
    /* font-weight: bold; */
    /* font-size: 18px; */
    /* line-height: 16px; */
    /* margin-bottom: 35px; */
}

/* faqリンク */
.category_faq #faq-link_button {
    /* background: #1f9bff; */
    border-radius: 20px 20px 0px 0px;
    margin-top: 32px;
    margin-bottom: 10px;
    padding: 40px 40px 20px 40px;
}

.category_faq .faq-link_menu {
    /* display: flex;
    flex-wrap: wrap; */
}

.category_faq .faq-link_1, .faq-link_2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    /* margin-bottom: 16px; */
    justify-content: space-around;
    /* align-content: space-between; */
}

.category_faq .faq-link_menu_list {
    display: inline-block;
    position: relative;
    width: 265px;
    height: 46px;
    /* margin-right: 8px; */
    padding-left: 16px;
    padding-right: 38px;
    margin-bottom: 20px;
    border: 1px solid #FF7F00;
    border-radius: 20px;
    text-align: left;
}

.faq-link_menu_list {
    background: #FFFFFF;
    color: #000000;
}

.faq-link_menu_list.selected {
    background: #FF7F00;
}

.category_faq .btn_arrow {
    position: absolute;
    width: 12px;
    height: 21px;
    top: 11px;
    right: 16px;
}

.category_faq .faq-link_menu_item .faq-link_menu_item_cell {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 38px;
    color: #000000;
}

.faq-link_menu_list.selected .faq-link_menu_item_cell {
    color: #FFFFFF;
}

/* QandA */
.main-faq .faq_block .par-title01 {
    margin-bottom: 8px;
    background-color: #FF9D00;
}

.category_faq .qa_content {
    /* padding-top: 16px; */
    /* padding-bottom: 24px; */
    border-bottom: 1px solid #D9D9D9;
}

.category_faq .faq_list .qa_content:last-child {
    border-bottom: none;
}

.category_faq .qa_content:last-child {
    /* border-bottom: none; */
    margin-bottom: 32px;
}

.category_faq .last_category .qa_content:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.category_faq .qa_content .que {
    display: flex;
    align-items: center;
    /* margin: 10px 0px 0px 0px; */
    text-align: left;
}

.category_faq .qa_content .que p {
    display: block;
    width: 1064px;
    margin-left: 16px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
}

.category_faq .qa_content .ans {
    display: flex;
    min-height: 44px;
}

.category_faq .qa_content .ans .ans_content {
    display: inline-block;
    width: 1064px;
    margin-left: 16px;
    margin-top: 10px;
    color: #000000;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
}

.category_faq .qa_content .que::before,
.category_faq .qa_content .ans::before {
    display: block;
    content: 'Q';
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    color: #FCFCFC;
    background-color: #FF7F00;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    border-radius: 5px;
}

.category_faq .qa_content .ans::before {
    content: "A";
    background-color: #FFDD80;
    color: #FF7F00;
}

.qa-question {
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
  background: #FFFEF0;
  border: unset;
  cursor: pointer;
  display: flex;
  justify-content: space-between; /* 左：質問、右：アイコン */
  align-items: center;
}


.qa-question .text {
  text-align: left;
}

.qa-question .icon {
  width: 30px;
  height: 30px;
}

.qa-answer {
  display: none;
  padding: 0px 10px 10px 0px;
  margin-bottom: 10px;
}

a.faq-link_menu_item {
    width: 114%;
    display: block;
}
.faq-link_menu_list a.faq-link_menu_item:after {
    content: "";
    position: absolute;
    background: url(/cdn/pc/images/other/qa_btn_down_o.svg) no-repeat;
    background-size: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    right: 1.5rem;
    top: 50%;
    transform: translate(0, -50%);
}
.faq-link_menu_list.selected a.faq-link_menu_item:after {
    background: url(/cdn/pc/images/other/qa_btn_down.svg) no-repeat;
    background-size: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    top: 50%;
    transform: translate(0, -50%);
}
/*      CMS上からspanタグで設定できるCSS表現      */

/*
	文字の強調表現(黒)
	pick_blackクラス設定時
*/
.ans_content span.pick_black {
    font-weight: bold;
    color: #000000;
}

/*
	文字の強調表現(赤)
	pick_redクラス設定時
*/
.ans_content span.pick_red {
    font-weight: bold;
    color: #DD0000;
}

/*
	文字の強調表現(青) 
	aタグ、pickクラス設定時
*/
.ans_content a,
.ans_content span.pick {
    font-weight: bold;
    color: #003288;
}

/*
	下線表現(青)
	borderクラス設定時
*/
.ans_content .border {
    color: #003288;
    text-decoration: underline;
    font-weight: bold;
}

/*
	小さい赤文字表現(赤)
	cautionクラス設定時
*/
.ans_content span.caution {
    font-size: 14px;
    color: #DD0000;
}

/*
	文頭段落表現
	danrakuクラス設定時
*/
.ans_content span.danraku {
	display: inline-block;
    padding-left: 1em;
}

/*
	文頭に「・」を入れた段落表現
	dotクラス設定時
*/
.ans_content span.dot {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

.ans_content span.dot::before {
	content: "・";
}