@charset "UTF-8";
.result__count {
  margin: 0px auto;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.result__count .result__count-num {
  font-size: 28px;
  color: #FD9C8E;
}

.result__count .marker {
  background: linear-gradient(transparent 70%, #FFEFDA 0%);
  padding-bottom: 3px;
}

#CONTENTS{
  width:600px; 
  background:#ffffff; 
  padding:0px 0px; 
  margin:0px auto; 
  border-left:1px solid #cccccc; 
  border-right:1px solid #cccccc;
}

#mainVisual{
  width:600px;
  margin:0 auto;
  border:1px solid #ccc;
  border-bottom:none;
}
#mainVisual img{
  width: 100%;
  vertical-align: bottom;
}
#mainVisual figure{
  margin:0;
}

.productBox__area {
  background: #FFEBE8;
  padding: 15px;
}

.productBox {
  border-radius: 10px;
  background: #fff;
  padding: 15px;
  box-sizing: border-box;
}

.productBox__head {
  line-height: 22px;
  font-size: 10px;
}

.productBox__head-copy  {
  color: #333;
  font-weight: bold;
  font-size: 12px;
}

.productBox__head-view {
  display: inline-block;
  float: right;
  font-size: 12px;
}

.productBox__head-view::before {
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("pill_view_icon.png");
  background-size: 10px 10px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.productBox__head-viewNum {
  font-weight: bold;
  color: #333;
}

.productBox__name {
  margin: 12px auto 0;
}

.productBox__name a {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  color: #1966D3;
}

.productBox__bnr {
  margin: 15px auto 0;
}

.productBox__bnr a{
  display: inline-block;
  width: 130px;
  height: 130px;
  border: 1px solid #D0D0D0;
  margin-bottom: 15px;
}

.productBox__bnr img {
  width: 100%;
  vertical-align: bottom;
}

.productBox__bnr table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width:calc(100% - 140px);
  float:right;
  background: #fff;
  border: 1px solid #D0D0D0;
}

.productBox__bnr table th,
.productBox__bnr table td{
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #D0D0D0;
  padding: 5px 0;
}

.productBox__bnr table th{
  color: #fff;
  background-color: #FD9C8E;
  border-bottom: 1px solid #fff;
}

.productBox__bnr::after{
  content:"";
  width: 1px;
  height: 1px;
  display: inline-block;
  clear: both;
}

.productBox__nayami img,
.productBox__pill img{
  width: 100%;
  vertical-align: bottom;
}

.productBox__nayami{
  margin:20px auto 0;
}

.productBox__nayami-list{
  border:1px solid #AFAFAF;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
  margin: 8px auto 0;
}

.productBox__nayami-item{
  display: inline-block;
  margin-right: 18px;
  position: relative;
  font-weight: bold;
  font-size: 12px;
}

.productBox__nayami-item::before{
  content:"";
  width: 14px;
  height: 14px;
  background-size: 14px;
  background-image: url("pill_check_circle.png");
  display: inline-block;
  margin-right: 3.5px;
  position: relative;
  top: 2px;
}

.productBox__nayami-item.off{
  opacity: 0.4;  
}

.productBox__pill{
  margin:20px auto 0;
}

.productBox__pill-list{
  padding: 0px;
  box-sizing: border-box;
  margin: 8px auto 0;
  text-align: left;
}

.productBox__pill-item{
  display: inline-block;
  margin-right: 22px;
  position: relative;
  font-weight: bold;
  font-size: 12px;
}

.productBox__pill-item::before{
  content:"";
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  margin-right: 3.5px;
  position: relative;
  top: 2px;
}

.productBox__pill-item:nth-of-type(1)::before{
  background-image: url("pill_mark_cho.png");
}

.productBox__pill-item:nth-of-type(2)::before{
  background-image: url("pill_mark_tei.png");
}

.productBox__pill-item:nth-of-type(3)::before{
  background-image: url("pill_mark_chu.png");
}

.productBox__pill-item:nth-of-type(4)::before{
  background-image: url("pill_mark_mini.png");
}

.productBox__pill-item:nth-of-type(5)::before{
  background-image: url("pill_mark_after.png");
}


.productBox__pill-item.off{
  opacity: 0.4;
}

.productBox__feature{
  margin:27px auto 0;
  border-radius: 8px;
  background-color: #FD9C8EB2;
  padding: 10px;
  box-sizing: border-box;
}

