@charset "UTF-8";
#choice {
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
}
#choice * {
  box-sizing: border-box;
}
#choice .exp-text {
  max-width: 1200px;
  width: 90%;
  margin: 60px auto 0;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #choice .exp-text {
    margin-top: 30px;
    text-align: left;
  }
}
#choice.point1 .fix_bnr {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 999;
}
#choice.point1 .fix_bnr .bnr img {
  width: 40px;
}
#choice.point1 .contWrap {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 .contWrap {
    padding: 0 3%;
  }
}
#choice.point1 .contWrap .contWrapIn {
  max-width: 1200px;
  margin: 0 auto;
}
#choice.point1 .arwTtl .point02:before {
  background-image: url(../images/choice/point2_icn.png);
}
#choice.point1 .mainImg {
  position: relative;
  margin: 0px auto 60px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .mainImg {
    margin: 0px auto 30px;
    padding-top: 20px;
  }
}
#choice.point1 .mainImg .inner {
  position: relative;
  top: 0;
}
#choice.point1 .mainImg .mvPop {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 810px;
  left: 50%;
  transform: translateX(-50%);
}
#choice.point1 .mainImg .youtube {
  max-width: 700px;
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  #choice.point1 .mainImg .youtube {
    margin: 40px auto 0;
    padding: 0 5%;
  }
}
#choice.point1 .mainImg .youtube > .inner02 {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 10px;
}
#choice.point1 .mainImg .youtube > .inner02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#choice.point1 .mainCopy {
  font-size: 30px;
  text-align: center;
  margin: 80px auto 100px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  #choice.point1 .mainCopy {
    font-size: 20px;
    margin: 0 auto 40px;
  }
}
#choice.point1 .checkTtl {
  text-align: center;
  font-size: 40px;
  margin: 0 auto 30px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #choice.point1 .checkTtl {
    font-size: 20px;
    margin: 0 auto 10px;
  }
}
#choice.point1 .anchTabn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .anchTabn {
    display: block;
    margin: 0 auto 50px;
    width: 90%;
  }
}
#choice.point1 .anchTabn > li {
  width: 24%;
  max-width: 290px;
}
#choice.point1 .anchTabn > li img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 .anchTabn > li {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
  }
}
#choice.point1 .anchTtl {
  display: table;
  font-size: 40px;
  padding: 0 20px;
  margin: 0 auto 30px;
  text-align: center;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  #choice.point1 .anchTtl {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
}
#choice.point1 .anchTtl em {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  background: linear-gradient(rgba(189, 236, 237, 0) 50%, rgb(189, 236, 237) 50%);
  line-height: 1.4;
}
#choice.point1 .anchTtl.pk em {
  background: linear-gradient(rgba(239, 167, 203, 0) 50%, rgb(239, 167, 203) 50%);
}
@media screen and (max-width: 768px) {
  #choice.point1 .anchTtl.pk {
    position: relative;
    cursor: pointer;
  }
  #choice.point1 .anchTtl.pk.opp:after {
    transform: rotate(180deg);
  }
  #choice.point1 .anchTtl.pk:hover {
    opacity: 0.7;
  }
  #choice.point1 .anchTtl.pk:after {
    margin: 10px auto 20px;
    position: relative;
    display: block;
    background: url(/bravia/tv_choice/images/choice/icn_pk_arrow.png) no-repeat center top/100% auto;
    content: "";
    width: 50px;
    height: 28px;
  }
}
#choice.point1 .anchTtl.gr em {
  background: linear-gradient(rgba(151, 220, 162, 0) 50%, rgb(151, 220, 162) 50%);
}
#choice.point1 .anchTtl.or em {
  background: linear-gradient(rgba(244, 196, 135, 0) 50%, rgb(244, 196, 135) 50%);
}
#choice.point1 .bdWrap {
  position: relative;
  width: 100%;
}
#choice.point1 .bdWrap:before {
  position: absolute;
  display: block;
  z-index: -1;
  content: "";
  width: 100%;
  height: 2px;
  top: 50%;
  border-bottom: 2px solid #000000;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bdWrap:before {
    display: none;
  }
}
#choice.point1 #roomSizeSimulation,
#choice.point1 #kabeyose,
#choice.point1 #refresh,
#choice.point1 #setSimu,
#choice.point1 #sizeSelect,
#choice.point1 #benefit,
#choice.point1 #selectPoint {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation,
  #choice.point1 #kabeyose,
  #choice.point1 #refresh,
  #choice.point1 #setSimu,
  #choice.point1 #sizeSelect,
  #choice.point1 #benefit,
  #choice.point1 #selectPoint {
    padding-top: 40px;
  }
}
#choice.point1 #roomSizeSimulation {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation {
    padding-top: 40px;
  }
}
#choice.point1 #sizeSelect {
  padding-top: 0;
}
#choice.point1 #sizeSelect .barTtl {
  background-color: #e6f1f5;
}
#choice.point1 #sizeSelect .barTtl .ttlInner em {
  background: linear-gradient(rgba(189, 236, 237, 0) 50%, rgb(189, 236, 237) 50%);
}
#choice.point1 #sizeSelect .barTtl .ttlInner:before {
  background: url("/bravia/tv_choice/images/choice/barttl_icn_size.png") no-repeat center center/100% auto;
}
#choice.point1 #sizeSelect .sizeInner {
  min-height: 300px;
  border: #abdfe4 8px solid;
  border-radius: 20px;
  margin-bottom: 120px;
  padding: 50px 40px 40px;
  /*.spbtn {
    display: none;
    @include break {
      display: table;
      margin-top: 30px;
    }
  }*/
}
@media screen and (max-width: 768px) {
  #choice.point1 #sizeSelect .sizeInner {
    border: #abdfe4 6px solid;
    border-radius: 14px;
    margin-bottom: 60px;
    padding: 30px 20px 20px;
  }
}
#choice.point1 #sizeSelect .sizeInner .btn {
  max-width: 350px;
  margin: 20px 0 0 auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 #sizeSelect .sizeInner .btn {
    display: table;
    margin: 30px auto;
  }
}
#choice.point1 #sizeSelect .anchTtln {
  display: table;
  font-size: 40px;
  padding: 0 20px;
  margin: 0 auto 30px;
  text-align: center;
  color: #0c779d;
}
@media screen and (max-width: 768px) {
  #choice.point1 #sizeSelect .anchTtln {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
}
#choice.point1 #sizeSelect .anchTtln em {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  line-height: 1.4;
}
#choice.point1 #sizeSelect .bnfList {
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #sizeSelect .bnfList {
    margin-bottom: 20px;
  }
}
#choice.point1 #sizeSelect .bnfList > li {
  min-height: 300px;
  border: none;
  border-radius: 0px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #sizeSelect .bnfList > li {
    border: none;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
