@charset "Shift_JIS";

/*------------------------------------
基本CSS
-------------------------------------*/
#wrap {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
#wrap img {
  max-width: 100%;
}
#wrap .pc_none {
  display: none !important;
}

/*------------------------------------
アンカーメニュー
-------------------------------------*/
#wrap .anchor_menu {
  width: 100%;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#wrap .anchor_menu li {
  width: calc(97% / 3);
}
#wrap .anchor_menu li a {
  display: block;
  position: relative;
  color: #484d68;
  font-weight: bold;
  border: 2px solid;
  box-sizing: border-box;
  font-size: 20px;
  padding: 15px 0 20px;
  transition: 0.5s;
}
#wrap .anchor_menu li a:hover {
  color: #fff !important;
  background-color: #484d68;
  border-color: #484d68;
}
#wrap .anchor_menu li a::after {
  font-family: "Material Icons";
  font-size: 30px;
  font-weight: normal;
  position: absolute;
  content: "expand_more";
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transition: 0.2s;
}
#wrap .anchor_menu li a:hover::after {
  bottom: -7px;
}
/* #wrap .anchor_menu li:nth-child(n+3){
    margin-top: 20px;
} */

/*------------------------------------
アンカー下内容
-------------------------------------*/
/* #wrap .contents_box:nth-of-type(1){
    margin-top: 50px;
} */

#wrap .contents_box {
  width: 100%;
  margin-top: 35px;
}

#wrap .contents_box:not(:first-of-type) {
  margin-top: 70px;
}

#wrap .contents_box h1 {
  box-sizing: border-box;
  color: #fff;
  background-color: #606060;
  box-sizing: border-box;
  padding: 5px 0;
  font-size: 30px;
  font-weight: normal;
  margin: 0 auto 10px;
}

#wrap .contents_box .anchor_btn a {
  display: block;
  box-sizing: border-box;
  padding: 10px 0;
  text-align: center;
  color: #383838;
  border: 1px solid;
  border-radius: 8px;
  font-size: 23px;
  margin: 25px auto 0;
  position: relative;
  width: 55%;
}
#wrap .contents_box .anchor_btn a::after {
  font-family: "Material Icons";
  content: "expand_more";
  font-size: 40px;
  position: absolute;
  top: 55%;
  right: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#wrap .contents_box .attention {
  width: 100%;
  margin: 15px auto 0;
  box-sizing: border-box;
  padding: 15px;
  background-color: #c64919;
  border-radius: 8px;
}
#wrap .contents_box .attention .mida {
  color: #fff;
  border-bottom: 1px solid;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#wrap .contents_box .attention p:nth-of-type(n + 2) {
  font-size: 20px;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
}

#wrap #contents02.contents_box .explanation:nth-of-type(1) {
  margin-bottom: 40px;
}
#wrap #contents02.contents_box .explanation:nth-of-type(2) {
  margin: 20px auto 50px;
}

#wrap .contents_box .explanation {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #383838;
}
#wrap .contents_box .explanation .mida {
  background-color: #5b979f;
  color: #fff;
  padding: 5px 0;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 10px;
}
#wrap .contents_box .explanation p:nth-of-type(n + 2) {
  color: #383838;
  text-align: center;
  padding: 0;
  font-size: 20px;
}
#wrap .contents_box .explanation p.note {
  color: #d38f5e;
  text-align: center;
  margin-bottom: 0;
}
#wrap .contents_box .explanation p.note::before {
  content: "※";
  margin-right: 5px;
}
#wrap .contents_box .explanation > ul {
  text-align: left;
  padding: 0;
}
#wrap .contents_box .explanation > ul li {
  display: flex;
  font-size: 16px;
  color: #383838;
}
#wrap .contents_box .explanation > ul li:nth-child(n + 2) {
  margin-top: 10px;
}
#wrap .contents_box .explanation > ul li::before {
  content: "・";
  margin-right: 0.5vw;
}

