#bestanser {
  padding-bottom: 8vw;
}

.sectionBestanswer {
  background: #fff7fc;
}

.mainCopy {
  margin-top: 6.66667vw;
  margin-bottom: 10.66667vw;
  font-size: 3.2vw;
  line-height: 1.83333;
  text-align: center;
  letter-spacing: 0.5px;
}

.bestanserNavi,
.bestanserLink {
  text-align: center;
  margin: 0 auto;
}

.bestanserNavi li,
.bestanserLink li {
  display: inline-block;
  width: auto;
  height: 6.66667vw;
  font-size: 3.2vw;
  margin: 0 1.33333vw 4vw 1.33333vw;
  background: #fff;
  line-height: 6.66667vw;
  border-radius: 3.33333vw;
}

.bestanserNavi li a,
.bestanserLink li a {
  width: 100%;
  height: 100%;
  height: 6.66667vw;
  padding: 0 4vw;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bestanserNavi li.naviCategory-0,
.bestanserLink li.naviCategory-0 {
  border: 1px solid #8c8c8c;
  color: #8c8c8c;
}

.bestanserNavi li.naviCategory-0 a,
.bestanserLink li.naviCategory-0 a {
  color: #8c8c8c;
  text-decoration: none;
}

.bestanserNavi li.naviCategory-0.active,
.bestanserLink li.naviCategory-0.active {
  background: #8c8c8c;
}

.bestanserNavi li.naviCategory-0.active:before,
.bestanserLink li.naviCategory-0.active:before {
  border-top: 2.66667vw solid #8c8c8c;
}

.bestanserNavi li.naviCategory-1,
.bestanserLink li.naviCategory-1 {
  border: 1px solid #f46fb4;
  color: #f46fb4;
}

.bestanserNavi li.naviCategory-1 a,
.bestanserLink li.naviCategory-1 a {
  color: #f46fb4;
  text-decoration: none;
}

.bestanserNavi li.naviCategory-1.active,
.bestanserLink li.naviCategory-1.active {
  background: #f46fb4;
}

.bestanserNavi li.naviCategory-1.active:before,
.bestanserLink li.naviCategory-1.active:before {
  border-top: 2.66667vw solid #f46fb4;
}

.bestanserNavi li.naviCategory-2,
.bestanserLink li.naviCategory-2 {
  border: 1px solid #30c7da;
  color: #30c7da;
}

.bestanserNavi li.naviCategory-2 a,
.bestanserLink li.naviCategory-2 a {
  color: #30c7da;
  text-decoration: none;
}

.bestanserNavi li.naviCategory-2.active,
.bestanserLink li.naviCategory-2.active {
  background: #30c7da;
}

.bestanserNavi li.naviCategory-2.active:before,
.bestanserLink li.naviCategory-2.active:before {
  border-top: 2.66667vw solid #30c7da;
}

.bestanserNavi li.naviCategory-3,
.bestanserLink li.naviCategory-3 {
  border: 1px solid #ffa443;
  color: #ffa443;
}

.bestanserNavi li.naviCategory-3 a,
.bestanserLink li.naviCategory-3 a {
  color: #ffa443;
  text-decoration: none;
}

.bestanserNavi li.naviCategory-3.active,
.bestanserLink li.naviCategory-3.active {
  background: #ffa443;
}

.bestanserNavi li.naviCategory-3.active:before,
.bestanserLink li.naviCategory-3.active:before {
  border-top: 2.66667vw solid #ffa443;
}

.bestanserNavi li.naviCategory-4,
.bestanserLink li.naviCategory-4 {
  border: 1px solid #ff8080;
  color: #ff8080;
}

.bestanserNavi li.naviCategory-4 a,
.bestanserLink li.naviCategory-4 a {
  color: #ff8080;
  text-decoration: none;
}

.bestanserNavi li.naviCategory-4.active,
.bestanserLink li.naviCategory-4.active {
  background: #ff8080;
}

.bestanserNavi li.naviCategory-4.active:before,
.bestanserLink li.naviCategory-4.active:before {
  border-top: 2.66667vw solid #ff8080;
}

.bestanserNavi li.naviCategory-all,
.bestanserLink li.naviCategory-all {
  border: 1px solid #333333;
  color: #333333;
}

.bestanserNavi li.naviCategory-all a,
.bestanserLink li.naviCategory-all a {
  color: #333333;
  text-decoration: none;
}

.bestanserNavi li.naviCategory-all.active,
.bestanserLink li.naviCategory-all.active {
  background: #333333;
}

.bestanserNavi li.naviCategory-all.active:before,
.bestanserLink li.naviCategory-all.active:before {
  content: none !important;
}

.bestanserNavi li.naviCategory-all-b,
.bestanserLink li.naviCategory-all-b {
  display: block;
  width: 46.66667vw;
  height: 8vw;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 5.33333vw auto;
  border: 1px solid #333333;
  color: #333333;
  line-height: 8vw;
  border-radius: 4vw;
}

.bestanserNavi li.naviCategory-all-b a,
.bestanserLink li.naviCategory-all-b a {
  color: #333333;
  text-decoration: none;
  width: 46.66667vw;
  height: 8vw;
  padding: 0;
}

.bestanserNavi li.naviCategory-all-b.active,
.bestanserLink li.naviCategory-all-b.active {
  display: block !important;
  background: #333333;
  color: #fff;
}

.bestanserNavi li.naviCategory-all-b.active:before,
.bestanserLink li.naviCategory-all-b.active:before {
  content: none !important;
}

.bestanserNavi li.active,
.bestanserLink li.active {
  position: relative;
  display: inline-block;
  color: #fff;
}

.bestanserNavi li.active a,
.bestanserLink li.active a {
  color: #fff;
  text-decoration: none;
}

.bestanserNavi li.active:before,
.bestanserLink li.active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -1.33333vw;
  border: 1.33333vw solid transparent;
}