.productBox__feature img{
  width: 100%;
  vertical-align: bottom; 
}

.productBox__feature-list{
  margin-top:8px;
  background-color: #fff;
  border-radius: 4px;
  padding:8px 18px 18px;
  box-sizing: border-box;
}

.productBox__feature-item{
  margin-top:10px;
  font-size: 14px;
  color: #FD9C8E;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}

.productBox__feature-item::before{
  content: "・";
  color: #81CDC8;
  font-size: 180%;
  font-weight: bold;
  position: absolute;
  top: -8px;
  left: -3px;
}

.productBox__feature-item .underline{
  background: linear-gradient(transparent 70%, #FFEFDA 0%);
  padding-bottom: 3px;
}



.productBox__logo {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  border: 1px solid #F78E9D;
  overflow: hidden;
  display: inline-block;
}

.productBox__logo img {
  width: 100%;
  vertical-align: bottom;
}

.productBox__btn {
  margin-top: 20px;
}

.productBox__btn a {
  display: inline-block;
  width: calc(100% - 66px);
  border-radius: 8px;
  color: #fff;
  line-height: 53px;
  border-bottom: 3px solid #127637;
  text-shadow: 1px 1px 0px #127637;
  text-align: center;
  float: right;
  background: #20B354;
  text-decoration: none;
  position: relative;
}

.productBox__btn a::after {
  content: "";
  background-image: url(ico_square_arrow_right.svg);
  width: 15px;
  height: 15px;
  position: relative;
  display: inline-block;
  background-size: 15px;
  top: 1.5px;
  margin-left: 6px;
  opacity: 1;
  box-shadow: 1px 1px 1px #127637;
}

.productBox__btn::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1px;
  clear: both;
}

.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

@media screen and (max-width:767px){
  #CONTENTS{
    width:100%; 
    padding:0px 0px; 
    border-left:0px solid #cccccc; 
    border-right:0px solid #cccccc;
  }
  #mainVisual{
    width:100%;
    border:none;
  }
}

/*表示切り替え用CSS*/
.dispChange__tabArea{
  padding-top:20px;
  text-align: center;
}
.dispChange__box .resultBox__area{
  margin-top:0px !important;  
}
.dispChange__tab{
    display: inline-block;
    line-height: 33px;
    padding: 0px;
    border-radius: 6px 6px 0 0;
    background-color: #EAEAEA;
    margin-right:5px;
    font-size: 12px;
    font-weight: normal;
    color: #B1B1B1;
    width: calc(50% - 17.5px);
    text-align: center;
}
.dispChange__tab:nth-last-of-type(1){
  margin-right: 0;
}
.dispChange__tab.selected{
  opacity: 1.0;
  font-weight: bold;
  color: #fff;
  background-color: #FDB6AC;
}
.dispChange__tab:hover{
  cursor: pointer;
}
.dispChange__boxArea{

}
.dispChange__box.down{
  display: none;
}
.dispChange__box{
  display: block;
}

/*　一覧表示 */
.resultData__area{
  width: auto;
  box-sizing: border-box;
  /* height: 700px; */
  overflow-x: scroll;
  /* padding-left: 20px; */
  margin: 0 auto 40px;
}