/*動画*/
#wrap .contents_box details {
  transition: 0.8s;
}
#wrap .contents_box summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 15px;
  background-color: #f9eee8;
  width: 70%;
  margin: 0 auto;
  border-radius: 8px;
}
#wrap .contents_box summary::-webkit-details-marker {
  display: none;
}
#wrap .contents_box summary > div:nth-child(1) {
  width: 13%;
  margin-right: 15px;
}
#wrap .contents_box summary > div:nth-child(2) p {
  font-weight: bold;
  color: #383838;
}
#wrap .contents_box summary > div:nth-child(2) p:nth-child(1) {
  font-size: 20px;
}
#wrap .contents_box summary > div:nth-child(2) p:nth-child(2) {
  font-size: 16px;
  position: relative;
}
#wrap .contents_box summary > div:nth-child(2) p:nth-child(2)::before,
#wrap .contents_box summary > div:nth-child(2) p:nth-child(2)::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20%;
  width: 14px;
  height: 2px;
  content: "";
  background-color: currentColor;
}
#wrap .contents_box summary > div:nth-child(2) p:nth-child(2)::before {
  transform: translateY(-50%);
}
#wrap .contents_box summary > div:nth-child(2) p:nth-child(2)::after {
  transition: transform 0.5s;
  transform: translateY(-50%) rotate(-90deg);
}

#wrap .contents_box details[open] summary > div:nth-child(2) p:nth-child(2)::after {
  transform: translateY(-50%);
}
#wrap .contents_box summary > div.movie {
  transition: transform 0.5s;
}
#wrap .contents_box .movie {
  margin-top: 15px;
}
#wrap .contents_box .com,
#wrap .contents_box .com2 {
  color: #383838;
}
#wrap .contents_box .com {
  text-align: right;
  margin-bottom: 10px;
  font-size: 14px;
}
#wrap .contents_box .com2 {
  margin-top: 20px;
  font-size: 18px;
}
#wrap .contents_box .movie dt {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 0;
  margin-bottom: 1vw;
  font-size: 16px;
  color: #383838;
  background-color: #dbdbdb;
}

#wrap .contents_box .movie > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#wrap .contents_box .movie > ul > li:nth-child(1) {
  width: 100%;
}
/* #wrap .contents_box .movie > ul > li:nth-child(1) dd:nth-of-type(2){
    margin-top: 2vw;
} */
#wrap .contents_box .movie > ul > li:nth-child(1) dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#wrap .contents_box .movie > ul > li:nth-child(1) dd {
  width: calc(98% / 2);
}
#wrap .contents_box .movie > ul > li:nth-child(1) dl dt {
  width: 100%;
}
#wrap .contents_box .movie > ul > li:nth-child(n + 2) {
  margin-top: 20px;
  width: calc(98% / 2);
}
#wrap .contents_box .movie .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#wrap .contents_box .movie .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  /* z-index: 5; */
}

/*確認事項と追加料金*/
#wrap .accordion_menu {
  margin-top: 50px;
}
#wrap .accordion_menu .qa {
  font-size: 20px;
}
#wrap .accordion_menu .qa:nth-child(n + 2) {
  margin-top: 10px;
}
#wrap .accordion_menu .list_q {
  position: relative;
  cursor: pointer;
  border: 1px solid #c0c0c0;
  padding: 10px 10px 10px 25px;
  font-size: 20px;
  color: #383838;
  text-align: left;
}
#wrap .accordion_menu .list_q::before {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #383838;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
}
#wrap .accordion_menu .list_q::after {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #383838;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
}
#wrap .accordion_menu .list_q.accordion_menu_active::after {
  display: none;
}
#wrap .accordion_menu .list_a {
  display: none;
  margin-bottom: 30px;
}

/*ご注文から取付工事までの流れ-詳細-*/
#wrap .star {
  font-size: 3.5vw;
  color: #383838;
  width: calc(100% - 40px);
  margin: 0 auto;
}
#wrap .star span {
  font-size: 4vw;
  font-weight: bold;
  color: #c64919;
}
#wrap .step_box {
  width: 100%;
  background-color: #e4f0f0;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 8px;
  margin-top: 30px;
}
#wrap .step_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#wrap .step_box ul li:nth-child(1) {
  width: 100%;
}
#wrap .step_box ul li:nth-child(n + 2) {
  width: calc(98% / 2);
  margin-top: 20px;
}
#wrap .step_box img {
  border-radius: 8px;
}

#wrap .yubin_box {
  box-sizing: border-box;
  padding: 2vw;
  background-color: #fbf4ee;
  border-radius: 8px;
  margin: 3vw 0 0;
}
#wrap .yubin_numner {
  box-sizing: border-box;
  font-size: 20px;
  color: #383838;
  margin: 0 auto 10px;
  font-weight: bold;
}
#wrap .bn_img:hover img {
  opacity: 0.8;
  transition: 0.3s;
}
#wrap .bn_img {
  display: block;
  /* margin-bottom: 3vw; */
}

#wrap .display_example {
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  padding: 20px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto 20px;
}