#bestanserNaviBottom li.naviCategory-0.active:before {
  border-top: none;
  border-bottom: 2.66667vw solid #8c8c8c;
}

#bestanserNaviBottom li.naviCategory-1.active:before {
  border-top: none;
  border-bottom: 2.66667vw solid #f46fb4;
}

#bestanserNaviBottom li.naviCategory-2.active:before {
  border-top: none;
  border-bottom: 2.66667vw solid #30c7da;
}

#bestanserNaviBottom li.naviCategory-3.active:before {
  border-top: none;
  border-bottom: 2.66667vw solid #ffa443;
}

#bestanserNaviBottom li.naviCategory-4.active:before {
  border-top: none;
  border-bottom: 2.66667vw solid #ff8080;
}

#bestanserNaviBottom li.active:before {
  top: -2.66667vw;
}

.bestanserList {
  width: 90.66667vw;
  margin: 6.66667vw auto 5.06667vw auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.bestanserList li {
  float: left;
  width: 45.06667vw;
  height: 45.06667vw;
  position: relative;
  zoom: 1;
  line-height: 1;
  padding: 0 2.13333vw 4.26667vw 2.13333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bestanserList .listCategory {
  position: absolute;
  top: 30.93333vw;
  left: 50%;
  margin-left: -9.86667vw;
  width: 18.66667vw;
  height: 4.8vw;
  background: #fff;
  border-radius: 2.4vw;
  text-align: center;
  line-height: 5.06667vw;
  font-size: 2.13333vw;
  font-weight: bold;
}

.bestanserList .category-1 .listCategory {
  color: #f46fb4;
}

.bestanserList .category-2 .listCategory {
  color: #30c7da;
}

.bestanserList .category-3 .listCategory {
  color: #ffa443;
}

.bestanserList .category-4 .listCategory {
  color: #ff8080;
}

.bestanswerText {
  width: 82.66667vw;
  margin: 0 auto;
  font-size: 4vw;
}

.bestanswerText a {
  color: #666;
  text-decoration: none;
}

.bestanswerText .indentNum {
  padding-left: 1.6em;
  text-indent: -1.6em;
}

.bestanswerText .fsBig {
  font-size: 4.53333vw;
}

.bestanswerText .pointBlock {
  width: 100%;
  padding: 6vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bestanswerText .pointBlock .pointTtl {
  font-weight: bold;
  font-size: 5.2vw;
}

.bestanswerText .pointBlock ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.bestanswerText .pointBlock.category-2 {
  border: 2px solid #59d1e1;
}

.bestanswerText .pointBlock.category-2 .pointTtl {
  color: #59d1e1;
}

.bestanswerText .pointBlock.category-3 {
  border: 2px solid #ffc370;
}

.bestanswerText .pointBlock.category-3 .pointTtl {
  color: #ffc370;
}

.sectionProfile h2 {
  margin-bottom: 8vw;
}

.sectionProfile .profileImg {
  margin: 0 auto 5.33333vw auto;
}

.sectionProfile .profileText {
  width: 82.66667vw;
  margin: 0 auto;
  font-size: 2.93333vw;
}

.other {
  position: relative;
  padding-bottom: 16vw;
}

.other .otherInner {
  width: 100%;
  height: 38vw;
  margin: 8vw auto 0 auto;
  padding: 0 8.66667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.other li.listItem {
  width: 36.93333vw;
  position: relative;
  margin: 0 2vw;
}

.other .listCategory {
  position: absolute;
  top: 28.26667vw;
  left: 50%;
  margin-left: -9.33333vw;
  width: 17.06667vw;
  height: 4.53333vw;
  background: #fff;
  border-radius: 2.26667vw;
  text-align: center;
  line-height: 5.06667vw;
  font-size: 1.86667vw;
  font-weight: bold;
}

.other .category-1 .listCategory {
  color: #f46fb4;
}

.other .category-2 .listCategory {
  color: #30c7da;
}

.other .category-3 .listCategory {
  color: #ffa443;
}

.other .category-4 .listCategory {
  color: #ff8080;
}

.other .slick-nav-arrows {
  position: absolute;
  width: 100%;
  top: 23.46667vw;
  left: 0;
}

.other .slick-nav-arrows .slick-arrow {
  position: absolute;
  width: 6.66667vw;
  height: 13.33333vw;
  z-index: 50;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.other .slick-nav-arrows .slick-prev2 {
  left: 0;
  background: url(../img/common/btn_prev.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.other .slick-nav-arrows .slick-next2 {
  right: 0;
  background: url(../img/common/btn_next.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.other .slick-dots {
  padding: 5.33333vw 0 0 0;
  text-align: center;
}

.other .slick-dots > li {
  display: inline-block;
  margin: 0 1.33333vw;
}

.other .slick-dots button {
  padding: 0;
  border: none;
  width: 2.66667vw;
  height: 2.66667vw;
  border-radius: 1.33333vw;
  background-color: #e3e3e3;
  color: transparent;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
}

.other .slick-dots .slick-active button {
  background-color: #97a2b3;
}

.tMarker.ct-1 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f7d0e5));
  background: linear-gradient(transparent 70%, #f7d0e5 0%);
}

.tMarker.ct-2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #c6edf8));
  background: linear-gradient(transparent 70%, #c6edf8 0%);
}

.tMarker.ct-3 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #fae0bd));
  background: linear-gradient(transparent 70%, #fae0bd 0%);
}

.tMarker.ct-4 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffd6d6));
  background: linear-gradient(transparent 70%, #ffd6d6 0%);
}