table.comparisonTable{
  min-width: 1400px;
  width: 100%;
  border-top: 2px solid #FD9C8E;
  border-left: 1px solid #FD9C8E;
  border-right: 1px solid #FD9C8E;
  position: relative;
  border-collapse: separate;
  overflow-x: scroll;
  table-layout: fixed;
  border-collapse:collapse;
}
@media screen and (min-width: 641px) {
  /*
  table.comparisonTable{
    min-width:  100%;
  }
  */
}
table.comparisonTable th,
table.comparisonTable td{
  border: none;
  border-left: none;
  border-right: 1px dotted #ccc;
  background-clip: padding-box;
  padding: 10px 10px;
}
table.comparisonTable thead th{
  border-right: 1px solid #fff;      
}
table.comparisonTable th:last-child,
table.comparisonTable td:last-child{
  border-right: none;
}
table.comparisonTable thead{
  position: sticky;
  top: 0;
  z-index: 200;
}
table.comparisonTable thead > tr > th{
  z-index: 1;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 6px;
  text-align:center;
  font-size: 14px;
  background-color: #fff;
  color: #393939;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #FD9C8E;
  /* border-right: 1px #999 dashed;
  border-left: none; */
}
table.comparisonTable thead > tr > th:nth-of-type(1),
table.comparisonTable tbody > tr > th:nth-of-type(1){
  width: 140px;
  text-align: center;
}
table.comparisonTable tbody > tr > th:nth-of-type(1) img{
  width: 100%;
  vertical-align: bottom;
}
table.comparisonTable thead > tr > th small{
  color: #6F7579;
  font-size: 10px;
  font-weight: normal;
  display: block;
  margin: 0 auto;
  text-align: center;
}
/*
table.comparisonTable th:first-child {
  min-width: 85px;
  box-sizing: border-box;
  position: relative;
}
table.comparisonTable tbody th:first-child {
  height: 136px;
  padding: 12px;
}
table.comparisonTable thead > tr > th:nth-child(1){
  z-index: 100 !important;
  width: 129px;
  width: 20%;
}
table.comparisonTable thead > tr > th:nth-child(2){
  width: 140px;
  width: 20%;
}
table.comparisonTable thead > tr > th:nth-child(3){
  width: 160px;
  width: 21%;

}
table.comparisonTable thead > tr > th:nth-child(4){
  width: 192px;
  width: 27%;
}
table.comparisonTable thead > tr > th:nth-child(5){
  width: 100px;
  width: 12%;
}
*/
table.comparisonTable thead > tr > th{
  min-width: 50px;
  background-color: #FD9C8E;
  color: #fff;
}
table.comparisonTable tbody > tr > td,
table.comparisonTable tbody > tr > th{
  font-size: 14px;
  background-color: #fff;
  line-height: 1.5;
  box-sizing: border-box;
  border-bottom: 1px solid #FD9C8E;
  z-index: 100;
  vertical-align: middle;
  font-weight: bold;
}
table.comparisonTable tbody > tr {
  position: relative;
}

table.comparisonTable tbody > tr > td.id_1,
table.comparisonTable tbody > tr > th.id_1{
  background-color: #FFFAE2;
}
table.comparisonTable tbody > tr > th.id_1{
  position: relative;
  border: 4px solid #FEB867;
  border-right: 1px #FD9C8E dashed;
}
table.comparisonTable tbody td.id_1:last-child{
  border-right: 4px solid #FEB867;
}
table.comparisonTable tbody > tr > td.id_1{
  position: relative;
  border-top: 4px solid #FEB867;
  border-bottom: 4px solid #FEB867;
}
table.comparisonTable tbody > tr > th.id_1::before{
  content: "";
  line-height: 1.0;
  width: 50px;
  height: 50px;
  color: #fff;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  position: absolute;
  background-image: url("pill_table_obi.png");
  top: -2px;
  left: -2px;
}

table.comparisonTable tbody th {
    min-width: 85px;
    /* position: -webkit-sticky;
    position: sticky;
    left: 0; */
    box-sizing: border-box;
    z-index: 10;
}
table.comparisonTable tbody > tr > td{
  text-align: center;
}