/*ステップ*/
#wrap .step_box2 > section {
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #424242;
  margin-top: 30px;
}
#wrap .step_box2 .mida {
  color: #c64919;
  font-weight: bold;
  font-size: 22px;
}
#wrap .step_box2 .mida span {
  font-size: 35px;
  margin-left: 4px;
}

#wrap .step_box2 .mida2 {
  padding: 5px 0;
  background-color: #484d68;
  color: #fff;
  font-size: 20px;
}

#wrap .step_box2 .txt,
#wrap .step_box2 .txt2 {
  color: #383838;
}
#wrap .step_box2 .txt {
  font-size: 18px;
  margin: 10px auto 0;
}
#wrap .step_box2 .txt2 {
  font-size: 20px;
  margin: 20px 0;
}

#wrap .step_box2 .img_box {
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  padding: 0;
  background-color: #fff;
  width: 95%;
  margin: 10px auto 20px;
}

#wrap .step_box2 .text_box {
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  padding: 0;
  background-color: #fff;
  width: 95%;
  margin: 10px auto 20px;
  padding: 20px;
}

#wrap .step_box2 .text_box dl {
  text-align: left;
}

#wrap .step_box2 .text_box dl dt {
  color: #fff;
  font-size: 21px;
  background-color: #787878;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  padding: 5px;
  margin-bottom: 10px;
}

#wrap .step_box2 .text_box dl dd {
  font-size: 14px;
  color: #e10015 !important;
  line-height: 1;
  margin-bottom: 10px;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
}

#wrap .step_box2 .text_box dl dd:not(:first-of-type)::before {
  font-family: "Material Icons Outlined";
  content: "check_box_outline_blank";
  display: inline-block;
  line-height: inherit;
  font-size: 20px;
  color: #787878;
}

#wrap .step_box2 .img_box .js-modal-open {
  box-sizing: border-box;
  padding: 3vw;
  border: 1px solid #e7e7e7;
  /* margin-top: 1vw; */
  margin: 1vw auto 4vw;
  width: 90%;
} /* 
#wrap .step_box2 .img_box .js-modal-open img{
    border: 1px solid #e7e7e7;
} */
#wrap .step_box2 p.action {
  color: #5b979f;
  font-size: 20px;
  margin: 30px auto 15px;
}

#wrap .step_box2 .koji_mida {
  font-size: 20px;
  color: #fff;
  box-sizing: border-box;
  padding: 5px 100px;
  display: inline-block;
}
#wrap .step_box2 .koji_mida.koji_no {
  background-color: #91b6bc;
}
#wrap .step_box2 .koji_mida.koji_ari {
  background-color: #c64919;
  margin-top: 30px;
}

#wrap .step_box2 .txt_list {
  box-sizing: border-box;
  padding: 2vw;
  background-color: #f9eee8;
  border-radius: 8px;
}
#wrap .step_box2 .txt_list .mida {
  color: #d38f5e;
  border-bottom: 1px solid;
  font-weight: normal;
  font-size: 23px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap .step_box2 .txt_list .mida::before {
  font-family: "Material Icons Outlined";
  content: "warning";
  font-size: 35px;
  margin-right: 0;
}
#wrap .step_box2 .txt_list .mida:nth-of-type(n + 2) {
  margin-top: 20px;
}
#wrap .step_box2 .txt_list ul li {
  display: flex;
  margin-bottom: 5px;
  color: #383838;
  font-size: 16px;
  text-align: left;
}
#wrap .step_box2 .txt_list ul li p {
  text-align: left;
  font-size: 16px;
}
#wrap .step_box2 .txt_list ul li::before {
  content: "・";
}
#wrap .step_box2 .txt_list ul li span {
  font-weight: bold;
  color: #c64919;
  font-size: 16px;
}

#wrap .step_box2 .step2 .txt_list,
#wrap .step_box2 .step3 .txt_list {
  margin-top: 10px;
}

#wrap .toiawase {
  display: inline-block;
  margin: 30px auto 0;
}
#wrap .toiawase a {
  display: block;
  box-sizing: border-box;
  padding: 15px 100px;
  background: #222;
  border-radius: 5px;
  color: #fff;
  border: solid 1px #222;
  transition: 0.2s;
}
#wrap .toiawase a:hover {
  background: #fff;
  color: #222 !important;
}

/*------------------------------------
リサイクル回収サービス
-------------------------------------*/
#wrap .txt_recycle {
  font-size: 18px;
  color: #383838;
  margin: 20px auto -20px;
}
#wrap .txt_recycle span {
  display: inline-block;
  background-color: #219500;
  color: #fff;
  font-size: 20px;
  padding: 0 10px;
  margin: 0 3px;
}