#choice.point1 #refresh .barTtl {
  background-color: #fff9f2;
}
#choice.point1 #refresh .barTtl .ttlInner em {
  background: linear-gradient(rgba(244, 196, 135, 0) 50%, rgb(244, 196, 135) 50%);
}
#choice.point1 #refresh .barTtl .ttlInner:before {
  background: url("/bravia/tv_choice/images/choice/barttl_icn_select.png") no-repeat center center/100% auto;
}
#choice.point1 .choice_wrap {
  position: relative;
  width: 100%;
  min-height: 300px;
  /* border: #eeeeee 8px solid; */
  border: #c7e3cc 8px solid;
  border-radius: 20px;
  padding: 30px 40px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .choice_wrap {
    padding: 20px 5%;
    margin-bottom: 40px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area {
    flex-direction: column;
    gap: 30px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left_wrap {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left {
  max-width: 275px;
}
@media screen and (max-width: 900px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left {
    max-width: 240px;
  }
}
@media screen and (max-width: 900px) and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left {
    max-width: 100%;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_guide_text {
  font-size: 14px;
  margin-bottom: 5px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_size_btn {
  margin-top: 18px;
  padding: 10px 20px;
  border-radius: 10px;
  letter-spacing: 0.03em;
  display: block;
  font-weight: bold;
  background: #f0f8ff;
  color: #003d78;
  border: #003d78 solid 3px;
  font-size: 18px;
  position: relative;
  line-height: 1.3;
  width: 100%;
  transition: opacity 0.3s;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_size_btn:hover {
  opacity: 0.6;
  text-decoration: none;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_size_btn .arrow {
  position: absolute;
  top: 50%;
  right: 14px;
  translate: 0 -50%;
  width: 10px;
  height: 10px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_size_btn .arrow::before {
  width: 10px;
  height: 10px;
  border-top: 3px solid #003d78;
  border-right: 3px solid #003d78;
  transform: rotate(45deg);
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_size_btn .arrow::before, #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_size_btn .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_annotation {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item {
  border: solid 1px #dddddd;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item {
    width: calc(50% - 3px);
  }
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item:nth-child(1) {
    width: 100%;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item:not(:first-child) {
  border-top: none;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item:not(:first-child) {
    border-top: solid 1px #dddddd;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .head-area {
  display: flex;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .head-area .head-left {
  background: #f0eec7;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .head-area .head-left {
    height: 30px;
    font-size: 12px;
    width: 50px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .head-area .head-right {
  font-size: 14px;
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 34px;
  color: #fff;
  background: #0c779d;
}
@media screen and (max-width: 900px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .head-area .head-right {
    font-size: 12px;
    height: 30px;
    line-height: 1;
    width: calc(100% - 50px);
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .power {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .power {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-prev {
    left: 0;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-prev::after {
  content: "";
  rotate: 180deg;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-next {
  right: 10px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-next {
    right: 0;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-prev, #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-next {
  width: 23px;
  height: auto;
  aspect-ratio: 23/40;
  color: #aaaaaa;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-prev, #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-next {
    width: 20px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-prev::after, #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-button-next::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/room_size_simulation_v2/right-arrow-simu.png) no-repeat;
  background-size: contain;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-wrapper {
  width: 100%;
  height: 70px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide {
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p {
  text-align: center;
  font-size: 18px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.tv {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.tv i {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.tv i {
    font-size: 14px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.tv img {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.tv img {
    width: 60%;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.sound {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.sound img {
  width: 65%;
  margin: 0 auto;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.sound span {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p.sound span {
    font-size: 18px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p i {
  font-style: normal;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p i {
    font-size: 12px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span {
  font-weight: bold;
  font-size: 50px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span {
    font-size: 32px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span.kinds {
  font-size: 43px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span.kinds {
    font-size: 32px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span.sound {
  font-size: 35px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span.sound {
    font-size: 26px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span.install {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide p span.install {
    font-size: 26px;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .swiper-slide i {
  font-size: 16px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .clicks {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: center;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .clicks {
    display: none;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .clicks .click {
  padding: 0 6px;
  border-radius: 3px;
  background: #333;
  color: #fff;
  font-size: 10px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_left .choice_item .clicks .click span {
  font-size: 13px;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right {
  max-width: 810px;
  width: 100%;
}
@media screen and (max-width: 900px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_right {
    max-width: 845px;
  }
}
@media screen and (max-width: 900px) and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .choice_area .choice_right {
    max-width: 100%;
  }
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area {
  position: relative;
  height: auto;
  width: 100%;
  aspect-ratio: 794/530;
  background: #000;
  border: 6px solid #eee;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area .scale-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area .ignore-scale-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area .a9m2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area .a9m2 .wall {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30%;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area .a9m2 .wall img {
  width: 8%;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area .a9m2 .main-bottom {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area .a9m2 .main-bottom img {
  position: absolute;
  bottom: 17%;
  left: 50%;
  translate: -50% 0;
  width: 7%;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area #a9m2-table {
  display: none;
  z-index: 30;
  position: absolute;
  width: 45%;
  height: auto;
  bottom: 34.5%;
  left: 50%;
  translate: -50% 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area #dynamic-image {
  z-index: 20;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area #dynamic-image2 {
  z-index: 10;
  position: absolute;
  width: 23%;
  height: auto;
  bottom: 34.5%;
  left: 50%;
  translate: -50% 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area #dynamic-image4 {
  z-index: 15;
  position: absolute;
  width: 32%;
  height: auto;
  bottom: 32.5%;
  left: 50%;
  translate: -50% 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area #dynamic-image5 {
  z-index: 5;
  position: absolute;
  width: 50%;
  height: auto;
  bottom: 22.5%;
  left: 50%;
  translate: -50% 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area #dynamic-image6 {
  z-index: 0;
  position: absolute;
  width: 60%;
  height: auto;
  top: 0;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  scale: 0.8;
  translate: -50% -30%;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .img-area #dynamic-image6.is-active {
  opacity: 1;
  visibility: visible;
  scale: 1;
  translate: -50% -50%;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right #dynamic-image7 {
  z-index: 5;
  position: absolute;
  width: 93%;
  height: auto;
  bottom: -25%;
  left: 50%;
  translate: -50% 0;
  scale: 1.3;
  transform-origin: center center;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right #dynamic-image8 {
  z-index: 4;
  position: absolute;
  width: 55%;
  height: auto;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
}
#choice.point1 #roomSizeSimulation .choice_area .choice_right .annotation {
  margin-top: 10px;
  text-align: left;
  font-size: 12px;
  line-height: 1.2;
}
#choice.point1 #roomSizeSimulation .result-area {
  max-width: 890px;
  margin: 0 auto;
  margin-top: 50px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .result-area {
    margin-top: 30px;
  }
}
#choice.point1 #roomSizeSimulation .result-area .result-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
@media screen and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .result-area .result-list {
    grid-template-columns: 1fr;
  }
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item {
  padding: 30px;
  background: #f2f5f9;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .img {
  margin-bottom: 20px;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .txt-area .ttl {
  margin-bottom: 10px;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .txt-area .ttl h3 {
  line-height: 1;
  font-size: 32px;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .txt-area .ttl h3 img {
  width: 160px;
  margin-bottom: 10px;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .txt-area .ttl h3 span {
  margin-top: 5px;
  display: block;
  font-size: 18px;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .txt-area .ttl h3.sound img {
  width: 240px;
  margin-bottom: 10px;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .txt-area .ttl h3.sound span {
  display: block;
  font-size: 20px;
}
#choice.point1 #roomSizeSimulation .result-area .result-list .result-item .txt-area .flex-area p {
  margin-bottom: 10px;
  font-size: 14px;
}
#choice.point1 #roomSizeSimulation .result-area .result-price {
  margin-top: 35px;
  display: flex;
  font-size: 18px;
  height: 78px;
  border: 8px solid #c7e3cc;
}
@media screen and (max-width: 1100px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price {
    font-size: 14px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price {
    flex-direction: column;
    height: auto;
    font-size: 13px;
  }
}
#choice.point1 #roomSizeSimulation .result-area .result-price .price-left {
  height: 100%;
  max-width: 400px;
  width: 100%;
  background: #c7e3cc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1100px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-left {
    max-width: 300px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-left {
    padding: 15px 0;
    max-width: 100%;
  }
}
#choice.point1 #roomSizeSimulation .result-area .result-price .price-left::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  width: 30px;
  background: #c7e3cc;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (max-width: 1100px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-left::after {
    width: 14px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-left::after {
    left: 0;
    top: 100%;
    width: 100%;
    height: 10px;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
            clip-path: polygon(100% 0, 0 0, 50% 100%);
  }
}
#choice.point1 #roomSizeSimulation .result-area .result-price .price-right {
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  max-width: 490px;
  width: 100%;
  display: flex;
  line-height: 1;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-right {
    max-width: 570px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-right {
    max-width: 100%;
    padding: 25px 0 15px;
  }
}
#choice.point1 #roomSizeSimulation .result-area .result-price .price-right .js-sumPrice {
  margin-left: 5px;
  font-size: 25px;
}
@media screen and (max-width: 1100px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-right .js-sumPrice {
    font-size: 18px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 768px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-right .js-sumPrice {
    font-size: 16px;
  }
}
#choice.point1 #roomSizeSimulation .result-area .result-price .price-right i {
  margin-top: auto;
  font-style: normal;
  font-size: 16px;
}
@media screen and (max-width: 1100px) {
  #choice.point1 #roomSizeSimulation .result-area .result-price .price-right i {
    font-size: 13px;
  }
}
#choice.point1 .selectBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .selectBox {
    margin-bottom: 30px;
    display: block;
  }
}
#choice.point1 .selectBox > li {
  max-width: 586px;
  margin-bottom: 26px;
  border: #eeeeee 8px solid;
  border-radius: 20px;
  width: 48.8%;
}
#choice.point1 .selectBox > li.full {
  max-width: 1188px;
  width: 100%;
}
#choice.point1 .selectBox > li img {
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .selectBox > li {
    border: #eeeeee 6px solid;
    border-radius: 14px;
    width: 100%;
  }
}
#choice.point1 .setLiving {
  background-image: url(/bravia/tv_choice/images/choice/point1_living_arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 130px;
  display: table;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .setLiving {
    background-size: 100% auto;
    height: auto;
  }
}
#choice.point1 .setLiving em {
  display: table-cell;
  color: #0c779d;
  vertical-align: middle;
  text-align: center;
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .setLiving em {
    font-size: 20px;
  }
}
#choice.point1 .simuBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto 50px;
  min-height: 300px;
  border: #bee4ca 8px solid;
  border-radius: 20px;
  padding: 50px 65px 40px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .simuBox {
    border: #bee4ca 6px solid;
    border-radius: 14px;
    margin: 0 auto 30px;
    padding: 30px 20px 20px;
  }
}
@media screen and (max-width: 768px) {
  #choice.point1 .simuBox {
    display: block;
  }
}
#choice.point1 .simuImg {
  margin: 0px;
  /*max-width: 700px;*/
  width: 67%;
}
@media screen and (max-width: 768px) {
  #choice.point1 .simuImg {
    width: 100%;
    margin: 0 0 15px;
  }
}
#choice.point1 .simuImg .simuApp {
  margin: 30px auto 0px;
  max-width: 700px;
  display: table;
}
#choice.point1 .simuImg .simuApp .appList {
  width: 100%;
  margin: 20px auto 0 30px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #choice.point1 .simuImg .simuApp .appList {
    display: block;
    margin: 10px auto 0;
  }
}
#choice.point1 .simuImg .simuApp .appList > li {
  vertical-align: top;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .simuImg .simuApp .appList > li {
    margin-right: 0px;
  }
}
#choice.point1 .simuImg .simuApp .appList > li em {
  vertical-align: middle;
}
#choice.point1 .simuImg .simuApp .appList > li .qr {
  vertical-align: middle;
  padding-left: 10px;
}
#choice.point1 .simuImg .simuApp .stepTtl {
  font-size: 24px;
  color: #34a7ab;
  margin-bottom: 10px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .simuImg .simuApp .stepTtl {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
#choice.point1 .roomCo {
  width: 31%;
  max-width: 900px;
  background-color: #f3f3f3;
  margin: 10px 0 60px;
  padding: 20px 20px 20px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .roomCo {
    padding: 10px 5%;
    margin: 0 auto 30px;
    width: 90%;
  }
}
#choice.point1 .roomCo h4 {
  color: #0c779d;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #choice.point1 .roomCo h4 {
    font-size: 18px;
  }
}
#choice.point1 .roomCo .inner {
  /*display:flex;
  @include jc;*/
  margin-bottom: 10px;
  /*max-width: 390px;
  margin-right: 30px;
  display: table;
  @include break{
  margin-right: 0px;
  max-width: 100%;
  }*/
}
@media screen and (max-width: 768px) {
  #choice.point1 .roomCo .inner {
    margin-bottom: 5px;
    display: block;
  }
}
#choice.point1 .roomCo .inner h5 {
  font-size: 30px;
  font-weight: bold;
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .roomCo .inner h5 {
    font-size: 20px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
#choice.point1 .roomCo .inner h5:before {
  content: "";
  width: 70px;
  height: 56px;
  background-image: url(/bravia/tv_choice/images/choice/roomco_ar_logo.png);
  background-repeat: no-repeat;
  display: table-cell;
  vertical-align: middle;
  background-size: 56px auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 .roomCo .inner h5:before {
    width: 60px;
    height: 46px;
    background-size: 46px auto;
    margin-bottom: 10px;
  }
}
#choice.point1 .roomCo .inner .rcTxt {
  margin-bottom: 10px;
}
#choice.point1 .roomCo .inner .rcTxt p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .roomCo .inner .rcTxt p {
    clear: both;
    font-size: 15px;
    line-height: 1.5;
  }
}
#choice.point1 .roomCo .inner .s5-p3 {
  margin-bottom: 8px;
}
#choice.point1 .roomCo .inner .s5-p3 em {
  font-weight: bold;
  font-style: normal;
}
#choice.point1 .bnfList {
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList {
    margin-bottom: 20px;
  }
}
#choice.point1 .bnfList > li {
  min-height: 300px;
  border: #eeeeee 8px solid;
  border-radius: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li {
    border: #eeeeee 6px solid;
    border-radius: 14px;
    margin-bottom: 20px;
  }
}
#choice.point1 .bnfList > li.bnf1 {
  background-image: url(/bravia/tv_choice/images/choice/point1_bnf1_img.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  text-align: center;
  padding: 0 50% 0 0;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf1 {
    padding: 20px 0 50%;
    background-position: center 110%;
    background-size: 100% auto;
  }
}
#choice.point1 .bnfList > li.bnf1 .inner {
  display: table;
  background-color: #ffffff;
  margin: 0 auto;
  text-align: left;
  padding: 6% 15px;
  max-width: 554px;
  /*width: 50%;*/
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf1 .inner {
    max-width: 100%;
    width: 100%;
    padding: 0 3%;
  }
}
#choice.point1 .bnfList > li.bnf1 .inner h4 {
  text-align: center;
  max-width: 450px;
  margin: 0 auto;
}
#choice.point1 .bnfList > li.bnf1 .inner p {
  margin: 0 auto 10px;
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf1 .inner .imgTbl {
    margin-bottom: 40px;
  }
}
#choice.point1 .bnfList > li.bnf2 {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
#choice.point1 .bnfList > li.bnf2.ctm0610 {
  align-items: center;
}
#choice.point1 .bnfList > li.bnf2.ctm0610 .inner {
  max-width: 860px;
  width: 76%;
  /*.pcbtn {
    display: table;
    @include break {
      display: none;
    }
  }*/
  /*.btn {
    max-width: 350px;
    margin: 20px 0 0 auto;

    @include break {
      margin: 0 auto 20px;
    }
  }*/
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf2.ctm0610 .inner {
    width: 100%;
  }
}
#choice.point1 .bnfList > li.bnf2.ctm0610 .inner h4 {
  text-align: center;
  margin-bottom: 10px;
}
#choice.point1 .bnfList > li.bnf2.ctm0610 .inner h4 img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 530px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf2.ctm0610 .inner h4 {
    width: 100%;
    margin-bottom: 10px;
  }
}
#choice.point1 .bnfList > li.bnf2.ctm0610 .inner p img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf2 {
    display: block;
    padding: 15px 3%;
  }
}
#choice.point1 .bnfList > li.bnf2 ol {
  /*width: 100%;*/
  max-width: 262px;
  width: 24%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf2 ol {
    width: 100%;
    max-width: 570px;
    display: block;
  }
}
#choice.point1 .bnfList > li.bnf2 ol > li {
  text-align: center;
  margin-bottom: 10px;
}
#choice.point1 .bnfList > li.bnf2 ol > li img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf2 ol > li img {
    margin: 0 auto;
    width: 80%;
  }
}
#choice.point1 .bnfList > li.bnf2 .inner {
  display: table;
  margin: 0 auto;
  text-align: left;
  max-width: 480px;
}
#choice.point1 .bnfList > li.bnf2 .inner h4 {
  text-align: center;
}
#choice.point1 .bnfList > li.bnf3 {
  padding: 35px;
  border: #c7e3cc 8px solid;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf3 {
    padding: 20px 3%;
    border: #c7e3cc 6px solid;
    margin-bottom: 70px;
  }
}
#choice.point1 .bnfList > li.bnf3 h4 {
  text-align: center;
}
#choice.point1 .bnfList > li.bnf3 ol {
  display: flex;
  justify-content: space-between;
  background-image: url(/bravia/tv_choice/images/choice/point1_bnf3_arrow.png);
  background-repeat: no-repeat;
  background-position: 53% center;
}
#choice.point1 .bnfList > li.bnf3 ol > li img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #choice.point1 .bnfList > li.bnf3 ol {
    display: block;
    background-image: url(/bravia/tv_choice/images/choice/point1_pnt_dwarw.png);
    background-position: center 50%;
  }
  #choice.point1 .bnfList > li.bnf3 ol > li {
    margin-bottom: 50px;
  }
  #choice.point1 .bnfList > li.bnf3 ol > li:last-child {
    margin-bottom: 0;
  }
}