table.comparisonTable tbody td:last-child small{
  line-height: 1.5;
}
table.comparisonTable thead th:first-child {
    /* position: -webkit-sticky;
    position: sticky;
    left: 0; */
    z-index: 10;
}
.comparisonTable__data-logo_wrap {
  box-sizing: border-box;
  border: 1px solid var(--Grey);
  background: #ffff;
  width: 104px;
  height: 104px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.comparisonTable__data-logo_wrap img{
  width: 100%;
  vertical-align: bottom;
}
table.comparisonTable tbody tr:first-child th .comparisonTable__data-logo_wrap {
  margin-top: 12px;
  margin-left: -4px;
}

a.counseling-link {
  color: #fff;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  text-decoration: none;
  display: block;
  background: #20b253;
  border-bottom: solid 3px #137637;
  text-shadow: 0 1px 2px #137637;
  padding: 20px 2px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
}
a.counseling-link::after {
  content: "";
  background-image: url(ico_square_arrow_right.svg);
  width: 15px;
  height: 15px;
  position: relative;
  display: inline-block;
  background-size: 15px;
  top: 2px;
  margin-left: 6px;
  opacity: 1;
  box-shadow: 1px 1px 1px #127637;
  left: -3px;
}
.comparisonTable > thead > tr > th:nth-child(4){
  width: 130px;
}
.comparisonTable > thead > tr > th:nth-child(7){
  width: 200px;
}
.comparisonTable__data-pill li,
.comparisonTable__data-pill li.off{
  display: none;
}
.comparisonTable__data-pill li.on{
  display: inline-block;
  width: 48%;
  text-align: center;
}
.comparisonTable > thead > tr > th:nth-child(8){
  width: 200px;
}
/*
span.comparisonTable__data-link{
    height: 100px;
    width: 100%;
    display: table; 
}
.comparisonTable__data-link img{

}
.comparisonTable__data-link a{
  display: table-cell;
  width: 100%;
  height: max-content;
  background: #E65F1B;
  text-align: center;
  line-height: 100px;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
}
.comparisonTable__data-link a span{
    font-size: 10px;
    position: relative;
    margin-left: 5px;
    display: inline-block;
    bottom: 1px;
}
*/

/*
検索フォーム
*/
#searchForm{
 background-color: #FFEDEB;
 padding:20px 0px;
}
.searchForm__head{
  margin:0 10px;
}
.searchForm__head img{
  width: 100%;
  vertical-align: bottom;
}
.searchForm__list{
  padding: 10px;
}
#pc_site #searchForm button{
  border: none;
  text-align: left;
  background-color: transparent;
}
#pc_site #searchForm .searchForm__action img{
  vertical-align: bottom;
  width: auto;
  height: 48px;
}
#pc_site #searchForm button{
  width: auto !important;

}
#pc_site #searchForm .searchForm__action 
#pc_site #searchForm button img{
  text-align: left;
  height: 48px;
}
.searchForm__listTitle{
  font-weight: bold;
    color:#6B6867;
}
.searchForm__listItem{
  padding: 5px 0 10px;
}
.searchForm__listItem.purpose{
  vertical-align: bottom;
}
.searchForm__listItem label{
  position: relative;
    color:#6B6867;
}
.searchForm__listItem label.selected{
  background-color: #FD9C8E !important;
  color:#fff !important;
}
.searchForm__listItem.purpose label{
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 10px 10px 25px;
  border: 1px solid #FD9C8E;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
#searchForm .searchForm__listItem.purpose > label:nth-child(6),
#searchForm .searchForm__listItem.purpose > label:nth-child(9),
.searchForm__listItem.purpose .multi-item:nth-last-of-type(1){
  margin-right: 0;
}
.searchForm__listItem.kodawari > div > label:nth-child(3){
  margin-right: 0; 
}

.searchForm__listItem.kodawari{

}
.searchForm__listItem.kodawari label{
  display: inline-block;
  width: 32%;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #FD9C8E;
  background-color: #fff;
  text-align: center;
  margin-right: 2%;
  margin-bottom:2%;
  box-sizing: border-box;
  vertical-align: bottom;
  font-size: 12px;
  height:105px;
  font-weight: bold;
  line-height: 1.2;
}
#searchForm .searchForm__listItem.purpose > label:nth-child(3),
#searchForm .searchForm__listItem.kodawari > label:nth-child(3n),
.searchForm__listItem.kodawari .multi-item:nth-last-of-type(1){
  margin-right: 0;
}
.searchForm__listItem.point{
  vertical-align: bottom;
  padding-bottom: 0;
}
.searchForm__listItem.point label{
  display: inline-block;
  width: 49%;
  margin-right: 2%;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #fdc06d;
  margin-bottom: 2%;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
}
.searchForm__listItem.point label:nth-child(even){
  margin-right:0;
}
.searchForm__listItem.point label:nth-last-of-type(1){
    font-size: 12px;
    padding: 4px 10px;
}
.Refine_Search_submit{
  display: inline-block;
}
.Refine_Search_submitBtn{
    width: auto;
    height: 48px;
}
.Refine_Search_submitBtn.nolink_searchresult{
  opacity: 0.4;
}
@media screen and (max-width:767px) {
.searchForm__listItem.kodawari label:nth-last-of-type(1){
  margin-right: 0;
    /* padding-top: 23px; */
}
.searchForm__listItem.kodawari label{
  height: 100px;
}
}
.searchForm__action{
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
  min-height:70px ;
}
.searchForm__action::after{
  content:""; 
  display:block; 
  height:1px; 
  clear:both; 
  visibility:hidden;
}
.searchForm__actionReset{
  position: absolute;
  left: 10px;
  bottom: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.Refine_Search_number{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
  color: #6B6867;
}
.Refine_Search_number .num{
  font-size: 160%;
  color: #6B6867;
}
.Refine_Search_submit{
  position: absolute;
  right: 10px;
  bottom: -2px;
  margin: 0;
  line-height: 1;
}
#searchForm input[type="radio"] {
  display: none;
}
#searchForm input + span.radiobox:before {
  /* content: ""; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #FD9C8E;
}
#searchForm input + span.radiobox {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #FD9C8E;
  display: inline-block;
  left: 10px;
  top: 50%;
  margin-top: -7px;
}
#searchForm input:checked + span.radiobox:after,
#searchForm .on input + span.radiobox:after,
#searchForm input[type="radio"]:checked + span.radiobox:after,
#searchForm .on input[type="radio"] + span.radiobox:after,
#searchForm .on01 input[type="radio"] + span.radiobox:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #F3C05F;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#searchForm input[type="radio"]:checked + span.s:after {
  top: 50%;
  left: 50%;
}
.searchForm__listItem.point input[type=checkbox]+ span.checkbox {
  display:inline-block;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  border: 1px solid #cdd6dd;
  border-left: 2px solid #cdd6dd;
  border-top: 2px solid #cdd6dd;
  margin-right: 6px;
  margin-left: 8px;
  background-color: #fff;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -7px;
}
.searchForm__listItem.point input[type=checkbox]:checked + span.checkbox:after {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 27%;
  width: 8px;
  height: 16px;
  transform: rotate(45deg) translate3d(0, 2px, 0) scale3d(0.7, 0.7, 1);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  border-bottom: 4px solid #244d7d;
  border-right: 4px solid #244d7d;
}
.searchForm__listItem.kodawari label:nth-child(1) input[type=checkbox]+ span.checkbox_icon,
.searchForm__listItem.kodawari label:nth-child(2) input[type=checkbox]+ span.checkbox_icon,
.searchForm__listItem.kodawari label:nth-child(3) input[type=checkbox]+ span.checkbox_icon,
.searchForm__listItem.kodawari label:nth-child(4) input[type=checkbox]+ span.checkbox_icon,
.searchForm__listItem.kodawari label:nth-child(5) input[type=checkbox]+ span.checkbox_icon,
.searchForm__listItem.kodawari label:nth-child(6) input[type=checkbox]+ span.checkbox_icon{
  content: "";
  display: block;
/*  width: 44px;*/
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 44px;
  margin: 0 auto 5px;
}


