.c5-summry-main {
  margin-bottom: 5%; }

.c5-main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c5-main-nav li {
  width: 33.33333%;
  border-right: 1px solid #aaa; }

.c5-main-nav li:last-child {
  border-right: none; }

.c5-main-nav a {
  display: block;
  padding: 2.5% 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2; }

.c5-main-nav a:hover {
  opacity: .6;
  text-decoration: none; }

.c5-main-nav__minttl {
  font-size: 18px;
  font-weight: 400; }

.c5-main-nav__01__ttl {
  padding-left: 17.5%;
  position: relative;
  display: block; }

.c5-main-nav__01__ttl:before {
  content: "";
  position: absolute;
  background: url(/bravia-biz/merit/images/summary/head01.png) no-repeat;
  background-size: 100%;
  width: 10%;
  height: 0;
  padding-top: 13%;
  left: 3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-main-nav__02__ttl {
  padding-left: 32.5%;
  position: relative;
  display: block; }

.c5-main-nav__02__ttl:before {
  content: "";
  position: absolute;
  background: url(/bravia-biz/merit/images/summary/head02.png) no-repeat;
  background-size: 100%;
  width: 12.25%;
  height: 0;
  padding-top: 12.75%;
  left: 16%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-main-nav__03__ttl {
  padding-left: 32.5%;
  position: relative;
  display: block; }

.c5-main-nav__03__ttl:before {
  content: "";
  position: absolute;
  background: url(/bravia-biz/merit/images/summary/head03.png) no-repeat;
  background-size: 100%;
  width: 12.25%;
  height: 0;
  padding-top: 13.25%;
  left: 17%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

@media screen and (max-width: 1150px) {
  .c5-main-nav a {
    font-size: 2.43478vw; }
  .c5-main-nav__minttl {
    font-size: 1.56522vw; } }

@media screen and (max-width: 768px) {
  .c5-main-nav li {
    width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .c5-main-nav a {
    width: 100%;
    font-size: 3.73333vw;
    padding: 8% 0;
    display: block; }
  .c5-main-nav__01__ttl {
    padding-left: 20%; }
  .c5-main-nav__01__ttl:before {
    width: 1em;
    padding-top: 1.5em;
    left: 5%; }
  .c5-main-nav__02 a {
    padding: 14% 0; }
  .c5-main-nav__02__ttl {
    padding-left: 20%; }
  .c5-main-nav__02__ttl:before {
    width: 1.2em;
    padding-top: 1.4em;
    left: 5%; }
  .c5-main-nav__03 a {
    padding: 14% 0; }
  .c5-main-nav__03__ttl {
    padding-left: 20%; }
  .c5-main-nav__03__ttl:before {
    width: 1.2em;
    padding-top: 1.4em;
    left: 5%; } }

.c5-headbox {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom: 4.16667%;
  padding: 1.66667% 20px;
  font-weight: 700;
  background: #eeeff0; }

.c5-headbox__h2 {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 28px;
  line-height: 1.2; }

.c5-headbox__h2 span {
  display: inline-block;
  padding-left: 1.5em; }

.c5-headbox__no01:before {
  content: "";
  position: absolute;
  background: url(/bravia-biz/merit/images/summary/head01.png) no-repeat;
  background-size: contain;
  width: 2.25%;
  height: 0;
  padding-top: 2.66667%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-headbox__no02:before {
  content: "";
  position: absolute;
  background: url(/bravia-biz/merit/images/summary/head02.png) no-repeat;
  background-size: contain;
  width: 2.66667%;
  height: 0;
  padding-top: 2.66667%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-headbox__no03:before {
  content: "";
  position: absolute;
  background: url(/bravia-biz/merit/images/summary/head03.png) no-repeat;
  background-size: contain;
  width: 2.75%;
  height: 0;
  padding-top: 2.75%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

@media screen and (max-width: 1000px) {
  .c5-headbox__h2 {
    font-size: 2.8vw; } }

@media screen and (max-width: 768px) {
  .c5-headbox {
    padding-top: 2.66667%;
    padding-bottom: 2.66667%; }
  .c5-headbox__h2 {
    font-size: 4.8vw; }
  .c5-headbox__no01:before {
    background: url(/bravia-biz/merit/images/summary/head01@2x.png) no-repeat;
    background-size: 100%;
    width: .8em;
    padding-top: 1em; }
  .c5-headbox__no02:before {
    background: url(/bravia-biz/merit/images/summary/head02@2x.png) no-repeat;
    background-size: 100%;
    width: .9em;
    padding-top: 1em; }
  .c5-headbox__no03:before {
    background: url(/bravia-biz/merit/images/summary/head03@2x.png) no-repeat;
    background-size: 100%;
    width: .9em;
    padding-top: 1em; } }

.c5-4k {
  margin: 4.16667% auto 0;
  width: 51.58333%; }

@media screen and (max-width: 768px) {
  .c5-4k {
    margin-top: 6.66667%;
    width: 90%; } }

.c5-lineup {
  margin-top: 4.16667%; }

.c5-lineup__01 {
  width: 73.33333%;
  margin: 0 auto; }

.c5-lineup__02 {
  width: 86.5%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-lineup {
    margin-top: 6.66667%; }
  .c5-lineup__01 {
    width: 90%; }
  .c5-lineup__01 img {
    width: 100%; }
  .c5-lineup__02 {
    width: 90%; }
  .c5-lineup__02 img {
    width: 100%; } }

.c5-square {
  margin: 0 auto;
  width: 41.66667%; }

@media screen and (max-width: 768px) {
  .c5-square {
    width: 20%; }
  .c5-square img {
    width: 100%; } }

.c5-promode {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 4.16667%; }

.c5-promode__01 {
  width: 82.33333%;
  margin: 0 auto; }

.c5-promode__02 {
  width: 75.16667%;
  margin: 0 auto; }

.c5-promode__fig {
  margin-top: 5%; }

@media screen and (max-width: 768px) {
  .c5-promode {
    margin-top: 6.66667%; }
  .c5-promode__01 {
    width: 90%; }
  .c5-promode__01 img {
    width: 100%; }
  .c5-promode__02 {
    width: 90%; }
  .c5-promode__02 img {
    width: 100%; } }

.c5-html5 {
  margin-top: 4.16667%; }

.c5-html5__01 {
  position: relative;
  width: 71.83333%;
  margin: 0 auto; }

.c5-html5__01:after {
  content: "";
  position: absolute;
  background: url(/bravia-biz/images/common/arror.png) no-repeat;
  background-size: 100%;
  width: 10.2381%;
  height: 0;
  padding-top: 9.52381%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -10%; }

.c5-html5__02 {
  width: 93.5%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-html5 {
    margin-top: 6.66667%; }
  .c5-html5__01 {
    width: 90%; }
  .c5-html5__01 img {
    width: 100%; }
  .c5-html5__01::after {
    content: none; }
  .c5-html5__02 {
    width: 90%; }
  .c5-html5__02 img {
    width: 100%; } }

.c5-rs23__small {
  margin-top: 2.5%; }

@media screen and (max-width: 768px) {
  .c5-rs23__small {
    margin-top: 4%; } }

.c5-bzm__img {
  width: 79.16667%;
  margin: 0 auto; }

.c5-bzm__fig {
  margin-top: 3.33333%; }

@media screen and (max-width: 768px) {
  .c5-bzm__img {
    width: 90%; }
  .c5-bzm__img img {
    width: 100%; }
  .c5-bzm__fig {
    margin-top: 2.66667%; } }

.c5-support {
  margin-bottom: 8.33333%; }

.c5-support__01 {
  margin: 0 auto;
  width: 77.83333%; }

.c5-support__02 {
  margin: 0 auto;
  width: 79.66667%; }

.c5-support__03 {
  margin: 0 auto;
  width: 80%; }

.c5-support__04 {
  margin: 0 auto;
  width: 59.83333%; }

.c5-support figcaption {
  margin-top: 3.33333%; }

@media screen and (max-width: 768px) {
  .c5-support {
    margin-bottom: 8%; }
  .c5-support__01 {
    width: 90%; }
  .c5-support__01 img {
    width: 100%; }
  .c5-support__02 {
    width: 90%; }
  .c5-support__02 img {
    width: 100%; }
  .c5-support__03 {
    width: 90%; }
  .c5-support__03 img {
    width: 100%; }
  .c5-support__04 {
    width: 90%; }
  .c5-support__04 img {
    width: 100%; } }

.c5-needs__head {
  margin-bottom: 2.5%;
  font-size: 20px;
  text-align: center;
  position: relative;
  line-height: 1.3; }

.c5-needs__head span {
  position: relative;
  z-index: 2;
  background-color: #fff;
  display: inline-block;
  padding: 0 4em; }

.c5-needs__head:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid;
  opacity: .5; }

.c5-needs__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c5-needs__flex li {
  width: 32.33333%; }

.c5-needs__flex a {
  display: block; }

.c5-needs__flex a:hover {
  opacity: .6; }

.c5-needs__fig {
  margin-top: 5.15464% !important; }

@media screen and (max-width: 1000px) {
  .c5-needs__head {
    font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c5-needs__head {
    font-size: 4vw; }
  .c5-needs__head span {
    padding: 0 1em; }
  .c5-needs__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .c5-needs__flex li {
    width: 90%;
    margin: 0 auto 5.7971%; }
  .c5-needs__flex li:last-child {
    margin-bottom: 0; }
  .c5-needs__flex img {
    width: 100%; } }

.c5-c-consultation__inner__txt__item {
  width: 100%; }

.c5-c-another-item__btn.c5-mail a:before {
  content: "";
  background: url(/bravia-biz/images/signage/mail_icon.png) no-repeat center center;
  width: 35px;
  padding-top: 28px;
  background-size: cover; }

@media screen and (max-width: 768px) {
  .c5-c-another-item__btn.c5-mail a:before {
    width: 8%;
    padding-top: 6.5%; } }