#wrap .recycle_btn {
  display: inline-block;
  margin-top: 10px;
}
#wrap .recycle_btn a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  background-color: #c64919;
  border: 1px solid #c64919;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 7px 70px 7px 20px;
  transition: 1s;
}
#wrap .recycle_btn a::after,
#wrap .recycle_btn a::before {
  position: absolute;
  font-family: "Material Icons";
  content: "play_arrow";
  color: #fff;
  font-size: 30px;
  bottom: 0.5vw;

  top: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#wrap .recycle_btn a::after {
  right: 13px;
}
#wrap .recycle_btn a::before {
  right: 30px;
}
/* #wrap .recycle_btn a > div:nth-child(2)::after{
    right: -50px;
    top: 1px;
} */
#wrap .recycle_btn a:hover {
  background-color: #fff;
}
#wrap .recycle_btn a p,
#wrap .recycle_btn a div {
  color: #fff;
}
#wrap .recycle_btn a:hover p,
#wrap .recycle_btn a:hover div,
#wrap .recycle_btn a:hover::after,
#wrap .recycle_btn a:hover::before {
  color: #c64919;
}
#wrap .recycle_btn a > div:nth-child(1) {
  margin-right: 15px;
}
#wrap .recycle_btn a > div:nth-child(1) p {
  font-size: 16px;
}
#wrap .recycle_btn a > div:nth-child(2) {
  font-size: 27px;
  position: relative;
}

#wrap .recycle_box {
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #424242;
  margin-top: 30px;
}
#wrap #syosai_box h2 {
  background-color: #6f9b66;
  color: #fff;
  padding: 5px 0;
  font-size: 23px;
}

#wrap #syosai_box ul {
  text-align: left;
  color: #383838;
  margin: 1vw auto 0;
}
#wrap #syosai_box ul > li:nth-child(n + 2) {
  margin-top: 10px;
}
#wrap #syosai_box .mida {
  display: flex;
}
#wrap #syosai_box .mida,
#wrap #syosai_box .mida p,
#wrap #syosai_box .mida p span:nth-of-type(n + 2) {
  font-size: 18px;
  font-weight: bold;
}
#wrap #syosai_box .mida > span {
  font-size: 20px;
  margin-right: 10px;
  /* display: inline-block; */
  font-weight: bold;
}
#wrap #syosai_box .mida p span {
  color: #c64919;
  font-size: 18px;
}
#wrap #syosai_box .mida p span.num {
  font-size: 30px;
  margin: 0 0 0 5px;
}
#wrap #syosai_box p.otodoke_txt {
  background-color: #fbffc2;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 10px;
  color: #c64c1b;
  display: flex;
  font-size: 18px;
  margin-top: 10px;
}
#wrap #syosai_box p.otodoke_txt::before {
  content: "※";
  margin-right: 3px;
}

#wrap #syosai_box .annotation {
  box-sizing: border-box;
  padding: 5px 10px;
}
#wrap #syosai_box .annotation p {
  display: flex;
  font-size: 18px;
}
#wrap #syosai_box .annotation p::before,
#wrap #syosai_box .preparation p:nth-child(3)::before {
  content: "※";
  margin-right: 5px;
}
#wrap #syosai_box .annotation p:nth-child(1),
#wrap #syosai_box .preparation p:nth-child(3) {
  color: #c64919;
}
#wrap #syosai_box .annotation p:nth-child(2) {
  margin-top: 5px;
}

#wrap #syosai_box .preparation {
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  background-color: #fdffe9;
  border-radius: 8px;
  margin-top: 15px;
}
#wrap #syosai_box .preparation p:nth-child(1) {
  font-size: 20px;
  color: #c64919;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  /* font-weight: bold; */
}
#wrap #syosai_box .preparation p:nth-child(2) {
  font-size: 18px;
}
#wrap #syosai_box .preparation p:nth-child(3) {
  font-size: 18px;
}

