#contents header.contents-header {
  position: relative;
  background-color: #E2EAF4;
  max-height: 4em;
  height: 4em;
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  #contents header.contents-header {
    font-size: 6vw;
  }
}
#contents header.contents-header .header-title {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
  font-weight: 600;
}
#contents h2.product-title {
  padding-top: 16px;
  padding-bottom: 30px;
  background-color: #07865d;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 50%);
          clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 50%);
  font-size: clamp(18px, (36 * 0.077vw), 36px);/* min は例外*/
  color: #FFF;
  font-weight: 700;
  margin-top: 0;
}
      #contents .box_inner {
  width: 100%;
  max-width: 1024px;
  padding-right: 7px;
  padding-left: 7px;
  margin: 0 auto;
  letter-spacing: -0.5em;
}
#contents .box_inner * {
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  #contents .box_inner {
    padding-right: 3vw;
    padding-left: 3vw;
  }
}
#contents .box_inner > * {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  #contents .box_inner > * {
    width: 98vw;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #contents .box_inner > * {
    width: 94vw;
    margin-left: 0;
    margin-right: 0;
  }
}

#contents .box-line:not(:first-child),
#contents .box-line-outer:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #contents .box-line:not(:first-child),
  #contents .box-line-outer:not(:first-child) {
    margin-top: 20px;
  }
}
#contents .box-line > a {
  border-radius: 10px;
  padding: 30px;
  border: 3px solid #E2EAF4;
  display: block;
  font-size: 28px;
  line-height: 1;
  text-align: left;
  color: #07865d;
}
@media screen and (max-width: 767px) {
  #contents .box-line > a {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #contents .box-line > a {
    font-size: 18px;
  }
}
#contents .box-line > a:hover {
  opacity: 1;
  background: #E2EAF4;
  cursor: pointer;
}
#contents .box-line-outer {
  padding: 0;
}
#contents .box-line-outer.active {
  background: #FFFFFF;
}
#contents .box-line-outer h4 {
  padding: 30px;
}
#contents .box-line-outer h4:hover {
  opacity: 1;
  background: #E2EAF4;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 {
    padding: 15px;
  }
}
#contents .box-line-outer h4 + ul {
  border-right: 3px solid #E2EAF4;
  border-bottom: 3px solid #E2EAF4;
  border-left: 3px solid #E2EAF4;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#contents .box-line-outer h4 + ul li {
  font-size: 18px;
  text-align: left;
  line-height: 1.5;
  border-top: 3px dotted #E2EAF4;
  padding: 20px 15px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 + ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #contents .box-line-outer h4 + ul li {
    padding-left: 30px;
    padding-right: 30px;
  }
}
#contents .box-line-outer h4 + ul li.border-top-none {
  border-top: none;
}
#contents .box-line-outer h4 + ul li a {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
#contents .box-line-outer h4 + ul li a:before {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDc4NjVkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvX2FuZ2xlPC90aXRsZT48cG9seWxpbmUgY2xhc3M9ImEiIHBvaW50cz0iMi45OCA2IDEyLjUgMTUuNjEgMyAyNSIvPjwvc3ZnPg==") no-repeat left top/contain;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDA3N0EwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvX2FuZ2xlPC90aXRsZT48cG9seWxpbmUgY2xhc3M9ImEiIHBvaW50cz0iMi45OCA2IDEyLjUgMTUuNjEgMyAyNSIvPjwvc3ZnPg==") no-repeat left top/contain;
  display: inline-block;
  margin-right: 0.65em;
}
#contents .box-line-outer h4 + ul li:first-child {  }
#contents .box-line-outer h4 + ul li:last-child {  }
#contents .box-line-outer h4 {
  border-radius: 10px;
  padding: 30px;
  border: 3px solid #E2EAF4;
  position: relative;
  display: block;
  font-size: 28px;
  line-height: 1;
  text-align: left;
  color: #07865d;
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 {
    font-size: 18px;
  }
}
#contents .box-line-outer h4:after {
  display: inline-block;
  content: "";
  width: 34px;
  height: 34px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%2300885a%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ep-g%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M23.47%2C13.84H16.16V6.53a1.16%2C1.16%2C0%2C0%2C0-2.32%2C0v7.31H6.53a1.16%2C1.16%2C0%2C0%2C0%2C0%2C2.32h7.31v7.31a1.16%2C1.16%2C0%2C0%2C0%2C2.32%2C0V16.16h7.31a1.16%2C1.16%2C0%2C0%2C0%2C0-2.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
  position: absolute;
  right: 44px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4:after {
    width: 20px;
    height: 20px;
    right: 20px;
  }
}
#contents .box-line-outer h4:hover {
  cursor: pointer;
}
#contents .box-line-outer h4.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}
#contents .box-line-outer h4.active:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%2300885a%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Em-g%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M24.62%2C16.32H5.37a1.32%2C1.32%2C0%2C0%2C1%2C0-2.63H24.62a1.32%2C1.32%2C0%2C1%2C1%2C0%2C2.63Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
}
#contents .box-line-outer h4 + ul {
  display: none;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