.kabeBnr {
  max-width: 900px;
  min-height: 320px;
  margin: 0 auto;
  padding: 70px 43% 0 0;
  background-image: url(/bravia/tv_choice/images/choice/point1_kabebnr_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.kabeBnr.BnrS {
  min-height: 216px;
  background-image: url(/bravia/tv_choice/images/choice/point1_kabebnr_s_bg.jpg);
  padding: 34px 40% 0 0;
}
@media screen and (max-width: 768px) {
  .kabeBnr.BnrS {
    padding: 30px 7%;
    min-height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .kabeBnr {
    padding: 40px 10%;
    min-height: 100px;
  }
}
.kabeBnr .inner {
  max-width: 440px;
  width: 100%;
  display: table;
  margin: 0 30px 0 40px;
}
@media screen and (max-width: 768px) {
  .kabeBnr .inner {
    margin: 0 auto;
  }
}
.kabeBnr .inner h3 {
  color: #ffffff;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .kabeBnr .inner h3 {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: left;
  }
}
.kabeBnr .inner .btn {
  max-width: 335px;
  margin: 0 auto;
}

.akogareBnr {
  max-width: 900px;
  min-height: 216px;
  margin: 0 auto 40px;
  padding: 34px 40% 0 0;
  background-image: url(/bravia/tv_choice/images/choice/point1_akogarebnr_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .akogareBnr {
    margin: 0 auto 20px;
    padding: 30px 7%;
    min-height: 100px;
    background-position: 40% center;
  }
}
.akogareBnr .inner {
  max-width: 440px;
  width: 100%;
  display: table;
  margin: 0 30px 0 40px;
}
@media screen and (max-width: 768px) {
  .akogareBnr .inner {
    margin: 0 auto;
  }
}
.akogareBnr .inner h3 {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .akogareBnr .inner h3 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.akogareBnr .inner .btn {
  max-width: 360px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .akogareBnr .inner .btn {
    height: 46px;
  }
  .akogareBnr .inner .btn a {
    line-height: 1.3;
  }
}

.storeBnr {
  position: relative;
  max-width: 900px;
  min-height: 216px;
  margin: 0 auto 40px;
  padding: 50px 40% 0 0;
  background-image: url(/bravia/tv_choice/images/choice/point1_store_bnr_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: #cccccc 1px solid;
}
.storeBnr:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  background-image: url(/bravia/tv_choice/images/choice/point1_store_tag.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  width: 220px;
  height: 42px;
}
@media screen and (max-width: 768px) {
  .storeBnr:before {
    width: 130px;
    height: 30px;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 768px) {
  .storeBnr {
    margin: 0 auto 20px;
    padding: 40px 7% 20px;
    min-height: 100px;
    background-position: 70% center;
  }
}
.storeBnr .inner {
  max-width: 440px;
  width: 100%;
  display: table;
  margin: 0 30px 0 40px;
}
@media screen and (max-width: 768px) {
  .storeBnr .inner {
    margin: 0 auto;
  }
}
.storeBnr .inner h3 {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.3;
}
.storeBnr .inner h3 span {
  font-weight: bold;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .storeBnr .inner h3 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .storeBnr .inner h3 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.storeBnr .inner .btn {
  max-width: 360px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .storeBnr .inner .btn {
    max-width: 250px;
    margin: 0 auto 0 2%;
    height: 46px;
  }
  .storeBnr .inner .btn a {
    line-height: 1.3;
  }
}

.soundBox {
  display: flex;
  width: 100%;
  max-width: 1130px;
}
@media screen and (max-width: 768px) {
  .soundBox {
    display: block;
    width: 100%;
  }
}
.soundBox > li {
  width: 50%;
  padding-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .soundBox > li {
    width: 100%;
    padding-bottom: 20px;
  }
  .soundBox > li:first-child {
    padding-bottom: 10px;
  }
}
.soundBox > li figure {
  display: inline-block;
  margin-bottom: 20px;
}
.soundBox > li:nth-child(1) {
  background-color: #eeeeee;
}
.soundBox > li:nth-child(2) {
  background-color: #dddddd;
}
.soundBox > li h4 {
  text-align: center;
  color: #0c779d;
  font-size: 26px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .soundBox > li h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.soundBox > li .prodList {
  max-width: 562px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 25px;
}
@media screen and (max-width: 768px) {
  .soundBox > li .prodList {
    margin: 0 3%;
  }
}
.soundBox > li .prodList > li {
  width: 48%;
  max-width: 260px;
  margin-bottom: 20px;
}
.soundBox > li .prodList > li figure {
  display: inline-block;
  margin-bottom: 10px;
}

.size1 {
  width: 86%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
  .size1 {
    width: 100%;
    display: block;
  }
}
.size1 > li {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .size1 > li {
    width: 100%;
    text-align: center;
  }
  .size1 > li img {
    margin: 0 auto;
  }
}
.size1 > li h4 {
  text-align: center;
  max-width: 450px;
  margin: 0 auto;
}
.size1 > li p {
  margin: 0 auto 10px;
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .size1 > li p {
    padding: 0;
    margin: 10px auto 20px;
  }
}

.size2 {
  display: flex;
  justify-content: center;
  background-color: #f3f3f3;
  border-radius: 20px;
  padding: 20px 22px;
}
@media screen and (max-width: 768px) {
  .size2 {
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 15px 5px;
  }
}
.size2 > li {
  border-right: #ffffff 1px solid;
  text-align: center;
}
.size2 > li img {
  width: 100%;
  height: auto;
}
.size2 > li:last-child {
  border-right: none;
}
@media screen and (max-width: 768px) {
  .size2 > li {
    width: 33%;
    margin-bottom: 20px;
  }
  .size2 > li:nth-child(4) {
    border-right: none;
  }
  .size2 > li:last-child {
    width: 48.26%;
  }
}
.size2 > li.ttl {
  border-right: none;
  padding: 30px 10px;
  border-radius: 15px;
  width: 276px;
  min-width: 180px;
  text-align: center;
  background-color: #ffffff;
  vertical-align: middle;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .size2 > li.ttl {
    min-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 8px;
  }
}
.size2 > li.ttl h4 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #0c779d;
  line-height: 1.5;
}
.size2 > li.ttl h4 span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .size2 > li.ttl h4 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .size2 > li.ttl h4 {
    font-size: 18px;
  }
}

.stepBtn {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .stepBtn {
    width: 90%;
    margin: 0 auto 30px;
  }
}
.stepBtn span {
  position: relative;
  display: inline-block;
  max-width: 700px;
  margin: 0 auto;
  transition: all 0.3s;
  cursor: pointer;
}
.stepBtn span.op:after {
  transform: rotate(180deg);
}
.stepBtn span:hover {
  opacity: 0.6;
}
.stepBtn span:after {
  right: 8%;
  top: calc(50% - 18px);
  position: absolute;
  content: "";
  background: url("/bravia/tv_choice/images/choice/point1_comp_btn_arw.png") no-repeat center center/100% auto;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 768px) {
  .stepBtn span:after {
    right: 5%;
    width: 28px;
    height: 28px;
    top: calc(50% - 14px);
  }
}

.simStep {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.simStep > li {
  display: none;
  /*&.cls{
  }*/
  text-align: left;
  padding: 20px 10px 10px;
  max-width: 380px;
  margin: 35px 0 35px;
  position: relative;
  border: #34a7ab 4px solid;
  border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 768px) {
  .simStep > li {
    margin: 25px auto 25px;
    width: 90%;
    padding: 15px 8px 10px;
    border: #34a7ab 3px solid;
  }
}
.simStep > li .stepTtl {
  font-size: 24px;
  color: #34a7ab;
  margin-bottom: 10px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .simStep > li .stepTtl {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.simStep > li figure {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .simStep > li figure {
    margin-bottom: 10px;
  }
}
.simStep > li p {
  text-align: left;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
  .simStep > li p {
    font-size: 13px;
  }
}
.simStep > li p .bld {
  font-style: normal;
  font-weight: bold;
}
.simStep > li p .rmTxt {
  margin: 0 5px;
  display: inline-block;
  background-color: #254e7c;
  border-radius: 12px;
  color: #ffffff;
  padding: 0 10px;
}
.simStep > li p .vwTxt {
  margin: 0 5px;
  display: inline-block;
  background-color: #dfe9f7;
  border-radius: 12px;
  color: #254e7c;
  padding: 0 10px;
}
.simStep > li p .icn {
  margin: 0 5px;
  display: inline-block;
}
.simStep > li p .icn img {
  vertical-align: middle;
}
.simStep > li:before {
  content: "";
  position: absolute;
  top: -40px;
  left: -4px;
  height: 40px;
  width: 250px;
  display: block;
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media screen and (max-width: 768px) {
  .simStep > li:before {
    width: 70%;
    max-width: 250px;
    background-size: 100% auto;
  }
}
.simStep > li:nth-child(1) .appList {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .simStep > li:nth-child(1) .appList {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
.simStep > li:nth-child(1):before {
  background-image: url(../images/choice/point1_simu_stp1_ttl.png);
}
.simStep > li:nth-child(2) figure {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .simStep > li:nth-child(2) figure {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
.simStep > li:nth-child(2):before {
  background-image: url(../images/choice/point1_simu_stp2_ttl.png);
}
.simStep > li:nth-child(3):before {
  background-image: url(../images/choice/point1_simu_stp3_ttl.png);
}
.simStep > li:nth-child(4) {
  max-width: 780px;
}
.simStep > li:nth-child(4) figure {
  text-align: center;
  margin: 40px auto 50px;
}
@media screen and (max-width: 768px) {
  .simStep > li:nth-child(4) figure {
    margin: 0px auto 10px;
  }
}
.simStep > li:nth-child(4) p {
  margin: 0 3%;
}
@media screen and (max-width: 768px) {
  .simStep > li:nth-child(4) p {
    margin: 0;
  }
}
.simStep > li:nth-child(4):before {
  background-image: url(../images/choice/point1_simu_stp4_ttl.png);
}
.simStep > li:nth-child(5) {
  /*margin-right: 17%;
  @include break{
  margin-right:0;
  }*/
}
.simStep > li:nth-child(5) figure {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .simStep > li:nth-child(5) figure {
    margin-bottom: 10px;
  }
}
.simStep > li:nth-child(5):before {
  background-image: url(../images/choice/point1_simu_stp5_ttl.png);
}

.measurement {
  margin: 0 auto 40px !important;
}
@media screen and (max-width: 768px) {
  .measurement {
    margin: 0 auto 30px !important;
  }
}

.appList {
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .appList {
    display: block;
    margin: 10px auto 0;
  }
}
.appList > li {
  display: flex;
  justify-content: center;
  align-items: center;
  /*margin-right: 30px;*/
  vertical-align: top;
  margin-bottom: 20px;
  /*display: table;*/
}
@media screen and (max-width: 768px) {
  .appList > li {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.appList > li em {
  /*display: table-cell;*/
  vertical-align: middle;
}
.appList > li .qr {
  /*display: table-cell;*/
  vertical-align: middle;
  padding-left: 10px;
}

.colT {
  color: #34a7ab;
  font-weight: bold;
  font-size: 105%;
  display: inline-block;
  margin: 0 2px;
}

/*--------------------------------*/
.refInner {
  position: relative;
  width: 100%;
  min-height: 300px;
  /*border: #eeeeee 8px solid;*/
  border: #fae1c3 8px solid;
  border-radius: 20px;
  padding: 30px 40px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .refInner {
    border: #fae1c3 6px solid;
    border-radius: 14px;
    margin-bottom: 50px;
    padding: 20px 5%;
  }
}
.refInner h4 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 50px;
}
@media screen and (max-width: 768px) {
  .refInner h4 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.refInner p {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .refInner p {
    margin-bottom: 10px;
    text-align: left;
  }
}
.refInner .refList2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 {
    display: block;
  }
}
.refInner .refList2 > li {
  width: 48.5%;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 > li {
    width: 100%;
  }
}
.refInner .refList2 > li ol > li.imgBox .refNote {
  margin-top: 5px;
  text-align: left;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 > li ol > li.imgBox .refNote {
    font-size: 11px;
  }
}
.refInner .refList2 > li ol > li.txtBox {
  padding: 20px 5%;
  text-align: left;
}
.refInner .refList2 > li ol > li.txtBox h5 {
  font-size: 30px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 > li ol > li.txtBox h5 {
    font-size: 20px;
  }
}
.refInner .refList2 > li ol > li.txtBox p {
  text-align: left;
}
.refInner .refList2 > li.ref1 .txtBox {
  background-color: #f6f3f0;
  /*	transform: translateY(-100px);*/
}
@media screen and (max-width: 768px) {
  .refInner .refList2 > li.ref1 {
    margin-bottom: 30px;
  }
}
.refInner .refList2 > li.ref2 .txtBox {
  background-color: #f6f3f0;
}
.refInner .refList2 > li.ref2 .txtBox .pNote {
  display: inline-block;
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 > li.ref2 .txtBox .pNote {
    font-size: 13px;
  }
}
.refInner .refList2 .wBox {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 .wBox {
    display: block;
  }
}
.refInner .refList2 .wBox .wBoxIn {
  width: 38%;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 .wBox .wBoxIn {
    width: 100%;
  }
}
.refInner .refList2 .wBox .wBoxIn h6 {
  font-size: 18px;
  color: #0c779d;
  font-weight: bold;
  margin-bottom: 5px;
}
.refInner .refList2 .wBox .wBoxIn p {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.4;
  text-align: left;
}
.refInner .refList2 .wBox .btnBox {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .refInner .refList2 .wBox .btnBox {
    width: 100%;
  }
}
.refInner .refList2 .wBox .btnBox > li {
  margin-bottom: 10px;
}
.refInner .refList2 .wBox .btnBox > li a {
  text-align: left;
  padding-left: 30px;
}

#comparison {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  #comparison {
    margin-bottom: 70px;
  }
}
#comparison .compBtn {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #comparison .compBtn {
    width: 90%;
    margin: 0 auto 30px;
  }
}
#comparison .compBtn span {
  position: relative;
  display: inline-block;
  max-width: 700px;
  margin: 0 auto;
  transition: all 0.3s;
  cursor: pointer;
}
#comparison .compBtn span img {
  max-width: 700px;
  width: 100%;
  height: auto;
}
#comparison .compBtn span.op:after {
  transform: rotate(180deg);
}
#comparison .compBtn span:hover {
  opacity: 0.6;
}
#comparison .compBtn span:after {
  right: 5%;
  top: calc(50% - 18px);
  position: absolute;
  content: "";
  background: url("/bravia/tv_choice/images/choice/point1_comp_btn_arw2.png") no-repeat center center/100% auto;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 768px) {
  #comparison .compBtn span:after {
    right: 3%;
    width: 22px;
    height: 22px;
    top: calc(50% - 14px);
  }
}
#comparison .compInner {
  width: 100%;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  #comparison .compInner {
    margin-bottom: 70px;
  }
}

.point2_area {
  max-width: 1200px;
  margin: 0 auto;
}
.point2_area .point2_copy {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 60px;
}
.point2_area .xr_wrap {
  padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .point2_area .xr_wrap {
    padding-bottom: 50px;
  }
}
.point2_area .xr_wrap .ttl {
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .point2_area .xr_wrap .ttl {
    font-size: 20px;
    display: block;
    text-align: center;
  }
}
.point2_area .xr_wrap .ttl span {
  background: linear-gradient(rgba(151, 220, 162, 0) 50%, #f4c7dd 50%);
  font-weight: bold;
}
.point2_area .xr_wrap .ttl:before {
  content: "";
  background: url("/bravia/tv_choice/images/choice/xr_icon.png") no-repeat center center/100% auto;
  width: 122px;
  height: 122px;
  display: inline-block;
  margin-right: 35px;
}
@media screen and (max-width: 768px) {
  .point2_area .xr_wrap .ttl:before {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
  }
}
.point2_area .xr_wrap .xr_box {
  display: flex;
  align-items: center;
  background-color: #fceff6;
  padding: 80px 150px;
  border-radius: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .point2_area .xr_wrap .xr_box {
    flex-direction: column;
    padding: 60px 0;
  }
}
.point2_area .xr_wrap .xr_box .txt_box {
  padding-left: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .point2_area .xr_wrap .xr_box .txt_box {
    padding-top: 30px;
    padding-left: 0;
    width: 90%;
    margin: 0 auto;
  }
}
.point2_area .xr_wrap .xr_box .txt_box p {
  padding-bottom: 30px;
}
.point2_area .xr_wrap .xr_box .txt_box .btn {
  max-width: 480px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .point2_area .xr_wrap .xr_box .txt_box .btn {
    width: 100%;
    max-width: 750px;
  }
}
.point2_area .eizou_wrap {
  padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .point2_area .eizou_wrap {
    padding-bottom: 50px;
  }
}
.point2_area .eizou_wrap .ttl {
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .point2_area .eizou_wrap .ttl {
    font-size: 20px;
    display: block;
    text-align: center;
  }
}
.point2_area .eizou_wrap .ttl span {
  background: linear-gradient(rgba(151, 220, 162, 0) 50%, #96dca2 50%);
  font-weight: bold;
}
.point2_area .eizou_wrap .ttl:before {
  content: "";
  background: url("/bravia/tv_choice/images/choice/eizou_icon.png") no-repeat center center/100% auto;
  width: 122px;
  height: 122px;
  display: inline-block;
  margin-right: 35px;
}
@media screen and (max-width: 768px) {
  .point2_area .eizou_wrap .ttl:before {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
  }
}
.point2_area .eizou_wrap .eizou_box {
  display: flex;
  align-items: center;
  background-color: #ecf5ed;
  padding: 80px 60px;
  border-radius: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .point2_area .eizou_wrap .eizou_box {
    padding: 60px 0;
    flex-direction: column;
  }
}
.point2_area .eizou_wrap .eizou_box .movie_flex {
  max-width: 500px;
  width: 100%;
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap {
  margin: 10px auto 15px;
  overflow: hidden;
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box {
    margin: 0 auto;
    width: 90%;
  }
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box .movie {
  width: 100%;
  position: relative;
  transition: all 0.3s;
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box .movie:hover:before {
  background-size: 128px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box .movie:hover img {
  transform: scale(1.05);
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box .movie:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/bravia/androidtv/images/androidtv2/icn_play.png) center center no-repeat rgba(0, 0, 0, 0);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  background-size: 100px;
  transition: all 0.3s;
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box .movie a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  transition: all 0.3s ease;
}
.point2_area .eizou_wrap .eizou_box .movie_flex .movie_wrap .p-webmovie-box .movie img {
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: all 0.3s;
}
.point2_area .eizou_wrap .eizou_box .movie_flex p.text {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .point2_area .eizou_wrap .eizou_box .movie_flex p.text {
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
  }
}
.point2_area .eizou_wrap .eizou_box .movie_flex p.text a {
  transition: all 0.3s;
}
.point2_area .eizou_wrap .eizou_box .movie_flex p.text a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.point2_area .eizou_wrap .eizou_box .movie_flex p.text a img {
  width: 11px;
  height: auto;
  vertical-align: middle;
  margin: 0 0 0 5px;
}
.point2_area .eizou_wrap .eizou_box .txt_box {
  padding-right: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .point2_area .eizou_wrap .eizou_box .txt_box {
    padding-right: 0;
    padding-top: 30px;
    width: 90%;
    margin: 0 auto;
    order: 2;
  }
}
.point2_area .eizou_wrap .eizou_box .txt_box p {
  padding-bottom: 30px;
}
.point2_area .eizou_wrap .eizou_box .txt_box .btn {
  width: 100%;
  margin: 0 auto;
}
.point2_area .enjoy_wrap {
  padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .point2_area .enjoy_wrap {
    padding-bottom: 100px;
  }
}
.point2_area .enjoy_wrap .ttl {
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .point2_area .enjoy_wrap .ttl {
    font-size: 20px;
    display: block;
    text-align: center;
  }
}
.point2_area .enjoy_wrap .ttl span {
  background: linear-gradient(rgba(151, 220, 162, 0) 50%, #acdee4 50%);
  font-weight: bold;
}
.point2_area .enjoy_wrap .ttl:before {
  content: "";
  background: url("/bravia/tv_choice/images/choice/game_icon.png") no-repeat center center/100% auto;
  width: 122px;
  height: 122px;
  display: inline-block;
  margin-right: 35px;
}
@media screen and (max-width: 768px) {
  .point2_area .enjoy_wrap .ttl:before {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
  }
}
.point2_area .enjoy_wrap .enjoy_box {
  display: flex;
  align-items: center;
  background-color: #e6f1f5;
  padding: 80px 60px;
  border-radius: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .point2_area .enjoy_wrap .enjoy_box {
    flex-direction: column;
    padding: 60px 0;
  }
}
.point2_area .enjoy_wrap .enjoy_box img {
  max-width: 542px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .point2_area .enjoy_wrap .enjoy_box img {
    width: 90%;
    margin: 0 auto;
  }
}
.point2_area .enjoy_wrap .enjoy_box .txt_box {
  padding-left: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .point2_area .enjoy_wrap .enjoy_box .txt_box {
    padding-left: 0;
    padding-top: 30px;
    width: 90%;
    margin: 0 auto;
  }
}
.point2_area .enjoy_wrap .enjoy_box .txt_box p {
  padding-bottom: 30px;
}
.point2_area .enjoy_wrap .enjoy_box .txt_box .note {
  padding-top: 10px;
  font-size: 12px;
}
.point2_area .enjoy_wrap .enjoy_box .txt_box .btn {
  max-width: 475px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .point2_area .enjoy_wrap .enjoy_box .txt_box .btn {
    max-width: 750px;
    width: 100%;
  }
}

.watch_area {
  background-color: #fff9f2;
  width: 100%;
  position: relative;
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .watch_area {
    padding: 40px 0 80px 0;
  }
}
.watch_area .w_icon {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .watch_area .w_icon {
    width: 70px;
    height: 70px;
  }
}
.watch_area .watch_wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.watch_area .watch_wrap .w_ttl_box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .w_ttl_box {
    padding-bottom: 80px;
  }
}
.watch_area .watch_wrap .w_ttl_box .w_ttl {
  font-size: 40px;
  padding: 0 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .w_ttl_box .w_ttl {
    font-size: 20px;
    padding: 0 20px;
  }
}
.watch_area .watch_wrap .w_ttl_box .w_ttl span {
  font-weight: bold;
  background: linear-gradient(rgba(151, 220, 162, 0) 50%, #f4c586 50%);
}
.watch_area .watch_wrap .w_ttl_box .line {
  width: 120px;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .w_ttl_box .line {
    width: 50px;
  }
}
.watch_area .watch_wrap .watch_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .watch_box {
    justify-content: center;
    flex-direction: column;
  }
}
.watch_area .watch_wrap .watch_box .item_box {
  width: 48%;
  position: relative;
  background-color: #fff;
  border: solid 5px #f4c586;
  border-radius: 20px;
  padding: 50px 50px;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .watch_box .item_box {
    width: 90%;
    padding: 50px 0 40px 0;
    margin: 0 auto;
  }
}
.watch_area .watch_wrap .watch_box .item_box .point01 {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .watch_box .item_box .point01 {
    width: 80px;
    height: 80px;
  }
}
.watch_area .watch_wrap .watch_box .item_box .item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .watch_box .item_box .item {
    width: 90%;
    margin: 0 auto;
  }
}
.watch_area .watch_wrap .watch_box .item_box .item .ttl {
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .watch_box .item_box .item .ttl {
    font-size: 20px;
  }
}
.watch_area .watch_wrap .watch_box .item_box .item p {
  padding-bottom: 30px;
}
.watch_area .watch_wrap .watch_box .item_box .item .item_btn {
  width: 100%;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: auto;
}
.watch_area .watch_wrap .watch_box .item_box .item .item_btn a {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  font-weight: bold;
  margin: 0 auto;
  background-color: #0c779d;
  border-radius: 10px;
}
.watch_area .watch_wrap .watch_box .item_box .item .item_btn a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.watch_area .watch_wrap .watch_box .item_box .item .item_btn img {
  position: absolute;
  right: 10px;
}
@media screen and (max-width: 768px) {
  .watch_area .watch_wrap .watch_box .item_box:first-child {
    margin-bottom: 80px;
  }
}/*# sourceMappingURL=point1.css.map */