/*必ずご確認ください*/
#wrap #kakunin_box h2 {
  background-color: #aaaaaa;
  color: #fff;
  padding: 5px 0;
  font-size: 23px;
  font-weight: normal;
  margin-bottom: 10px;
}
#wrap #kakunin_box .kakunin_list {
  text-align: left;
  color: #383838;
}
#wrap #kakunin_box .kakunin_list > li {
  margin-top: 5px;
}
#wrap #kakunin_box .kakunin_list > li > p {
  display: flex;
  font-size: 18px;
}
#wrap #kakunin_box .kakunin_list > li > p::before {
  content: "・";
}
#wrap #kakunin_box .kakunin_list .dot_box {
  box-sizing: border-box;
  padding: 15px;
  border: 1px dashed #a3a3a3;
  border-radius: 8px;
  margin: 5px auto 10px;
}
#wrap #kakunin_box .kakunin_list .dot_box p {
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid;
  padding-bottom: 5px;
}
#wrap #kakunin_box .kakunin_list .dot_box li {
  display: flex;
  margin: 5px 0;
  font-size: 16px;
}
#wrap #kakunin_box .kakunin_list .dot_box li:nth-child(3) {
  margin-bottom: 0;
}
#wrap #kakunin_box .kakunin_list .dot_box li::before {
  content: "・";
  margin-right: 0.5vw;
}

#wrap #kakunin_box .txt_list {
  box-sizing: border-box;
  padding: 15px;
  background-color: #f9eee8;
  border-radius: 8px;
  margin: 15px 0 0;
}
#wrap #kakunin_box .txt_list .mida {
  color: #d38f5e;
  border-bottom: 1px solid;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap #kakunin_box .txt_list li {
  display: flex;
  margin-bottom: 10px;
  color: #383838;
  font-size: 16px;
  text-align: left;
}
#wrap #kakunin_box .txt_list li::before {
  content: "・";
}

/***---------------------------------
PC用ナビメニュー
---------------------------------***/
#wrap #fs_nav {
  position: fixed;
  top: calc(5% + 200px);
  right: 0;
  z-index: 1000;
}
#wrap #fs_nav ul li:nth-child(1) {
  border-top: 1px dotted #e0e0e0;
}
#wrap #fs_nav ul li {
  border-bottom: 1px dotted #e0e0e0;
}
#wrap #fs_nav ul li a {
  display: block;
  text-align: left;
  box-sizing: border-box;
  /* padding: 10px 0; */
  padding: 1em 3em 1em 0.75em;
  color: #494849;
}
#wrap #fs_nav ul li:nth-child(4) a span::after {
  font-family: "Material Icons";
  content: "\e5d8";
  margin-left: 3px;
  font-size: 16px;
  display: inline-block;
  vertical-align: bottom;
}
#wrap #fs_nav ul li:nth-child(5) a span::after {
  font-family: "fontPlazaIcon" !important;
  content: "\e976";
  margin-left: 3px;
  font-size: 16px;
  display: inline-block;
  vertical-align: bottom;
}
#wrap #fs_nav ul li a span {
  font-size: 13px;
}
#wrap #fs_nav ul li a::before {
  margin-right: 10px;
  font-size: 25px;
  vertical-align: middle;
}

#wrap #fs_nav2 {
  position: fixed;
  top: calc(5% + 140px);
  right: 0;
  z-index: 1000;
}
#wrap #fs_nav2 ul li:nth-child(1) {
  border-top: 1px dotted #e0e0e0;
}
#wrap #fs_nav2 ul li {
  border-bottom: 1px dotted #e0e0e0;
}
#wrap #fs_nav2 ul li a {
  display: block;
  text-align: left;
  box-sizing: border-box;
  /* padding: 10px 0; */
  padding: 1em 3em 1em 0.75em;
  color: #494849;
}
#wrap #fs_nav2 ul li:nth-child(3) a span::after {
  font-family: "Material Icons";
  content: "\e5d8";
  margin-left: 3px;
  font-size: 16px;
  display: inline-block;
  vertical-align: bottom;
}
#wrap #fs_nav2 ul li a span {
  font-size: 13px;
}
#wrap #fs_nav2 ul li a::before {
  margin-right: 10px;
  font-size: 25px;
  vertical-align: middle;
}

/*========================
2023/06/13*add
========================*/
#wrap .mail {
  margin-right: 3px !important;
  color: #b10e1b !important;
}

#wrap #wrap_asutodo {
  margin: 35px 0 -10px;
}
#wrap #wrap_asutodo a {
  display: block;
  background-color: #b10e1b;
  margin: 0;
  padding: 1em;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-weight: bold;
  transition: 0.5s;
  border: 2px solid #b10e1b;
  border-radius: 8px;
}
#wrap #wrap_asutodo a:hover {
  background-color: #fff;
  color: #b10e1b !important;
}
#wrap #wrap_asutodo a div {
  font-size: 20px;
}