.searchForm__listItem.kodawari > div > label:nth-child(1) input[type=checkbox]+ span.checkbox_icon{
  background-image: url("pill_search_icon01.png");
}
.searchForm__listItem.kodawari > div > label:nth-child(2) input[type=checkbox]+ span.checkbox_icon{
  background-image: url("pill_search_icon02.png");
}
.searchForm__listItem.kodawari > div > label:nth-child(3) input[type=checkbox]+ span.checkbox_icon{
  background-image: url("pill_search_icon03.png");
  margin-bottom:13px;
}
.searchForm__listItem.kodawari > div > label:nth-child(4) input[type=checkbox]+ span.checkbox_icon{
  background-image: url("pill_search_icon04.png");
  margin-bottom:13px;
}
.searchForm__listItem.kodawari > div > label:nth-child(5) input[type=checkbox]+ span.checkbox_icon{
  background-image: url("pill_search_icon05.png");
  margin-bottom:13px;
}
.searchForm__listItem.kodawari > div > label:nth-child(6) input[type=checkbox]+ span.checkbox_icon{
  background-image: url("pill_search_icon06.png");
}

.formBox__list-dispBtn {
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 11px;
  padding: 6px 11px;
  border-radius: 6px;
  line-height: 1.0;
  float: right;
  width: 90px;
  box-sizing: border-box;
  position: relative;
}

.formBox__list-dispBtn:hover {
  cursor: pointer;
  opacity: 0.6;
}

.formBox__list-dispBtn.active {

}
.formBox__list-dispBtn::before{
  content:"一覧を開く";
}

.formBox__list-dispBtn.active::before{
  content:"閉じる";
}

.formBox__list-dispBtn::after {
  content: "";
  width: 10px;
  height: 7px;
  display: inline-block;
  background-image: url(angle-down-wh.svg);
  background-size: 10px 7px;
  position: absolute;
  top: 8px;
  right: 5px;
  margin-left: 3px;
}

.formBox__list-dispBtn.active::after {
  transform: rotateZ(180deg)
}

.formBox__list-disp {
  display: none;
}

.formBox__list-disp.active{
  display: block;
}