#contents #md .box-line-outer h4:after,
#contents #ios .box-line-outer h4:after,
#contents #other .box-line-outer h4:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%230077a0%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ep-b%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M23.47%2C13.84H16.16V6.53a1.16%2C1.16%2C0%2C0%2C0-2.32%2C0v7.31H6.53a1.16%2C1.16%2C0%2C0%2C0%2C0%2C2.32h7.31v7.31a1.16%2C1.16%2C0%2C0%2C0%2C2.32%2C0V16.16h7.31a1.16%2C1.16%2C0%2C0%2C0%2C0-2.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
}
#contents #md .box-line-outer h4.active:after,
#contents #ios .box-line-outer h4.active:after,
#contents #other .box-line-outer h4.active:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%230077a0%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Em-b%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M24.62%2C16.32H5.37a1.32%2C1.32%2C0%2C0%2C1%2C0-2.63H24.62a1.32%2C1.32%2C0%2C1%2C1%2C0%2C2.63Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
}
#contents #md .box-line > a,
#contents #md .box-line-outer h4,
#contents #ios .box-line > a,
#contents #ios .box-line-outer h4,
#contents #other .box-line > a,
#contents #other .box-line-outer h4 {
  color: #0077A0;
}
#contents .box-line > a:not([target]) {
  position: relative;
}
#contents .box-line > a:not([target]) {
  position: relative;
}
#contents .box-line > a:not([target]):after {
  position: absolute;
  right: 50px;
  top: calc(50% - 0.5em);
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDc4NjVkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvX2FuZ2xlPC90aXRsZT48cG9seWxpbmUgY2xhc3M9ImEiIHBvaW50cz0iMi45OCA2IDEyLjUgMTUuNjEgMyAyNSIvPjwvc3ZnPg==") no-repeat left top/contain;
}
@media screen and (max-width: 767px) {
  #contents .box-line > a:not([target]):after {
    right: 25px;
  }
}
#contents #md .box-line > a:not([target]):after,
#contents #ios .box-line > a:not([target]):after,
#contents #other .box-line > a:not([target]):after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDc4NjVkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvX2FuZ2xlPC90aXRsZT48cG9seWxpbmUgY2xhc3M9ImEiIHBvaW50cz0iMi45OCA2IDEyLjUgMTUuNjEgMyAyNSIvPjwvc3ZnPg==") no-repeat left top/contain;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDA3N0EwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvX2FuZ2xlPC90aXRsZT48cG9seWxpbmUgY2xhc3M9ImEiIHBvaW50cz0iMi45OCA2IDEyLjUgMTUuNjEgMyAyNSIvPjwvc3ZnPg==") no-repeat left top/contain;
}
#contents .box-line > a[target=_blank] {
  position: relative;
}
#contents .box-line > a[target=_blank]:after {
  position: absolute;
  right: 50px;
  top: calc(50% - 0.5em);
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDc4NjVkO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29fcG9wdXA8L3RpdGxlPjxwb2x5bGluZSBjbGFzcz0iYSIgcG9pbnRzPSIyMSAxNiAyOSAxNiAyOSAzIDEwIDMgMTAgMTIiLz48cmVjdCBjbGFzcz0iYSIgeD0iMSIgeT0iMTQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIvPjwvc3ZnPg==") no-repeat left top/contain;
}
@media screen and (max-width: 767px) {
  #contents .box-line > a[target=_blank]:after {
    right: 25px;
  }
}
#contents #md .box-line > a[target=_blank]:after,
#contents #ios .box-line > a[target=_blank]:after,
#contents #other .box-line > a[target=_blank]:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDc4NjVkO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29fcG9wdXA8L3RpdGxlPjxwb2x5bGluZSBjbGFzcz0iYSIgcG9pbnRzPSIyMSAxNiAyOSAxNiAyOSAzIDEwIDMgMTAgMTIiLz48cmVjdCBjbGFzcz0iYSIgeD0iMSIgeT0iMTQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIvPjwvc3ZnPg==") no-repeat left top/contain;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDA3N0EwO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29fcG9wdXA8L3RpdGxlPjxwb2x5bGluZSBjbGFzcz0iYSIgcG9pbnRzPSIyMSAxNiAyOSAxNiAyOSAzIDEwIDMgMTAgMTIiLz48cmVjdCBjbGFzcz0iYSIgeD0iMSIgeT0iMTQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIvPjwvc3ZnPg==") no-repeat left top/contain;
}
@media screen and (max-width: 767px) {
  #contents .inline-block-sp {
    display: inline-block;
  }
  #contents .inline-block-sp + .inline-block-sp {
    margin-top: 0.5em;
  }
}
#contents .box-line-outer .note_wrap,
#contents .box-line .note_wrap {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  #contents .box-line-outer .note_wrap,
  #contents .box-line .note_wrap {
    margin-right: auto;
    margin-left: auto;
  }
}
.t60 {
  margin-top: 60px !important;
}
@media screen and (max-width: 767px) {
  .t60 {
    margin-top: 20px !important;
  }
}
#contents .box-line-outer h4 {
  padding: 30px;
}
#contents .box-line-outer h4:hover {
  opacity: 1;
  background: #E2EAF4;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 {
    padding: 15px;
  }
}
#contents .box-line-outer h4 + ul {
  border-right: 3px solid #E2EAF4;
  border-bottom: 3px solid #E2EAF4;
  border-left: 3px solid #E2EAF4;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#contents .box-line-outer h4 + ul li {
  font-size: 18px;
  text-align: left;
  line-height: 1.5;
  border-top: 3px dotted #E2EAF4;
  padding:2x 15px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 + ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #contents .box-line-outer h4 + ul li {
    padding-left: 30px;
    padding-right: 30px;
  }
}
#contents .box-line-outer h4 + ul li.border-top-none {
  border-top: none;
}
#contents .box-line-outer h4 + ul li a {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}
#contents .box-line-outer h4 + ul li a:before {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDc4NjVkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvX2FuZ2xlPC90aXRsZT48cG9seWxpbmUgY2xhc3M9ImEiIHBvaW50cz0iMi45OCA2IDEyLjUgMTUuNjEgMyAyNSIvPjwvc3ZnPg==") no-repeat left top/contain;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDE1IDMwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojMDA3N0EwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6M3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvX2FuZ2xlPC90aXRsZT48cG9seWxpbmUgY2xhc3M9ImEiIHBvaW50cz0iMi45OCA2IDEyLjUgMTUuNjEgMyAyNSIvPjwvc3ZnPg==") no-repeat left top/contain;
  display: inline-block;
  margin-right: 0.65em;
}
#contents .box-line-outer h4 + ul li:first-child {  }
#contents .box-line-outer h4 + ul li:last-child {  }
#contents .box-line-outer h4 {
  border-radius: 10px;
  padding: 30px;
  border: 3px solid #E2EAF4;
  position: relative;
  display: block;
  font-size: 28px;
  line-height: 1;
  text-align: left;
  color: #07865d;
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4 {
    font-size: 18px;
  }
}
#contents .box-line-outer h4:after {
  display: inline-block;
  content: "";
  width: 34px;
  height: 34px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%2300885a%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ep-g%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M23.47%2C13.84H16.16V6.53a1.16%2C1.16%2C0%2C0%2C0-2.32%2C0v7.31H6.53a1.16%2C1.16%2C0%2C0%2C0%2C0%2C2.32h7.31v7.31a1.16%2C1.16%2C0%2C0%2C0%2C2.32%2C0V16.16h7.31a1.16%2C1.16%2C0%2C0%2C0%2C0-2.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
  position: absolute;
  right: 44px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #contents .box-line-outer h4:after {
    width:20px;
    height:20px;
    right:20px;
  }
}
#contents .box-line-outer h4:hover {
  cursor: pointer;
}
#contents .box-line-outer h4.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}
#contents .box-line-outer h4.active:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%2300885a%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Em-g%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M24.62%2C16.32H5.37a1.32%2C1.32%2C0%2C0%2C1%2C0-2.63H24.62a1.32%2C1.32%2C0%2C1%2C1%2C0%2C2.63Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
}
#contents .box-line-outer h4 + ul {
  display: none;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
.contact_info, #footer {
  margin-top: 130px !important;
}