@charset "utf-8";

/*reset*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
}

body,
input {
  /* font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans GB W3", "Meiryo", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Verdana", "Arial", sans-serif; */
  font-family: sans-serif;
}

:focus {
  outline: 0;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

blockquote,
q {
  quotes: """";
}

a {
  padding: 0;
  margin: 0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*color palette*/
.h_bg {
  background-color: #03c1ea;
}

/* header-bg-color */
.h_txt {
  color: #fff;
}

/* header-text-color */
.b_bg {
  background-color: #fff;
}

/* body-bg-color */
.b_txt {
  color: #3e3e3e;
}

/* body-text-color */
.b_txt_op {
  color: #3e3e3e;
  opacity: 0.8;
}

/* b_txtカラーと同じカラーを使用 */
.c_bg {
  background-color: #f5f5f5;
}

/* category-bg-color */
.c_txt {
  color: #555;
}

/* category-text-color */
.f_bg {
  background-color: #3f3f3f;
}

/* footer-bg-color */
.f_txt {
  color: #fdfdfd;
}

/* footer-text-color */
body {
  min-width: 320px;
}

#wrap {
  position: relative;
  min-height: 100vh;
}

/*header*/
#header {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*202207add*/
  margin-bottom: 40px;
}


#header .h_inner {
  padding: 1em 0;
  width: 1080px;
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}

#header .top_logo {
  display: table;
  float: left;
}

#header .top_logo::after {
  content: "";
  display: block;
  clear: both;
}

#header .top_logo .img_logo {
  display: table-cell;
  height: 42px;
  padding: 0 20px 0 0;
  vertical-align: middle;
}

#header .top_logo .img_logo img {
  max-width: 320px;
  height: 42px;
  vertical-align: middle;
}

#header .top_logo h1 {
  display: table-cell;
  vertical-align: middle;
}

#header .top_logo h1 .h_txt {
  /* color: #fff;  */
  width: 360px;
  font-size: 24px;
  font-weight: bold;
  display: block;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  /* overflow: hidden; */
}

#header .btn_chatplus {
  position: absolute;
  top: 17px;
  right: 0;
  display: inline-block;
  padding: 0 26px;
  line-height: 42px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  /* color: #fff;  */
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.2px;
  font-weight: bold;
  white-space: nowrap;
}

#header .btn_chatplus span:not(:empty) {
  padding-left: 10px;
}

#header .search_box {
  padding: 30px 0 0 0;
  clear: both;
}

#header .search_box strong,
#header .search_box #header-lead {
  display: block;
  font-size: 30px;
  /* color: #fff;  */
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}

#header .search_box #header-description {
  margin: 12px auto;
  font-size: 18px;
  text-align: center;
}

/* #header .search_box .input_search {position: relative; background-color: #fff; border-radius: 6px; width: 753px; height: 72px; padding: 16px; box-sizing: border-box; margin: 24px auto 0 auto;} */
#header .search_box .input_search {
  position: relative;
}

#header .search_box .input_search .search_text {
  border-width: 1px;
  border-style: solid;
  width: 73%;
  font-size: 14px;
  padding: 15px;
  border-radius: 6px;
  border-style: solid;
  height: 54px;
}

#header .search_box .input_search input[type="text"]::placeholder {
  color: rgba(62, 62, 62, 0.5);
}

#header .input_search .search_category {
  width: 26%;
  font-size: 14px;
  padding: 0 16px;
  border-radius: 6px;
  height: 46px
}

/* #header .search_box .input_search button {position: absolute; top: 18px; right: 24px; width: 36px; height: 36px; border: none; background-color: transparent; background-image: url('data:image/png;base64,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'); background-repeat: no-repeat; background-position: 0 0; background-size: 36px; text-indent: -9999px; font-size: 0; cursor: pointer;} */
#header .search_box .keyword_list {
  overflow: hidden;
  width: 753px;
  margin: 0 auto;
  padding: 18px 0 48px 0;
}

#header .search_box .keyword_list .keyword {
  float: left;
  font-size: 18px;
  /* color: #fff;  */
  font-weight: bold;
}

#header .search_box .keyword_list ul {
  overflow: hidden;
  float: left;
  width: 630px;
  margin: 5px 0 0 0;
}

#header .search_box .keyword_list li {
  float: left;
  display: inline-block;
  border-left: 2px solid #fff;
  height: 18px;
  line-height: 18px;
  margin: 0 0 13px 20px;
  padding: 0 0 0 20px;
}

#header .search_box .keyword_list li:first-child {
  border: none;
  padding: 0;
}

#header .search_box .keyword_list li a {
  /* color: #fff;  */
  font-size: 18px;
  font-weight: normal;
}

#header .search-btn {
  text-align: center;
  height: 100px;
}

#header .search-btn button {
  width: 300px;
  height: 60px;
  border-radius: 6px;
  border: none;
  line-height: 60px;
  margin: 30px 0 30px 0;
  cursor: pointer;
}

#header .search-btn button:hover {
  opacity: 0.8;
}

#header #form_search .search_suggest {
  display: none;
  background: #FFFFFF;
  width: 73%;
  position: absolute;
  top: 45px !important;
  border-width: 1px;
  border: solid 1px rgb(133, 133, 133);
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-bottom: 5px;
  float: left;
  z-index: 100;
  max-height: 400px;
  overflow: scroll;
}

#header #form_search .search_suggest a {
  color: #000000;
}

#header #form_search .search_suggest li {
  padding: 14px;
}

#header #form_search .search_suggest li:hover {
  background: #efefef;
}

/*footer*/
#footer {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

#footer .inner {
  width: 1080px;
  margin: 0 auto;
  padding-top: 26px;
  display: flex;
  justify-content: space-between;
}

#footer address {
  /* color: #fdfdfd;  */
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  font-family: "Verdana";
}

#footer .img_f_logo {
  max-height: 42px;
  vertical-align: middle;
}

#footer .img_f_logo img {
  max-height: 42px;
  vertical-align: middle;
}

#footer .powered_by {
  height: 40px;
  color: #dcdcdc;
  width: 1080px;
  padding: 10px 0;
  text-align: right;
  margin: 0 auto;
  font-weight: bold
}

/*contents*/
#contents {
  margin: 0 0 15px 0;
  padding: 40px 0;
  background: #EEE;
  letter-spacing: 0.08em;
  width: 100%;
}

#contents h2 {
  /* color: #3e3e3e;  */
  font-weight: bold;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}

/* #contents h2 span {padding: 0 0 0 16px;} */
#contents .inner {
  overflow: hidden;
  width: 1080px;
  box-sizing: border-box;
  padding: 15px 25px 25px 25px;
  margin: 0 auto 40px auto;
  background: #FFF;
  border-radius: 5px;
}

#contents .category_box {
  float: left;
  width: 100%;
}

#contents .category_box .category_contents {
  display: flex;
  flex-wrap: wrap;
}

#contents .category_box .category_contents .category_list {
  position: relative;
  width: 300px;
  box-sizing: border-box;
  padding: 22px 25px 25px 25px;
  margin: 0 21px 20px 21px;
  border-radius: 5px;
}

#contents .category_box .category_contents .category_list ul {
  border-top: solid 1px #383838;
  padding-top: 10px;
  margin-top: 10px;
}

#contents .category_box .category_contents .category_list a {
  display: block;
  padding: 1px 0;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

#contents .category_titl {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  width: 1080px;
  margin: 0 auto 25px;
}

/* #contents .category_box .category_list {overflow: hidden; margin: 30px 0 0 0;}
#contents .category_box .category_list li {float: left; padding: 0 20px 20px 0;}
#contents .category_box .category_list li a {display: inline-block; width: 366px; height: 90px; padding: 0 0 0 30px; line-height: 90px; box-sizing: border-box; border-radius: 6px; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); /* background-color: #f5f5f5; */
font-size: 18px;
/* color: #555; */
font-weight: bold;
overflow: hidden;
}

*/ #contents .category_box .category_list li .fw {
  width: 42px;
  text-align: center;
}

/* #contents .category_box .category_list li .cate_icon {float: left; display: inline-block; font-size: 37px; vertical-align: middle; padding: 0 20px 0 0;}
#contents .category_box .category_list li .cate_icon > img {height: 42px; width: 42px; text-align: center; vertical-align: middle;}
#contents .category_box .category_list li .cate_name {display: inline-block; width: 250px; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; overflow: hidden;} */
#contents .faq_box {
  display: flex;
  zoom: 1;
  padding: 25px 0 0 0;
}

#contents .faq_box .faq_list {
  margin: 25px 0 0 0;
}

#contents .faq_box .faq_list li {
  padding: 0 0 16px 0;
}

#contents .faq_box .faq_list li a {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  /* color: #3e3e3e;  */
  font-weight: normal;
  word-break: keep-all;
}

#contents .faq_list_news {
  float: left;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  margin: 0;
  border-left: solid 1px #000;
  width: 900px;
}

#contents .faq_list_ranking {
  float: left;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  margin: 0;
  border-left: solid 1px #000;
  width: 900px;
}

#contents .b_txt {
  padding: 0 0 2px 0;
  text-decoration: none;
  font-weight: bold;
}

#contents .pagenation_nav {
  text-align: right;
  letter-spacing: 0.02px;
}

#contents .pagination {
  display: flex;
  float: right;
  font-weight: normal;
}

#contents .pagination li {
  padding-right: 5px;
}

#contents .category_box .b_txt {
  display: block;
  padding: 0 0 2px 0;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

#contents .all_cate_name {
  position: absolute;
  bottom: 8px;
  right: 11px;
}

#contents .sub_cont {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}

#contents .survey_box ul {
  border-top: 2px dashed #fb9bad;
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
  padding-top: 20px;
  margin-bottom: 40px;
}

#contents .survey_box ul .active {
  padding: 0 10px;
}

#contents .survey_box button {
  border-radius: 6px;
  padding: 0.5em 1em;
}

.infoAndFaqArea .infoAndFaq h2 {
  font-weight: bold;
}

.categoryListArea .title {
  font-weight: bold;
}

.infoAndFaqArea .infoAndFaq ul li a {
  display: inline-block;
}

/* 202207changebefore */
/* .infoAndFaqArea .infoAndFaq ul li a {
  display: inline;
} */
/* 202207change */
/* .categoryListArea .toggle li a {
  display: inline;
} */
/* .categoryListArea .toggle li a::after
{
right: 3px;}
 */
#contents .cate_faq_list li {
  font-size: 1.2em;
  padding: 2px 5px 2px 0;
  margin-bottom: 5px;
}

#contents .cate_faq_list ul li {
  font-size: inherit;
}

#contents .detail_box .question {
  font-size: 1.4em;
}

#contents .answer {
  padding: 2em 0;
  font-weight: normal;
}

#contents .answer p {
  margin: 0 0 0.75em;
  font-size: 16px;
}

#contents .cate_faq_list .faq .question {
  text-decoration: underline;
}

#contents .sub_cont .cate_faq_list .cate_title {
  text-align: right;
  display: block;
}

#contents .paging_box ul {
  display: flex;
  float: right;
}

#contents .paging_box li {
  padding-right: 5px;
}

#contents .sub_cont .cate_faq_list .paging_box #search_count_label {
  display: none;
}

#contents .sub_cont .cate_faq_list nav {
  margin-bottom: 40px;
}

#contents .sub_cont .cate_faq_detail ul li:first-child {
  margin-top: 5px;
}

#contents .sub_cont .cate_faq_detail ul li {
  margin-bottom: 5px;
}

#contents .sub_cont .n_txt {
  margin-left: 5px;
  color: #383838;
  text-decoration: underline;
}

#contents .sub_cont .link_box {
  margin-top: 20px;
}

#contents .sub_cont #search_pagination {
  margin-bottom: 40px;
}

#wrap .cate_icon img {
  width: 30px;
  max-height: 30px;
  vertical-align: middle
}

/*sub common*/
#sub_wrap {
  min-height: 100vh;
}

#sub_wrap .h_inner {
  overflow: hidden;
  padding: 42px 0;
}

#sub_wrap .top_logo {
  float: left;
  padding: 0;
}

#sub_wrap .top_search {
  float: right;
}

#sub_wrap .search_box {
  float: left;
  padding: 0
}

#sub_wrap .search_box .input_search {
  position: relative;
  background-color: #fff;
  border-radius: 6px;
  width: 366px;
  height: 42px;
  padding: 6px;
  margin: 0;
}

#sub_wrap .search_box .input_search input[type="text"] {
  width: 90%;
  /*height: 20px;*/
  border: none;
  /* color: #3e3e3e;  */
  font-size: 16px;
  font-weight: normal;
  vertical-align: super;
}

#sub_wrap .search_box .input_search button {
  position: absolute;
  top: 12px;
  right: 16px;
  width: 18px;
  height: 18px;
  border: none;
  background-size: 18px 18px;
  text-indent: -9999px;
  font-size: 0;
  cursor: pointer;
}

#sub_wrap .btn_chatplus_box {
  float: left;
}

#sub_wrap .btn_chatplus {
  position: static;
  margin: 0 0 0 20px;
}

#sub_wrap .location_box {
  padding: 14px 0;
  background-color: #f5f5f5;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
}

#sub_wrap .location_box .inner {
  width: 1140px;
  margin: 0 auto;
}

#sub_wrap .location_box ul {
  overflow: hidden;
}

#sub_wrap .location_box ul li {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABWUlEQVRoge3WO07EMBSF4dsABcugZHiVUXx8bxIp0og6SyAdDAzPZVBRIzbAG1oaFsAaKBCvNQwVTZQo4yK6ceS/t/SdxjaRYyIyAvAG4DWKoi3X8+qJyLm1dmatnQH49W5EkiTb/wO8HSEiZ9URIrKp7XLKGHM6uBHM/OPdCGY+qY4wxmxou5wCcBxG9CEROaqOyLJsXdvlVM2Ib+9GGGMOBzkiiqI1bZdTzDz1fgSAg8GNAPAlIiNtl1Mish9G9CFjzGSIIz7jOF7VdjnFzHthRB8CsFsdkabpirbLqZqv+IW2ae7yPF8G8FIZMNV2zVUD/rosywVtW2sBr1UdHsBNwHddHd5aexvwXdeEL4piUdvWWgP+LuC7ruGevw/4rmu45x8CvusGh7fWPo7H4yVtW2tDxD8FfNd5jSciAnBZeaSevcETETHzu7d4IiIAO8z8wcxXfcD/ATQQs6dkgjU9AAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 12px 12px;
  margin: 0 0 0 10px;
}

#sub_wrap .location_box ul li:first-child {
  background: none;
  margin: 0;
}

#sub_wrap .location_box ul li:first-child a {
  margin: 0;
}

#sub_wrap .location_box ul li a {
  /* color: rgba(62, 62, 62, 0.5);  */
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 0 20px;
}

#sub_wrap .location_box ul li.active a {
  /* color: #3e3e3e; */
}

#sub_wrap .sub_cont .aside {
  float: right;
  width: 271px;
}

#sub_wrap .sub_cont .aside h2 {
  font-size: 24px;
  /* color: #3e3e3e;  */
  font-weight: bold;
}

#sub_wrap .sub_cont .aside h2 span {
  padding: 0 0 0 14px;
  font-size: 18px;
}

#sub_wrap .sub_cont .aside .faq_box {
  padding: 0 0 22px 0;
  margin: 0 0 35px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#sub_wrap .sub_cont .aside .sub_category_box {
  padding: 0 0 40px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#sub_wrap .sub_cont .aside .sub_category_box .category_list {
  padding: 10px 0 0 0;
}

#sub_wrap .sub_cont .aside .sub_category_box .category_list li {
  padding: 12px 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#sub_wrap .sub_cont .aside .sub_category_box .category_list li a {
  /* color: #3e3e3e;  */
  font-weight: normal;
}

#sub_wrap .sub_cont .aside .sub_category_box .category_list li .cate_icon {
  padding: 0 12px 0 0;
  font-size: 21px;
}

#sub_wrap .sub_cont .aside .sub_category_box .category_list li .cate_icon .fw {
  width: 24px;
  text-align: center;
}

#sub_wrap .sub_cont .aside .sub_category_box .category_list li .cate_icon img.fw {
  height: 31px;
  width: 31px;
  text-align: center;
  vertical-align: middle;
}

#sub_wrap .sub_cont .aside .sub_category_box .category_list li .cate_name {
  font-size: 18px;
}

/*sub list*/
#sub_wrap .sub_cont {
  overflow: hidden;
  width: 1140px;
  margin: 0 auto;
}

#sub_wrap .sub_cont .cate_faq_list {
  float: left;
  width: 753px;
}

#sub_wrap .sub_cont .cate_faq_list .cate_title {
  display: block;
  /* margin-top: -6px; */
  font-size: 37px;
  /* color: #3e3e3e;  */
  font-weight: bold;
}

#sub_wrap .sub_cont .cate_faq_list .cate_title span:not([class]) {
  font-size: 30px;
  padding: 0 0 0 20px;
  vertical-align: text-bottom;
}

#sub_wrap .sub_cont .cate_faq_list .cate_title .cate_icon {}

#sub_wrap .sub_cont .cate_faq_list .cate_title .cate_icon>img {
  height: 56px;
  width: 56px;
  text-align: center;
  vertical-align: middle;
}

#sub_wrap .sub_cont .cate_faq_list .cate_title .cate_name {
  font-size: 30px;
  vertical-align: text-bottom;
}

#sub_wrap .sub_cont .cate_faq_list .faq {
  padding: 63px 0 0 0;
}

#sub_wrap .sub_cont .cate_faq_list .faq li {
  margin-bottom: 10px;
}

#sub_wrap .sub_cont .cate_faq_list .faq li:first-child {
  padding-top: 0;
}

#sub_wrap .sub_cont .cate_faq_list .faq li>a {
  color: inherit;
  text-decoration: underline
}

#sub_wrap .sub_cont .cate_faq_list .faq li .question {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
}

#sub_wrap .sub_cont .cate_faq_list .faq li .answer {
  display: block;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0 0 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  max-height: calc(1.4em * 2 + 10px);
}

@supports (-webkit-line-clamp: 2) {
  #sub_wrap .sub_cont .cate_faq_list .faq li .answer {
    max-height: auto !important;
  }
}

#sub_wrap .sub_cont .cate_faq_list .paging_box {
  text-align: center;
  margin: 30px 0;
  position: relative;
}

/* #sub_wrap .sub_cont .cate_faq_list .paging_box .btn_paging {display: inline-block; margin: 0 8px; vertical-align: 9px;} */
/* #sub_wrap .sub_cont .cate_faq_list .paging_box .btn_paging img {width: 24px;} */
/* #sub_wrap .sub_cont .cate_faq_list .paging_box .btn_paging.inactive img {opacity: 0.2;} */
#sub_wrap .sub_cont .cate_faq_list .paging_box ul {
  overflow: hidden;
  display: inline-flex;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box ul li {
  margin: 0 5px;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box ul li a {
  display: inline-block;
  width: 42px;
  padding: 8px 0;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: #3e3e3e;
  font-weight: normal;
  box-sizing: border-box;
  border-radius: 6px;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box ul li:hover a {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box ul li.active a {
  color: #fff;
  background-color: rgba(3, 193, 234, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#sub_wrap .sub_cont .cate_faq_list .paging_box ul li.btn a {
  background-color: transparent;
  border: 0;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box ul li.btn.disabled {
  cursor: not-allowed;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box ul li.btn.disabled a {
  pointer-events: none;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box #search_count_label {
  position: absolute;
  right: 1em;
}

#sub_wrap .sub_cont .cate_faq_list .paging_box #search_count {
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #cccccc;
}

/*sub detail*/
#sub_wrap .sub_cont .cate_faq_detail {
  float: left;
  width: 753px;
  position: relative;
}

#sub_wrap .sub_cont .cate_faq_detail .cate_title {
  display: block;
  padding: 0 0 25px 0;
  margin: 0 0 20px 0;
  font-size: 21px;
  /* color: #3e3e3e;  */
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#sub_wrap .sub_cont .cate_faq_detail .cate_title span:not([class]) {
  display: inline-block;
  font-size: 18px;
  padding: 0 0 0 14px;
  vertical-align: text-bottom;
  width: 522px;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
}

#sub_wrap .sub_cont .cate_faq_detail .cate_title .cate_icon {}

#sub_wrap .sub_cont .cate_faq_detail .cate_title .cate_icon>img {
  height: 31px;
  width: 31px;
  text-align: center;
  vertical-align: middle;
}

#sub_wrap .sub_cont .cate_faq_detail .cate_title .cate_name {
  display: inline-block;
  font-size: 18px;
  vertical-align: text-bottom;
  width: 522px;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
}

#sub_wrap .sub_cont .cate_faq_detail .btn_back {
  position: absolute;
  top: 5px;
  right: 0;
  /* color: rgba(62, 62, 62, 0.5);  */
  font-size: 16px;
  font-weight: normal;
}

#sub_wrap .sub_cont .cate_faq_detail .detail_box {
  margin: 25px auto;
}

#sub_wrap .sub_cont .cate_faq_detail .detail_box .body {
  line-height: 1.88;
  margin-top: 25px;
}

#sub_wrap .sub_cont .cate_faq_detail .detail_box ol {
  list-style: decimal inside;
}

#sub_wrap .sub_cont .cate_faq_detail .detail_box ul {
  list-style: disc inside;
}

#sub_wrap .sub_cont .cate_faq_detail .survey_box {
  text-align: center;
}

#sub_wrap .sub_cont .cate_faq_detail .survey_box ul {
  overflow: hidden;
  display: inline-block;
}

#sub_wrap .sub_cont .cate_faq_detail .survey_box ul li {
  float: left;
  padding: 0 10px;
}

#sub_wrap .sub_cont .cate_faq_detail .survey_box ul li button {
  display: inline-block;
  width: 270px;
  height: 60px;
  line-height: 60px;
  /* background-color: #f5f5f5; */
  border: 1px solid #f5f5f5;
  border-radius: 6px;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
  /* color: #3e3e3e;  */
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

#sub_wrap .sub_cont .cate_faq_detail .survey_box ul li.active button {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
  /* color: #fff; */
}

#sub_wrap .sub_cont .cate_faq_detail .survey_box ul li button[disabled] {
  box-shadow: none;
  cursor: not-allowed;
  filter: grayscale(1);
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  #sub_wrap .sub_cont .cate_faq_detail .survey_box ul li button[disabled] {
    background-color: #ccc;
  }
}

#sub_wrap .sub_cont .cate_faq_detail .survey_box ul li .survey_icon {
  padding: 0 16px 0 0;
  font-size: 24px;
  vertical-align: -2px;
}

#sub_wrap .sub_cont .cate_faq_detail .link_box {
  margin: 20px 0 20px 0;
}

@media screen and (min-width: 769px) and (max-width: 1160px) {
  #header .top_logo {
    padding-left: 40px;
  }

  #header .btn_chatplus {
    margin-right: 40px;
  }

  #contents .category_box {
    margin-left: 40px;
  }

  #contents .faq_box {
    margin-right: 40px;
  }

  #footer address {
    padding-left: 40px;
  }

  #sub_wrap .location_box {
    width: 1140px;
    padding-left: 40px;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
  }

  #sub_wrap .sub_cont .cate_faq_list {
    margin-left: 40px;
  }

  #sub_wrap .sub_cont .aside {
    margin-right: 40px;
  }

  #sub_wrap .sub_cont .cate_faq_detail {
    margin-left: 40px;
  }

  #footer .powered_by {
    width: auto;
  }
}

/*mobile*/
@media screen and (max-width: 768px) {
  #header .h_inner {
    width: 100%;
  }

  /* 202207changebefore */
  /* #header .h_inner {
    width: 100%;
    height: 250px;
  } */
  #header .top_logo {
    padding: 0 0 0 20px;
    float: none;
    display: block;
  }

  /* 202207changebefore */
  /* #header .top_logo {
	padding: 18px 0 0 20px;
	float: none;
	display: block;
  } */
  #header .top_logo h1 {
    float: left;
    padding: 2px 0 0 0;
  }

  #header .top_logo h1 .h_txt {
    font-size: 14px;
    width: auto;
    display: inline-block;
  }

  #header .top_logo .img_logo {
    display: inline-block;
    height: 24px;
    padding-right: 10px;
    float: left;
  }

  #header .top_logo .img_logo img {
    max-height: 24px;
    vertical-align: middle;
  }

  #header .search_box {
    padding: 10px 20px 20px 20px;
    box-sizing: border-box;
  }

  #header .search_box strong,
  #header .search_box #header-lead {
    font-size: 18px;
  }

  #header .search_box #header-description {
    font-size: 12px;
    line-height: 1.2;
  }

  #header .search_box .input_search {
    width: 100%;
    height: 45px;
    margin-top: 10px;
    position: relative;
  }

  #header .search_box .input_search input[type="text"] {
    width: 82%;
    font-size: 14px;
    height: 37px;
    padding: 0.5em 0.5em;
  }

  #header .search_box .input_search button {
    top: 14px;
    right: 12px;
    width: 100%;
    height: 18px;
    background-size: 18px;
    margin: 0;
    line-height: 100%;
    height: 100%;
    height: 37px;
  }

  #header .search_box .input_search button .fa-search {
    font-size: 14px;
    line-height: 0;
  }

  #header .search_box .input_search .search_category {
    margin-top: 30px;
    width: 100%;
    padding: 10px;
    height: 37px;
    background-color: #fff;
    cursor: pointer;
  }

  #header .search_box .input_search .search_category:hover {
    background-color: #999;
  }

  #header .search_box .search-btn {
    position: absolute;
    top: 0px;
    right: 0;
  }

  #header .search_box .keyword_list {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  #header .search_box .keyword_list .keyword {
    font-size: 12px;
  }

  #header .search_box .keyword_list li {
    height: 12px;
    line-height: 10px;
    margin-left: 10px;
    padding-left: 10px;
    margin-bottom: 0;
  }

  #header .search_box .keyword_list li a {
    font-size: 12px;
  }

  #header .search_box .keyword_list ul {
    width: 100%;
    margin-top: 5px;
  }

  #header .search_box .keyword_list li:first-child {
    margin-left: 0;
  }

  #header .btn_chatplus_box {
    width: auto;
    position: absolute;
    top: 18px;
    right: 20px;
  }

  #header .btn_chatplus {
    position: static;
    width: 130px;
    height: 30px;
    padding: 0;
    margin: 0;
    line-height: 30px;
  }

  #header #form_search .search_suggest {
    top: 30px !important;
    width: 82%;
  }

  #header #form_search .search_suggest li {
    padding: 7px;
  }

  /* #header .btn_chatplus span {display: none;} */
  #contents {
    padding: 30px 0 45px 0;
    position: relative;
  }

  #contents h2 {
    padding: 0 20px;
    font-size: 18px;
  }

  /* #contents h2 span {padding: 0 0 0 12px;} */
  #contents .inner {
    width: 100%;
  }

  #contents .category_box {
    width: 100%;
    margin: 0 0 0 0;
    padding: 320px 0 0 0;
  }

  #contents .category_box .category_list {
    margin: 20px 0 0 0;
  }

  #contents .category_box .category_list li {
    float: none;
    padding: 0;
  }

  #contents .category_box .category_list li a {
    display: block;
    width: 100%;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 18px;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABWUlEQVRoge3WO07EMBSF4dsABcugZHiVUXx8bxIp0og6SyAdDAzPZVBRIzbAG1oaFsAaKBCvNQwVTZQo4yK6ceS/t/SdxjaRYyIyAvAG4DWKoi3X8+qJyLm1dmatnQH49W5EkiTb/wO8HSEiZ9URIrKp7XLKGHM6uBHM/OPdCGY+qY4wxmxou5wCcBxG9CEROaqOyLJsXdvlVM2Ib+9GGGMOBzkiiqI1bZdTzDz1fgSAg8GNAPAlIiNtl1Mish9G9CFjzGSIIz7jOF7VdjnFzHthRB8CsFsdkabpirbLqZqv+IW2ae7yPF8G8FIZMNV2zVUD/rosywVtW2sBr1UdHsBNwHddHd5aexvwXdeEL4piUdvWWgP+LuC7ruGevw/4rmu45x8CvusGh7fWPo7H4yVtW2tDxD8FfNd5jSciAnBZeaSevcETETHzu7d4IiIAO8z8wcxXfcD/ATQQs6dkgjU9AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 12px 12px;
  }

  #contents .faq_box {
    position: absolute;
    top: 30px;
    max-height: 270px;
    overflow: hidden;
    width: 100%;
    float: none;
    padding: 0;
  }

  #contents .faq_box .faq_list {
    padding: 0 20px;
  }

  #contents .category_box .category_list li .fw {
    width: 24px;
  }

  #contents .category_box .category_list li .cate_icon {
    font-size: 24px;
    padding: 0 12px 0 0;
  }

  #contents .category_box .category_list li .cate_icon>img {
    height: 24px;
    width: 24px;
  }

  #contents .category_box .category_list li .cate_name {
    width: 80%;
  }

  #contents .sub_cont {
    margin: 0 1em;
  }

  #contents .cate_faq_list li {
    font-size: 1em;
  }

  #contents .pagenation_nav {
    letter-spacing: 0.02px;
  }

  .categoryListArea .toggle li {
    position: relative;
  }

  .categoryListArea .toggle li a {
    position: initial;
  }

  .infoAndFaqArea .infoAndFaq ul li {
    position: relative;
  }

  .infoAndFaqArea .infoAndFaq ul li a {
    position: initial;
  }

  #footer .inner {
    width: 100%;
    padding: 18px 0 20px 0;
    display: block;
  }

  #footer address {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 10px;
    padding: 0 0 10px 0;
  }

  #footer .img_f_logo {
    display: block;
    text-align: center;
  }

  #footer .img_f_logo img {
    max-height: 24px;
  }

  #footer .powered_by {
    width: auto;
    text-align: center;
    font-size padding: 0 0 20px 0;
    font-size: 10px
  }

  #sub_wrap #contents {
    padding-bottom: 0;
  }

  #sub_wrap .h_inner {
    padding: 0;
  }

  #sub_wrap .top_search {
    float: none;
  }

  #sub_wrap .search_box {
    float: none;
    padding: 10px 20px 20px 20px;
  }

  #sub_wrap .location_box {
    display: none;
  }

  #sub_wrap .sub_cont {
    width: 100%;
  }

  #sub_wrap .sub_cont .cate_faq_list .cate_title {
    font-size: 21px;
    padding: 0 20px;
  }

  #sub_wrap .sub_cont .cate_faq_list .cate_title span:not([class]) {
    font-size: 18px;
    padding-left: 12px;
    vertical-align: middle;
  }

  #sub_wrap .sub_cont .cate_faq_list .cate_title .cate_icon {}

  #sub_wrap .sub_cont .cate_faq_list .cate_title .cate_icon>img {
    width: 31px;
    height: 31px;
  }

  #sub_wrap .sub_cont .cate_faq_list .cate_title .cate_name {
    font-size: 18px;
    vertical-align: middle;
  }

  #sub_wrap .sub_cont .cate_faq_list {
    width: 100%;
  }

  #sub_wrap .sub_cont .cate_faq_list .faq {
    padding: 31px 20px 0 20px;
  }

  #sub_wrap .sub_cont .cate_faq_list .faq li {
    padding: 20px 0;
  }

  #sub_wrap .sub_cont .cate_faq_list .faq li .answer {
    -webkit-line-clamp: 3;
    max-height: calc(1.4em * 3 + 10px);
  }

  #sub_wrap .sub_cont .cate_faq_list .paging_box {
    margin: 20px 0 0 0;
  }

  #sub_wrap .sub_cont .cate_faq_list .paging_box ul li {
    margin: 0 4px;
  }

  #sub_wrap .sub_cont .cate_faq_list .paging_box ul li a {
    width: 30px;
    padding: 2px 0;
  }

  /* #sub_wrap .sub_cont .cate_faq_list .paging_box .btn_paging {margin: 0; vertical-align: 5px;} */
  /* #sub_wrap .sub_cont .cate_faq_list .paging_box .btn_paging img {width: 18px;} */
  #sub_wrap .sub_cont .cate_faq_list .paging_box #search_count_label {
    position: static;
    display: block;
    margin-top: 10px;
    font-size: 0.8em;
  }

  #sub_wrap .sub_cont .cate_faq_list .paging_box #search_count {
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #cccccc;
  }

  #sub_wrap .sub_cont .aside {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fafafa;
  }

  #sub_wrap .sub_cont .aside h2 {
    font-size: 16px;
  }

  #sub_wrap .sub_cont .aside h2 span {
    font-size: 16px;
    padding: 0 0 0 10px;
  }

  #sub_wrap .sub_cont .aside .faq_box {
    padding: 31px 0 0 0;
    position: static;
    max-height: none;
    overflow: auto;
  }

  #sub_wrap .sub_cont .aside .faq_box .faq_list {
    margin: 20px 0 15px 0;
  }

  #sub_wrap .sub_cont .aside .sub_category_box {
    padding: 0 0 0 0;
    border: none;
  }

  #sub_wrap .sub_cont .aside .sub_category_box .category_list {
    padding: 22px 0 0 0;
  }

  #sub_wrap .sub_cont .aside .sub_category_box .category_list li {
    padding: 0;
  }

  #sub_wrap .sub_cont .aside .sub_category_box .category_list li a {
    display: block;
    width: 100%;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    /* background-color: #f5f5f5; */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABWUlEQVRoge3WO07EMBSF4dsABcugZHiVUXx8bxIp0og6SyAdDAzPZVBRIzbAG1oaFsAaKBCvNQwVTZQo4yK6ceS/t/SdxjaRYyIyAvAG4DWKoi3X8+qJyLm1dmatnQH49W5EkiTb/wO8HSEiZ9URIrKp7XLKGHM6uBHM/OPdCGY+qY4wxmxou5wCcBxG9CEROaqOyLJsXdvlVM2Ib+9GGGMOBzkiiqI1bZdTzDz1fgSAg8GNAPAlIiNtl1Mish9G9CFjzGSIIz7jOF7VdjnFzHthRB8CsFsdkabpirbLqZqv+IW2ae7yPF8G8FIZMNV2zVUD/rosywVtW2sBr1UdHsBNwHddHd5aexvwXdeEL4piUdvWWgP+LuC7ruGevw/4rmu45x8CvusGh7fWPo7H4yVtW2tDxD8FfNd5jSciAnBZeaSevcETETHzu7d4IiIAO8z8wcxXfcD/ATQQs6dkgjU9AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 12px 12px;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    /* color: #555;  */
    font-weight: bold;
  }

  #sub_wrap .sub_cont .aside .sub_category_box .category_list li .cate_icon {
    font-size: 22px;
    float: left;
    padding: 0 12px 0 18px;
  }

  #sub_wrap .sub_cont .aside .sub_category_box .category_list li .cate_name {
    display: inline-block;
    width: 80%;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
  }

  #sub_wrap .sub_cont .cate_faq_detail {
    width: 100%;
  }

  #sub_wrap .sub_cont .cate_faq_detail .cate_title {
    font-size: 16px;
    padding: 0 0 20px 0;
    margin: 0 20px 30px 20px;
  }

  #sub_wrap .sub_cont .cate_faq_detail .cate_title span:not([class]) {
    width: 85%;
    font-size: 16px;
    vertical-align: bottom;
    padding: 0 0 0 10px;
  }

  #sub_wrap .sub_cont .cate_faq_detail .cate_title .cate_icon {}

  #sub_wrap .sub_cont .cate_faq_detail .cate_title .cate_icon>img {
    width: 24px;
    height: 24px;
  }

  #sub_wrap .sub_cont .cate_faq_detail .cate_title .cate_name {
    width: 85%;
    font-size: 16px;
    vertical-align: bottom;
  }

  #sub_wrap .sub_cont .cate_faq_detail .btn_back {
    display: none;
  }

  #sub_wrap .sub_cont .cate_faq_detail .detail_box {
    padding: 0 20px;
    font-size: 14px;
  }

  #sub_wrap .sub_cont .cate_faq_detail .survey_box {}

  #sub_wrap .sub_cont .cate_faq_detail .survey_box ul {
    width: 100%;
  }

  #sub_wrap .sub_cont .cate_faq_detail .survey_box ul li {
    float: none;
  }

  #sub_wrap .sub_cont .cate_faq_detail .survey_box ul li button {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
  }

  #sub_wrap .sub_cont .cate_faq_detail .link_box {
    display: none;
  }
}

/* 202206add */
.category_inpagelink_2, .category_inpagelink_3, .category_inpagelink_4 {
  width: 100%;
  clear: both;
  display: flex;
  flex-wrap: wrap;
}

.category_inpagelink_2, .category_inpagelink_3 {
  justify-content: space-between;
  padding: 40px 0 0 0;
}

.category_inpagelink_4 {
  padding: 20px 0 0 0;
  gap: 0 14px;
}

.category_inpagelink_2 li, .category_inpagelink_3 li, .category_inpagelink_4 li {
  box-sizing: border-box;
  text-align: center;
  background-color: #eeeeee;
  border-radius: 6px;
  font-size: 14px;
}

.category_inpagelink_2 li {
  width: 49%;
  padding: 15px 8px;
}

.category_inpagelink_3 li {
  width: 32.33%;
  padding: 16px 8px;
  margin-bottom: 8px;
}

.category_inpagelink_4 li {
  width: 24%;
  padding: 8px;
  margin-bottom: 8px;
}

.category_inpagelink_2 li a, .category_inpagelink_3 li a, .category_inpagelink_4 li a {
  color: #383838;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.category_inpagelink_2 li a:hover, .category_inpagelink_3 li a:hover, .category_inpagelink_4 li a:hover {
  opacity: 0.7;
}

.cat_anchor {
  padding-top: 20px;
  margin-top: -20px;
}

@media screen and (max-width: 920px) {
  #header .h_inner {
    width: 100%;
  }

  #header .search_box {
    padding: 30px 20px 0 20px;
    clear: both;
  }

  .category_inpagelink_2, .category_inpagelink_3, .category_inpagelink_4 {
    padding: 20px 20px 0 20px;
  }

  .category_inpagelink_4 {
    gap: 0 10px;
  }
}

@media screen and (max-width: 768px) {
  #header .search_box {
    display: inline-block;
  }

  .category_inpagelink_2 li, .category_inpagelink_3 li, .category_inpagelink_4 li {
    width: 49%;
    padding: 10px 4px;
    word-break: keep-all;
    line-height: 18px;
  }

  .category_inpagelink_4 {
    gap: 0;
    justify-content: space-between;
  }
}

/* 202207add */
#header .search_content_box {
  position: relative;
  margin-top: 56px;
}

#header .search_content_box_form {
  display: flex;
  position: relative;
}

#header .with_icon::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../images/search_gray.svg) no-repeat center center / auto 100%;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 16px;
}

#header .search_content_box_form_input {
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 105px 0 16px;
  width: 100%;
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
  border-right: 1px solid #767676;
  border-left: 1px solid #767676;
  border-radius: 6px;
  overflow: hidden;
  height: 46px;
}

#header .input_icon {
  padding-left: 34px;
}

#header .submit_icon {
  width: calc(100% - 46px)
}

#header .search_content_box_form_submit {
  background: no-repeat url(../images/search.svg) 50%/16px;
  width: 46px;
  height: 46px;
  background-color: #000;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  margin-left: 2px;
}

#header .search_record {
  position: absolute;
  top: 11px;
  right: 38px;
}

#header .search_record .record_n {
  font-size: 14px;
  font-weight: 600;
}

#header .search_record .record_c {
  font-size: 12px;
  font-weight: 400;
}

#header .search_delete {
  display: none;
  position: absolute;
  top: 14px;
  right: 12px;
}

#header .search_delete a {
  cursor: pointer;
}

/* 3パターンデザイン共通キーワードセレクト */
#header .keywordselect {
  border-bottom: 1px dotted #767676 !important;
}
/* ここまで */

/* 検索フォームonly キーワード選択時に付与 */
#header .box_focus {
  border-radius: 6px 6px 0 0 !important;
}
/* ここまで */

/* with_category */
#header .search_content_with_category {
  display: flex;
  justify-content: space-between;
}

#header .search_content_with_category .search_content_box_form_input {
  margin-right: 2px;
}

#header .search_content_with_category .search_record {
  right: 262px;
}

#header .search_content_with_category .search_delete {
  left: calc(100% - 254px);
}
/* ここまで */

/* with_row_category */
#header .with_raw_category .search_content_box_form_input {
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
  border-right: none;
  border-left: 1px solid #767676;
  border-radius: 6px 0 0 6px;
}

#header .with_raw_category .search_record {
  right: calc(100% - 75%);
}

#header .with_raw_category .search_delete {
  display: none;
  position: absolute;
  top: 14px;
  right: calc(100% - 78%);
}

#header .with_raw_category .search_category {
  width: 26%;
  font-size: 14px;
  padding: 0 16px;
  border-radius: 0 6px 6px 0;
  height: 46px;
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
  border-right: 1px solid #767676;
  border-left: 1px dotted #767676;
  border-left-style: dotted;
}
/* with_row_category キーワード選択時に付与 */
#header .box_focus_with_raw_category01 {
  border-radius: 6px 0 0 0 !important;
}

#header .box_focus_with_raw_category02 {
  border-radius: 0 6px 0 0 !important;
}
/* ここまで */

/* searchbtn_icon_only */
#header .search_icon {
  width: calc(100% - 48px);
}
#header .search_record_icon {
  right: 80px;
}

#header .search_delete_icon {
  right: 54px;
}
/* ここまで */

#header .search-btn_icon button {
  width: 46px;
  height: 46px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.search_content_box_form_relation {
  display: none;
  padding: 0 16px;
  border: solid #767676;
  border-width: 0 1px 1px;
  border-radius: 0 0 6px 6px;
  background-color: #ffffff;
}

.search_content_box_form_relation_keyword {
  padding: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}

.search_content_box_form_relation_keyword li {
  cursor: pointer;
  background-color: #eeeeee;
  color: #222222;
  border-radius: 16px;
  padding: 4px 8px 4px 8px;
  margin: 0 8px 8px 0;
  position: relative;
  text-decoration: none;
}

.search_content_box_form_relation_keyword li a {
  color: #222222;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.k_deleat_img {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../images/k_deleat.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.faq_keyword {
  margin: 0 16px;
  padding-top: 16px;
}

.faq_keyword .faq_keyword_often, .faq_keyword .faq_keyword_relation {
  font-size: 14px;
  padding-bottom: 8px;
}

.faq_keyword_often_none {
  display: none;
}

.faq_keyword dd {
  padding-bottom: 12px;
}

.faq_keyword_list {
  display: flex;
  flex-wrap: wrap;
}

.faq_keyword_list li {
  padding: 0 20px 4px 0;
  cursor: pointer;
  background-color: #eeeeee;
  color: #222222;
  border-radius: 16px;
  padding: 4px 8px 4px 8px;
  margin: 0 8px 8px 0;
  position: relative;
}

.faq_keyword_list li a {
  color: #222222;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.relation_keyword {
  display: none;
  margin: 0 16px;
  padding-top: 16px;
}

.relation_keyword .relation_keyword_often {
  font-size: 14px;
  padding-bottom: 8px;
}

.relation_keyword dd {
  padding-bottom: 12px;
}

.relation_keyword_list {
  display: flex;
  flex-wrap: wrap;
}

.relation_keyword_list li {
  padding: 0 20px 4px 0;
  cursor: pointer;
  background-color: #eeeeee;
  color: #222222;
  border-radius: 16px;
  padding: 4px 8px 4px 8px;
  margin: 0 8px 8px 0;
  position: relative;
}

.relation_keyword_list li a {
  color: #222222;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

#searchRelation {
  display: none;
  position: absolute;
  width: 100%;
  margin-top: 4px;
  border-radius: 6px;
  background-color: #ffffff;
  filter: drop-shadow(0px 0px 4px  rgba(0,0,0,0.1));
  z-index: 1;
}

#searchRelation .relationrContent {
  display: none;
  border-top: 1px solid #d6d6d6;
  margin: 0 16px 8px;
  padding-top: 16px;
}

#searchRelation .relationrContent .relationList {
  height: 250px;
  overflow-y: scroll;
}

#searchRelation .relationrContent .relationList::-webkit-scrollbar {
  width: 8px;
}

#searchRelation .relationrContent .relationList::-webkit-scrollbar-thumb {
  background: #E3E3E3;
  border-radius: 4px;
  padding-right: 10px;
}

#searchRelation .relationrContent .relationList::-webkit-scrollbar-track {
  background: #ffffff;
  margin: 4px 0;
}

#searchRelation .relationrContent .relationList li {
  padding-bottom: 12px;
}

#searchRelation .relationList li a {
  display: block;
  color: #ff7b93;
  font-size: 14px;
  font-weight: 400;
}

.span_hit {
  font-weight:bold !important;
}

@media screen and (max-width: 920px) {
  .search_content {
    padding: 0 20px;
  }
}

@media screen and (max-width: 768px) {
  #header .search_content_box_form_input {
    padding: 0 80px 0 16px;
  }

  #header .input_icon {
    padding-left: 34px;
  }

  .search_content_box_form_submit {
    width: 50px;
    height: 50px;
    border-top: #767676 1px solid;
    border-right: #767676 1px solid;
    border-bottom: #767676 1px solid;
    border-radius: 0 6px 6px 0;
  }

  .open-btn {
    display: block;
  }

  #searchRelation .relationrContent .relationKeyword dt {
    display: none;
  }

  #searchRelation .relationrContent .keywordList {
    padding-bottom: 8px;
    border-bottom: #767676 1px solid;
  }
}

/* 202208add */
@media screen and (max-width: 920px) {
  #searchRelation {
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 768px) {
  #header .search_content_box {
    margin: 56px 0 0 ;
    ;
  }

  #header .search_content_with_category {
    display: block;
  }

  #header .input_search .search_category {
    width: 100%;
    margin-top: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  #header .search-btn {
    height: 0;
  }

  /* with_category */
  #header .search_content_with_category .search_content_box_form_input {
    padding: 0 80px 0 16px;
    width: calc(100% - 72px);
  }

  #header .search-btn button {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    font-size: 12px;
    height: 46px;
    line-height: 0;
    margin: 0;
  }

  #header .search_content_with_category .search_record {
    right: 112px;
  }

  #header .search_content_with_category .search_deleat {
    left: calc(100% - 110px);
  }
  /* ここまで */
}

@media screen and (max-width: 590px) {
  /* with_row_category */
  #header .with_raw_category .search_content_box_form_input {
    padding: 0 60px 0 12px;
  }

  #header .with_raw_category .search_record {
    right: calc(100% - 65%);
  }

  #header .with_raw_category .search_delete {
     right: calc(100% - 71%);
  }

  #header .with_raw_category .search_category {
    width: 38%;
    font-size: 12px;
    padding: 0 8px;
  }
  /* ここまで */
}