.c5-mb5 {
  margin-bottom: 5%; }

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

.c5-construction__item__01 {
  margin-top: 5.83333%; }

.c5-construction__item:last-of-type {
  margin-bottom: 0; }

.c5-construction__head {
  background: #0b8495;
  color: #fff;
  font-size: 22px;
  padding: .2em 0 .2em .5em;
  margin-bottom: 2.5%; }

.c5-construction__ttl {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  background: #a85251;
  padding: .83333% 1.66667%; }

.c5-construction__img {
  padding: 4.16667% 0;
  margin: 2.5% 0;
  background: #f0fafc; }

.c5-construction__img--pink {
  position: relative;
  padding-top: 5.83333%;
  background: #fcf0f0;
  border: 1px solid #fc9da1; }

.c5-construction__img__01, .c5-construction__img__02, .c5-construction__img__03 {
  margin: 0 auto; }

.c5-construction__img__01 {
  width: 70.08333%;
  margin-top: 5%; }

.c5-construction__img__02, .c5-construction__img__03 {
  width: 64.33333%; }

.c5-construction__anchor {
  margin-top: .83333%; }

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

@media screen and (max-width: 768px) {
  .c5-construction__item {
    margin-bottom: 10.14493%; }
  .c5-construction__item__01 {
    margin-top: 7.24638%; }
  .c5-construction__head {
    font-size: 4.26667vw;
    margin-bottom: 4.34783%; }
  .c5-construction__ttl {
    font-size: 4.26667vw;
    padding: 1.44928% 4.34783%; }
  .c5-construction__img {
    margin: 5.07246% 0;
    padding: 8.69565% 0; }
  .c5-construction__img--pink {
    padding-top: 13.04348%; }
  .c5-construction__img__01 {
    width: 85.21739%;
    margin-top: 10.14493%; }
  .c5-construction__img__02 {
    width: 83.33333%; }
  .c5-construction__img__03 {
    width: 85.50725%; }
  .c5-construction__anchor {
    margin-top: 2.89855%; } }

.c5-un-construction {
  margin-top: 7.5%; }

.c5-un-construction__img {
  width: 74.58333%;
  margin: 0 auto; }

.c5-un-construction__mt40 {
  margin-top: 5.55556%; }

.c5-un-construction__company {
  margin-top: .83333%; }

.c5-un-construction__flex {
  margin-top: 4.16667%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c5-un-construction__flex > div {
  width: 36.66667%; }

.c5-un-construction__flex > div:nth-of-type(2) {
  margin-left: 1.66667%; }

.c5-un-construction__btn {
  margin-top: 4.16667%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c5-un-construction__btn__02 {
  margin-left: 2.5%; }

.c5-un-construction--another {
  position: relative;
  padding: 0 2.5% 5%;
  margin: 0 auto; }

.c5-un-construction--another::after {
  content: "";
  position: absolute;
  width: 95%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  background: #e1bdbd;
  bottom: 0; }

@media screen and (max-width: 768px) {
  .c5-un-construction {
    margin-top: 8.69565%; }
  .c5-un-construction__img {
    width: 90%; }
  .c5-un-construction__img img {
    width: 100%; }
  .c5-un-construction__mt40 {
    margin-top: 8.69565%; }
  .c5-un-construction__company {
    margin-top: 2.89855%; }
  .c5-un-construction__flex {
    margin-top: 5.7971%; }
  .c5-un-construction__flex > div {
    width: 100%; }
  .c5-un-construction__flex > div:nth-of-type(1) {
    margin-bottom: 5.7971%; }
  .c5-un-construction__flex > div:nth-of-type(2) {
    margin-left: 0; }
  .c5-un-construction__flex figure {
    width: 90%;
    margin: 0 auto; }
  .c5-un-construction__flex figure img {
    width: 100%; }
  .c5-un-construction__btn {
    margin-top: 8.69565%; }
  .c5-un-construction__btn__01 a {
    font-size: 3.46667vw;
    padding: .7em .7em; }
  .c5-un-construction__btn__02 {
    margin-top: 4.34783%;
    margin-left: 0; }
  .c5-un-construction__btn__02 a {
    font-size: 3.46667vw;
    padding: .7em .7em;
    line-height: 1.3; }
  .c5-un-construction--another {
    margin-top: 0;
    padding: 0 4.40529% 10.279%; } }

.c5-fdp {
  width: 60%;
  margin: 2.77778% auto 0;
  padding: 4.16667% 0 4.16667%;
  border: 1px solid #aaa; }

.c5-fdp__soft {
  margin: 4.16667% 0;
  font-size: 30px;
  text-align: center; }

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

@media screen and (max-width: 768px) {
  .c5-fdp {
    width: initial;
    padding: 6.52174% 0 5.55556%; }
  .c5-fdp__soft {
    font-size: 5.33333vw;
    margin: 5.7971% 0; } }

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

.c5-space__01 {
  position: relative;
  width: 71.83333%; }

.c5-space__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-space__02 {
  width: 93.5%; }

.c5-space__01, .c5-space__02 {
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-space {
    margin-top: 5.7971%; }
  .c5-space__01 {
    width: 90%; }
  .c5-space__01:after {
    content: none; }
  .c5-space__02 {
    width: 90%; }
  .c5-space__02 img {
    width: 100%; } }

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

.c5-lobby__01 {
  width: 73.33333%; }

.c5-lobby__02 {
  width: 83%; }

.c5-lobby__01, .c5-lobby__02 {
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-lobby {
    margin-top: 5.7971%; }
  .c5-lobby__01 {
    width: 90%; }
  .c5-lobby__02 {
    width: 90%; }
  .c5-lobby__01 img, .c5-lobby__02 img {
    width: 100%; } }

.c5-si-lineup h4:nth-child(1) {
  margin-right: 4.46429%; }

.c5-si-lineup h4:nth-child(1):after {
  right: -20%; }

.c5-si-lineup h4:nth-child(2) {
  max-width: 570px;
  width: 63.54515%;
  margin-left: 4.46429%; }

@media screen and (max-width: 768px) {
  .c5-si-lineup h4:nth-child(1):after {
    right: 50%; }
  .c5-si-lineup h4:nth-child(2) {
    max-width: initial;
    width: 100%;
    text-align: center;
    margin-left: 0; } }

.c5-si-inner:before {
  content: "";
  margin-top: 22%;
  display: block; }

@media screen and (max-width: 768px) {
  .c5-si-inner:before {
    content: none; } }

.c5-bzmmodel-block {
  display: block !important; }

.c5-bzmmodel-block li {
  margin-right: 0 !important;
  margin-bottom: 2.8169%; }

.c5-bzmmodel-block li:last-child {
  margin-bottom: 0; }

.c5-bzmmodel-block li:after {
  margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .c5-bzmmodel-block {
    text-align: center; }
  .c5-bzmmodel-block li {
    margin-bottom: 2.33645%; } }

@media screen and (max-width: 768px) {
  .c5-brackets {
    display: block;
    line-height: 1.3;
    position: relative; }
  .c5-brackets:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(/bravia-biz/images/signage/brackets.png) no-repeat;
    background-size: 100%;
    width: 1.89655%;
    height: 0;
    padding-top: 10.17241%; }
  .c5-brackets:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(/bravia-biz/images/signage/brackets.png) no-repeat;
    background-size: 100%;
    width: 1.89655%;
    height: 0;
    padding-top: 10.17241%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }

.c5-hr {
  width: 95%;
  border-top: 1px solid #000; }

@media screen and (max-width: 768px) {
  .c5-hr {
    width: 91.30435%; } }

.c5-hr--01 {
  border-top: 3px solid #e1bdbd; }

@media screen and (max-width: 768px) {
  .c5-flex-odd {
    padding: 0 3.89408%;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; } }

.c5-c-mainvisual {
  margin-bottom: 8.33%; }

.c5-c-h2 {
  margin-top: -20px;
  padding-top: 20px; }

.c5-mb20 {
  margin-bottom: 1.666%; }

@media screen and (max-width: 768px) {
  .c5-mb20 {
    margin-bottom: 4.477%; } }

.c5-mt20 {
  margin-top: 1.666%; }

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

.c5-pd50 {
  padding: 4.16%; }

.c5-bgf5f5f5 {
  background: #f5f5f5; }

.c5-strong {
  margin-bottom: 5%; }

@media screen and (max-width: 768px) {
  .c5-strong {
    margin-bottom: 10%; } }

.c5-strong h3 {
  margin: 15px 0;
  line-height: 1.5; }

.c5-strong .c5-txtlist {
  line-height: 2.5;
  font-weight: 700; }

.c5-strong .c5-textindent {
  padding-left: 1rem;
  text-indent: -1rem; }

.c5-strong .c5-fontbold {
  font-size: 20px;
  font-weight: 700; }

.c5-strong .c5-mb40 {
  margin-bottom: 40px; }

@media screen and (max-width: 768px) {
  .c5-strong .c5-mb40 {
    margin-bottom: 20px; } }

.c5-strong .c5-mb20 {
  margin-bottom: 20px; }

.c5-strong .c5-mb15 {
  margin-bottom: 15px; }

.c5-strong .c5-m0 {
  margin: 0;
  width: 95%; }

@media screen and (max-width: 768px) {
  .c5-strong .c5-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px; }
  .c5-strong .c5-order div:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px; }
  .c5-strong .c5-order div:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

.c5-anchor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5% 0; }

@media screen and (max-width: 768px) {
  .c5-anchor-list {
    padding: 0 5.33%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 9% 0; } }

.c5-anchor-list li {
  text-align: center;
  border-left: 1px solid #d9d9d9; }

@media screen and (max-width: 768px) {
  .c5-anchor-list li {
    background: #f7f7f7;
    border-left: none; } }

.c5-anchor-list li:nth-child(1) {
  width: 13.91%; }

@media screen and (max-width: 768px) {
  .c5-anchor-list li:nth-child(1) {
    width: 49.55%; } }

.c5-anchor-list li:nth-child(2) {
  width: 21.66%; }

@media screen and (max-width: 768px) {
  .c5-anchor-list li:nth-child(2) {
    width: 49.55%; } }

.c5-anchor-list li:nth-child(3) {
  width: 18.33%; }

@media screen and (max-width: 768px) {
  .c5-anchor-list li:nth-child(3) {
    width: 49.55%;
    margin-top: .9%; } }

.c5-anchor-list li:nth-child(4) {
  width: 20.83%;
  border-right: 1px solid #d9d9d9; }

@media screen and (max-width: 768px) {
  .c5-anchor-list li:nth-child(4) {
    width: 49.55%;
    border-right: none;
    margin-top: .9%; } }

.c5-anchor-list li a {
  font-size: 16px;
  line-height: 1.3;
  position: relative;
  width: 100%;
  display: block;
  padding: 5px 0 30px;
  text-decoration: none; }

@media screen and (max-width: 768px) {
  .c5-anchor-list li a {
    font-size: 3.466vw;
    padding: 6.02% 0 15.16%; } }

.c5-anchor-list li a:before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000; }

@media screen and (max-width: 768px) {
  .c5-anchor-list li a:before {
    bottom: 25%;
    width: 4.52%;
    height: 2vw; } }

.c5-anchor-list li a:hover {
  opacity: .4; }

.c5-2column-flex {
  margin-top: 5%; }

@media screen and (max-width: 768px) {
  .c5-2column-flex {
    margin-top: 10%; } }

.c5-2column-flex-item01 {
  width: 73.33%;
  margin: 0 auto; }

.c5-2column-flex-item02 {
  width: 91.66%;
  margin: 0 auto; }

.c5-2column-flex-item02 .c5-fig-mt {
  margin-top: 10px; }

.c5-2column-flex-item-txt {
  font-size: 13px;
  text-align: center;
  line-height: 1.3;
  margin-top: 3.33%; }

.c5-2column-flex-txt {
  font-size: 16px;
  line-height: 1.6;
  width: 96.66%; }

@media screen and (max-width: 768px) {
  .c5-2column-flex-txt {
    font-size: 13px; } }

.c5-2column-flex .c5-2column-flex-txt + .c5-2column-flex-txt {
  margin-top: 30px; }

.c5-txt-note {
  font-size: 12px;
  margin-top: 30px;
  color: #83838f; }

@media screen and (max-width: 768px) {
  .c5-txt-note {
    margin-top: 15px; } }

.c5-txt-note + .c5-txt-note {
  margin-top: 10px; }

@media screen and (max-width: 768px) {
  .c5-txt-note + .c5-txt-note {
    margin-top: 8px; } }

.c5-contact-btn {
  width: 47.5%; }

@media screen and (max-width: 768px) {
  .c5-contact-btn {
    width: 71.64%; } }

.c5-know {
  background: #f0fafc;
  padding: 1.66% 0;
  margin-bottom: 5%; }

.c5-know-ttl {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #0b8495; }

.c5-know-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c5-know-list-item {
  margin-top: 1.66%;
  width: 50%; }

.c5-know-list-item a {
  display: block;
  width: 95%;
  margin: 0 auto; }

.c5-know-list-item a:hover {
  opacity: .7; }

@media screen and (max-width: 768px) {
  .c5-know {
    padding: 5.33vw 20px 6.66vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 8vw; }
  .c5-know-ttl {
    font-size: 4vw; }
  .c5-know-list {
    margin-top: 1.33vw; }
  .c5-know-list-item {
    margin-top: 2.66%;
    width: 100%; }
  .c5-know-list-item a {
    width: 100%; } }

.c5-jirei {
  margin-bottom: 5%; }

.c5-jirei-img a {
  display: block; }

.c5-jirei-img a:hover {
  opacity: .7; }

@media screen and (max-width: 768px) {
  .c5-jirei {
    margin-bottom: 8vw; } }

.c5-signage-tips {
  width: 81.66%;
  margin: 5% auto 0;
  padding: 2.5% 5%;
  background: #f0fafc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.c5-signage-tips:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8.16%;
  padding-top: 8.16%;
  background: url(/bravia-biz/images/signage/signage_ico_tips.png) no-repeat;
  background-size: contain;
  margin: -1% 0 0 -4%; }

@media screen and (max-width: 768px) {
  .c5-signage-tips {
    width: 100%;
    margin-top: 20%;
    padding: 13.3% 4%; }
  .c5-signage-tips:before {
    width: 21.33%;
    padding-top: 21.33%;
    left: 50%;
    margin: -10.6% 0 0 -10.6%; } }

.c5-signage-tips .c5-smail-txt {
  font-size: 14px; }

@media screen and (max-width: 768px) {
  .c5-signage-tips .c5-smail-txt {
    font-size: 3.2vw; } }

.c5-exsample {
  background: #f0fafc;
  padding: 4.16% 0 5.83%;
  margin-bottom: 3%; }

.c5-exsample-ttl {
  font-size: 26px;
  color: #0b8495;
  font-weight: 700;
  text-align: center;
  line-height: 1.3; }

@media screen and (max-width: 768px) {
  .c5-exsample-ttl {
    font-size: 4.8vw;
    width: 89.55%;
    margin: 0 auto; } }

.c5-exsample-item {
  width: 95.83%;
  margin: 2.5% auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 768px) {
  .c5-exsample-item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-exsample-item-list {
  width: 32.17%; }

@media screen and (max-width: 768px) {
  .c5-exsample-item-list {
    width: 89.55%;
    margin: 4% auto 0; } }

.c5-exsample-item-list a {
  display: block; }

.c5-exsample-item-list a:hover {
  opacity: .7; }

.c5-exsample .c5-contact-btn {
  margin: 3.33% auto 0; }

@media screen and (max-width: 768px) {
  .c5-exsample .c5-contact-btn {
    margin: 4% auto 0; } }

.c5-suggest {
  width: 86.66%;
  margin: 4.166% auto 0;
  padding: 10px;
  position: relative; }

@media screen and (max-width: 768px) {
  .c5-suggest {
    width: 100%;
    padding: 2.9%;
    margin: 9.33% auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

.c5-suggest__main {
  background: #f5f5f5;
  padding: 2.4% 0 3.365%; }

@media screen and (max-width: 768px) {
  .c5-suggest__main {
    padding: 7.93%; } }

.c5-suggest__ttl {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2.4%; }

@media screen and (max-width: 768px) {
  .c5-suggest__ttl {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 4.687%; } }

.c5-suggest__txt {
  font-size: 16px;
  text-align: center;
  line-height: 1.625; }

@media screen and (max-width: 768px) {
  .c5-suggest__txt {
    font-size: 13px; } }

.c5-suggest__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 63.46%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-suggest__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 75%; } }

.c5-suggest__btn .c5-contact-btn {
  width: 46.96%; }

@media screen and (max-width: 768px) {
  .c5-suggest__btn .c5-contact-btn {
    width: 100%; } }

.c5-suggest__btn .c5-contact-btn a {
  font-size: 16px; }

@media screen and (max-width: 768px) {
  .c5-suggest__btn .c5-contact-btn a {
    font-size: 13px; } }

.c5-suggest__top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-top: 2px solid #5787f4;
  border-left: 2px solid #5787f4; }

.c5-suggest__top:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-top: 2px solid #5787f4;
  border-right: 2px solid #5787f4; }

.c5-suggest__btm:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-bottom: 2px solid #5787f4;
  border-left: 2px solid #5787f4; }

.c5-suggest__btm:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-bottom: 2px solid #5787f4;
  border-right: 2px solid #5787f4; }

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

@media screen and (max-width: 768px) {
  .c5-dounyu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-dounyu ul li {
  width: 32.5%; }

@media screen and (max-width: 768px) {
  .c5-dounyu ul li {
    width: 100%; }
  .c5-dounyu ul li + li {
    margin-top: 2.666%; } }

.c5-dounyu ul li a {
  display: block;
  text-decoration: none;
  position: relative; }

.c5-dounyu ul li a:hover {
  opacity: .7; }

.c5-dounyu ul li a dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #23909f; }

.c5-dounyu ul li a dl dt {
  width: 51.315%; }

.c5-dounyu ul li a dl dd {
  padding: 5.263% 5.263% 0 2.564%;
  font-size: 16px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5; }

@media screen and (max-width: 1260px) {
  .c5-dounyu ul li a dl dd {
    font-size: 1.269vw;
    padding: 5.263% 5.263% 0 2.564%; } }

@media screen and (max-width: 768px) {
  .c5-dounyu ul li a dl dd {
    font-size: 3.666vw; } }

.c5-dounyu ul li a dl:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.846%;
  height: 100%;
  background: #23909f; }

.c5-dounyu ul li a dl:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 1.3%;
  width: 2.5%;
  padding-top: 2.5%;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.c5-dounyu__btn .c5-contact-btn {
  margin: 5% auto; }

.c5-dounyu__btn .c5-contact-btn a {
  font-size: 18px; }

.c5-visual {
  margin-bottom: 1.666%; }

@media screen and (max-width: 768px) {
  .c5-visual {
    margin-bottom: 4.477%; } }

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

@media screen and (max-width: 768px) {
  .c5-recommend ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-recommend ul li {
  width: 48.33%; }

@media screen and (max-width: 768px) {
  .c5-recommend ul li {
    width: 100%; } }

.c5-recommend ul li:nth-child(n+3) {
  margin-top: 1.666%; }

@media screen and (max-width: 768px) {
  .c5-recommend ul li:nth-child(n+2) {
    margin-top: 2.98%; } }

.c5-recommend ul li a {
  display: block;
  text-decoration: none; }

.c5-recommend ul li a:hover {
  opacity: .7; }

.c5-recommend ul li a dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.724% 0 1.724% 1.724%;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.c5-recommend ul li a dl dt {
  width: 50%;
  margin-right: 1.724%; }

  .c5-recommend ul li a dl dd {
    width: 48.275%;
    font-size: 18px; }
  
  @media screen and (max-width: 1260px) {
    .c5-recommend ul li a dl dd {
      font-size: 1.4vw; } }
  
  @media screen and (max-width: 768px) {
    .c5-recommend ul li a dl dd {
      font-size: 2.8vw; } }

.c5-recommend ul li a dl::before {
  content: "";
  position: absolute;
  top: 6%;
  right: 0;
  width: 2.63%;
  height: 90%;
  background: #23909f; }

.c5-recommend ul li a dl:after {
  content: "";
  position: absolute;
  top: 46%;
  right: .9%;
  width: 2.1%;
  padding-top: 2.1%;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.c5-contentslist {
  width: 700px;
  border: 1px solid #cccccc;
  padding: 1.666%;
  margin: 1.666% 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media screen and (max-width: 768px) {
  .c5-contentslist {
    width: 100%;
    padding: 2.98%;
    margin: 6.66% 0 12%; } }

.c5-contentslist__ttl {
  font-size: 20px;
  font-weight: 700;
  color: #0b8495; }

.c5-contentslist ul li {
  margin-top: 3.33%;
  padding-left: 1em;
  text-indent: -1em; }

.c5-contentslist ul li a {
  text-decoration: none;
  line-height: 1.5; }

@media screen and (max-width: 768px) {
  .c5-contentslist ul li a {
    font-size: 13px;
    line-height: 1.8; } }

.c5-contentslist ul li a:hover {
  opacity: .7; }

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

@media screen and (max-width: 768px) {
  .c5-use ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-use ul li {
  width: 48.33%; }

@media screen and (max-width: 768px) {
  .c5-use ul li {
    width: 100%;
    margin-top: 4.166%; } }

.c5-use ul li:nth-child(n+3) {
  margin-top: 4.166%; }

.c5-use__ttl {
  font-size: 20px;
  font-weight: 700;
  color: #2f353d;
  margin-bottom: 1.666%; }

@media screen and (max-width: 768px) {
  .c5-use__ttl {
    font-size: 16px;
    margin-bottom: 2.66%; } }

.c5-use__img {
  margin-bottom: 1.666%; }

.c5-use__txt {
  font-size: 16px;
  line-height: 1.875;
  margin-bottom: 1.666%; }

@media screen and (max-width: 768px) {
  .c5-use__txt {
    font-size: 13px; } }

.c5-use__btn {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle; }

.c5-use__btn a {
  display: block;
  text-align: left;
  min-width: 9em;
  padding: .7em 5em .7em 0;
  background: #0b8495;
  color: #fff;
  text-decoration: none;
  position: relative; }

@media screen and (max-width: 768px) {
  .c5-use__btn a {
    font-size: 12px;
    padding: .7em 3em .7em 0; } }

.c5-use__btn a::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  top: 40%;
  right: 7%;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.c5-use__btn a:hover {
  opacity: .7; }

.c5-use .c5-merit__ttl {
  font-size: 18px;
  font-weight: 700;
  color: #0b8495;
  margin-bottom: 1.666%; }

@media screen and (max-width: 768px) {
  .c5-use .c5-merit__ttl {
    font-size: 16px;
    margin-bottom: 2.66%; } }

.c5-use dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c5-use dl dt {
  min-width: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  border-radius: 15px;
  font-weight: 700;
  padding: 5px 10px; }

@media screen and (max-width: 768px) {
  .c5-use dl dt {
    font-size: 13px; } }

.c5-use dl dd {
  font-size: 16px;
  font-weight: 700;
  padding: 5px 0 0 10px; }

@media screen and (max-width: 768px) {
  .c5-use dl dd {
    font-size: 13px; } }

.c5-use dl.c5-merit {
  margin-bottom: 10px; }

.c5-use dl.c5-merit dt {
  color: #fff;
  background: #0b8495; }

.c5-use dl.c5-merit dd {
  color: #0b8495; }

.c5-use dl.c5-demerit dt {
  color: #fff;
  background: #979a9e; }

.c5-use dl.c5-demerit dd {
  color: #2c333d; }

.c5-reason dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.08%; }

@media screen and (max-width: 768px) {
  .c5-reason dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 5.333%; } }

.c5-reason dl dt {
  width: 32.5%; }

@media screen and (max-width: 768px) {
  .c5-reason dl dt {
    width: 58.2%;
    margin: 0 auto; } }

.c5-reason dl dd {
  width: 66.25%;
  line-height: 1.625; }

@media screen and (max-width: 768px) {
  .c5-reason dl dd {
    width: 100%;
    font-size: 13px;
    margin-top: 4%; } }

.c5-stand {
  background: #f5f5f5;
  padding: 2.4%;
  margin-top: 8.62%; }

.c5-stand__txt {
  line-height: 1.5; }

@media screen and (max-width: 768px) {
  .c5-stand__txt {
    font-size: 13px; } }

.c5-stand__btn .c5-contact-btn {
  width: 100%; }

.c5-stand__btn .c5-contact-btn a {
  font-size: 16px;
  padding: .7em 1em;
  text-align: center; }

@media screen and (max-width: 768px) {
  .c5-stand__btn .c5-contact-btn a {
    font-size: 13px; } }

@media screen and (max-width: 768px) {
  .c5-stand__btn__br .c5-contact-btn a {
    text-indent: -.2rem;
    padding-left: 1rem; } }

@media screen and (max-width: 768px) {
  .c5-stand__btn__br .c5-contact-btn a:before {
    margin: 0 0 .05em 0; } }

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

@media screen and (max-width: 768px) {
  .c5-stand__btn__2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-stand__btn__2column .c5-contact-btn {
  width: 45%; }

@media screen and (max-width: 768px) {
  .c5-stand__btn__2column .c5-contact-btn {
    width: 100%; } }

.c5-stand__btn__2column .c5-contact-btn a {
  text-align: center; }

.c5-table {
  width: 75%;
  margin: 25px auto 0; }

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

.c5-table table {
  width: 100%; }

.c5-table table td, .c5-table table th {
  border: 1px solid #97b8bd;
  padding: 10px; }

@media screen and (max-width: 768px) {
  .c5-table table td, .c5-table table th {
    font-size: 10px;
    padding: 1%; } }

.c5-table table tr th {
  font-weight: 700;
  background: #97dee8;
  vertical-align: middle; }

.c5-table table tr th:nth-child(1) {
  text-align: left;
  background: #63cedd; }

.c5-table table tr td {
  text-align: center;
  vertical-align: middle;
  line-height: 1.5; }

.c5-table table tr td:nth-child(1) {
  text-align: left;
  font-weight: 700;
  background: #97dee8; }

.c5-step {
  margin: 2.91667% 0; }

.c5-step dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c5-step dl dt {
  width: 130px;
  min-width: 130px;
  height: 88px;
  font-size: 16px;
  color: #fff;
  line-height: 2.5;
  text-align: center; }

@media screen and (max-width: 768px) {
  .c5-step dl dt {
    min-width: 65px;
    width: 17.333%;
    line-height: 1.5;
    font-size: 3.466vw;
    padding-top: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

.c5-step dl dt span {
  margin-left: 8px;
  font-size: 28px;
  font-weight: 700; }

@media screen and (max-width: 768px) {
  .c5-step dl dt span {
    margin-left: 0;
    font-size: 5.333vw; } }

.c5-step dl:nth-child(1) dt {
  background: url(/bravia-biz/images/signage/step01_bg_pc.png) no-repeat center center;
  background-size: cover; }

@media screen and (max-width: 768px) {
  .c5-step dl:nth-child(1) dt {
    background: url(/bravia-biz/images/signage/step01_bg_sp.png) no-repeat center center;
    background-size: cover;
    height: 25.066vw; } }

.c5-step dl:nth-child(2) dt {
  background: url(/bravia-biz/images/signage/step02_bg_pc.png) no-repeat center center;
  background-size: cover; }

@media screen and (max-width: 768px) {
  .c5-step dl:nth-child(2) dt {
    background: url(/bravia-biz/images/signage/step02_bg_sp.png) no-repeat center center;
    background-size: cover;
    height: 24.666vw; } }

.c5-step dl:nth-child(3) dt {
  background: url(/bravia-biz/images/signage/step03_bg_pc.png) no-repeat center center;
  background-size: cover; }

@media screen and (max-width: 768px) {
  .c5-step dl:nth-child(3) dt {
    background: url(/bravia-biz/images/signage/step03_bg_sp.png) no-repeat center center;
    background-size: cover;
    height: 31.2vw; } }

.c5-step dl:nth-child(4) dt {
  background: url(/bravia-biz/images/signage/step04_bg_pc.png) no-repeat center center;
  background-size: cover; }

@media screen and (max-width: 768px) {
  .c5-step dl:nth-child(4) dt {
    background: url(/bravia-biz/images/signage/step04_bg_sp.png) no-repeat center center;
    background-size: cover;
    height: 25.066vw; } }

.c5-step dl:nth-child(5) dt {
  background: url(/bravia-biz/images/signage/step05_bg_pc.png) no-repeat center center;
  background-size: cover; }

@media screen and (max-width: 768px) {
  .c5-step dl:nth-child(5) dt {
    background: url(/bravia-biz/images/signage/step05_bg_sp.png) no-repeat center center;
    background-size: cover;
    height: 28.8vw; } }

.c5-step dl:nth-child(6) dt {
  height: 72px;
  background: url(/bravia-biz/images/signage/step06_bg_pc.png) no-repeat center center;
  background-size: cover; }

@media screen and (max-width: 768px) {
  .c5-step dl:nth-child(6) dt {
    background: url(/bravia-biz/images/signage/step06_bg_sp.png) no-repeat center center;
    background-size: cover;
    height: 21.33vw; } }

.c5-step dl dd {
  margin-left: 10px;
  line-height: 1.875; }

@media screen and (max-width: 768px) {
  .c5-step dl dd {
    font-size: 3.466vw; } }

.c5-step dl dd span {
  font-weight: 700; }

.c5-step__btn {
  width: 41.66%; }

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

.c5-step__btn .c5-contact-btn {
  width: 100%; }

.c5-step__btn .c5-contact-btn a {
  font-size: 16px;
  padding: .7em 1em;
  text-align: center; }

@media screen and (max-width: 768px) {
  .c5-step__btn .c5-contact-btn a {
    font-size: 13px; } }

.c5-cost ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 85%;
  margin: 0 auto;
  padding: 2.45%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  line-height: 1.4em; }

@media screen and (max-width: 768px) {
  .c5-cost ul {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5.9%; } }

.c5-cost ul .tcenter {
  margin-top: 25px; }

@media screen and (max-width: 768px) {
  .c5-cost ul .tcenter {
    text-align: center; } }

.c5-cost ul li:nth-child(1) {
  width: 25.49%; }

@media screen and (max-width: 768px) {
  .c5-cost ul li:nth-child(1) {
    width: 69.066%;
    margin: 0 auto; }
  .c5-cost ul li:nth-child(1) img {
    width: 100%; } }

.c5-cost ul li:nth-child(2) {
  width: 70.83%; }

@media screen and (max-width: 768px) {
  .c5-cost ul li:nth-child(2) {
    width: 100%; } }

.c5-cost__ttl {
  font-size: 18px;
  font-weight: 700; }

@media screen and (max-width: 768px) {
  .c5-cost__ttl {
    font-size: 14px;
    text-align: center; } }

.c5-cost__txt {
  font-size: 16px;
  margin-top: 10px; }

@media screen and (max-width: 768px) {
  .c5-cost__txt {
    text-align: center;
    font-size: 13px; } }

.c5-cost__btn {
  width: 72.46%; }

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

.c5-cost__btn .c5-contact-btn {
  width: 100%; }

.c5-cost__btn .c5-contact-btn a {
  font-size: 16px;
  padding: .7em 1em;
  text-align: left; }

@media screen and (max-width: 768px) {
  .c5-cost__btn .c5-contact-btn a {
    font-size: 13px; } }

.c5-pdfdownload dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border: #2fbed2 2px solid;
  padding: 15px 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 50px; }

@media screen and (max-width: 768px) {
  .c5-pdfdownload dl {
    display: block;
    width: 100%;
    padding: 25px 35px; } }

.c5-pdfdownload dl dt {
  width: 16%; }

@media screen and (max-width: 768px) {
  .c5-pdfdownload dl dt {
    width: 39%;
    margin-left: auto;
    margin-right: auto; }
  .c5-pdfdownload dl dt .tcenter {
    text-align: center;
    margin-top: 20px; }
  .c5-pdfdownload dl dt img {
    width: 100%; } }

.c5-pdfdownload dl dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 81%;
  padding-top: 20px; }

@media screen and (max-width: 768px) {
  .c5-pdfdownload dl dd {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .c5-pdfdownload dl dd .tcenter {
    text-align: center;
    margin-top: 20px; } }

.c5-pdfdownload dl dd p.c5-title {
  color: #0b8495;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.4em; }

.c5-pdfdownload dl dd p.c5-txt {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 25px; }

.c5-size {
  margin-top: 2.45%; }

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

.c5-size__ttl {
  font-size: 20px;
  font-weight: 700;
  color: #2f353d;
  margin-bottom: 2.45%; }

@media screen and (max-width: 768px) {
  .c5-size__ttl {
    font-size: 16px;
    margin-bottom: 4.34%; } }

.c5-size ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.45%; }

@media screen and (max-width: 768px) {
  .c5-size ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 4.34%; } }

.c5-size ul li {
  width: 32.5%; }

@media screen and (max-width: 768px) {
  .c5-size ul li {
    width: 100%; }
  .c5-size ul li + li {
    margin-top: 4.34%; } }

.c5-size__txt {
  font-size: 18px;
  font-weight: 700;
  color: #0b8495;
  margin-bottom: 1.225%; }

@media screen and (max-width: 768px) {
  .c5-size__txt {
    font-size: 14px;
    margin-bottom: 2.5%; } }

.c5-about-flex-01 {
  width: 63.33%; }

.c5-about-flex-01 .c5-2column-flex-txt {
  width: 94.73%; }

@media screen and (max-width: 768px) {
  .c5-about-flex-01 {
    width: 100%; }
  .c5-about-flex-01 .c5-2column-flex-txt {
    width: 100%; } }

.c5-about-flex-02 {
  width: 36.66%; }

.c5-about-flex-02 .c5-2column-flex-item-02 {
  width: 100%; }

@media screen and (max-width: 768px) {
  .c5-about-flex-02 {
    width: 90%;
    margin: 5.33vw auto 0; } }

.c5-about-flex-03 .c5-2column-flex-item-03 {
  width: 73.33%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-about-flex-03 .c5-2column-flex-item-03 {
    width: 90%;
    margin: 5.33vw auto 0; } }

.c5-about-flex-04 .c5-2column-flex-item-04 {
  width: 83.33%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-about-flex-04 .c5-2column-flex-item-04 {
    width: 90%;
    margin: 5.33vw auto 0; } }

.c5-about .c5-about-2column-flex-02 {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.c5-type-box {
  margin-top: 3.33%; }

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

@media screen and (max-width: 768px) {
  .c5-type-2column-flex-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-type-flex-01 .c5-2column-flex-item-01 {
  width: 91.66%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-type-flex-01 {
    width: 100%; } }

.c5-type-flex-02 .c5-2column-flex-item-02 {
  width: 96.66%;
  margin-left: auto; }

.c5-type-flex-02 .c5-2column-flex-item-02 .c5-2column-flex-txt {
  width: 100%; }

.c5-type-flex-02 .c5-2column-flex-item-02 .c5-2column-flex-txt + .c5-2column-flex-txt {
  margin-top: 5.17%; }

.c5-type-flex-02 .c5-2column-flex-item-02 .c5-2column-flex-txt .c5-bold {
  font-weight: 700; }

@media screen and (max-width: 768px) {
  .c5-type-flex-02 {
    width: 90%;
    margin: 5.33vw auto 0; }
  .c5-type-flex-02 .c5-2column-flex-item-02 {
    width: 100%; } }

.c5-type-flex-03 .c5-2column-flex-item-03 {
  width: 73.33%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-type-flex-03 .c5-2column-flex-item-03 {
    width: 90%;
    margin: 5.33vw auto 0; } }

.c5-type-flex-04 .c5-2column-flex-item-04 {
  width: 83.33%;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-type-flex-04 .c5-2column-flex-item-04 {
    width: 90%;
    margin: 5.33vw auto 0; } }

.c5-type-flex-05 {
  width: 60%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.c5-type-flex-05 .c5-2column-flex-item-05 {
  width: 100%; }

.c5-type-flex-05 .c5-2column-flex-item-05 .c5-2column-flex-txt {
  width: 100%; }

.c5-type-flex-05 .c5-2column-flex-item-05 .c5-c-another-item__btn {
  width: 100%;
  margin-top: 6.94%; }

.c5-type-flex-05 .c5-2column-flex-item-05 .c5-c-another-item__btn a {
  font-size: 16px;
  line-height: 1.6;
  padding: 1.72% 5.55% 1.72% 1.72%; }

@media screen and (max-width: 768px) {
  .c5-type-flex-05 {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 4vw; }
  .c5-type-flex-05 .c5-2column-flex-item-05 .c5-c-another-item__btn a {
    padding: 1.72%; } }

.c5-type-flex-06 {
  width: 36.66%;
  margin-left: auto;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.c5-type-flex-06 .c5-2column-flex-item-06 {
  width: 100%; }

@media screen and (max-width: 768px) {
  .c5-type-flex-06 {
    width: 90%;
    margin: 0 auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

.c5-type .c5-item__btn {
  width: 100%;
  margin: 4.34% auto 0; }

.c5-type .c5-item__btn a {
  display: block;
  font-size: 16px;
  line-height: 1.6;
  padding: 1.72%;
  color: #fff;
  background: #5787f4;
  text-decoration: none;
  text-align: center; }

.c5-type .c5-item__btn a:before {
  content: "\f0da";
  font-family: icon,sans-serif;
  speak: none;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: 0 .6em .05em 0; }

@media screen and (max-width: 768px) {
  .c5-type .c5-item__btn {
    width: 100%; } }

.c5-simple .c5-c-mainvisual {
  margin-bottom: 5%; }

.c5-simple .c5-c-sec {
  margin-bottom: 6.66%; }

.c5-simple .c5-construction__img {
  padding: 0;
  background: #fff; }

.c5-simple .c5-construction__ttl {
  position: relative;
  width: 16.66%;
  background: #0b8495;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

@media screen and (max-width: 768px) {
  .c5-simple .c5-construction__ttl {
    width: 33.66%; } }

.c5-simple .c5-un-construction--another {
  padding: 0 0 5% 0; }

.c5-simple .c5-c-h2 {
  margin-top: 1.66%; }

.c5-simple .c5-c-flex__lirt__li {
  width: 38.33%; }

@media screen and (max-width: 768px) {
  .c5-simple .c5-c-flex__lirt__li {
    width: 90%;
    margin: 0 auto; }
  .c5-simple .c5-c-flex__lirt__li .c5-un-construction__img {
    width: 100%;
    margin-bottom: 5.7971%; } }

.c5-simple .c5-item__btn {
  width: 48.33%;
  margin: 5% auto 0; }

.c5-simple .c5-item__btn a {
  display: block;
  font-size: 16px;
  line-height: 1.6;
  padding: 1.72% 6.03%;
  color: #fff;
  background: #5787f4;
  text-decoration: none; }

.c5-simple .c5-item__btn a:before {
  content: "\f0da";
  font-family: icon,sans-serif;
  speak: none;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: 0 .6em .05em 0; }

.c5-simple .c5-item__btn a:hover {
  opacity: .7; }

@media screen and (max-width: 768px) {
  .c5-simple .c5-item__btn {
    width: 78.125%;
    margin: 4.68019% auto 0; } }

.c5-simple .c5-c-bzmmodel__inner .c5-model01 {
  margin-bottom: 18.2%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model02 {
  margin-top: 7%;
  margin-bottom: 13.2%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model03 {
  margin-top: 12%;
  margin-bottom: 12%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model04 {
  margin-top: 14%;
  margin-bottom: 12%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model05 {
  margin-top: 12%;
  margin-bottom: 12%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model06 {
  margin-top: 12%;
  margin-bottom: 12%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model07 {
  margin-top: 12%;
  margin-bottom: 12%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model08 {
  margin-top: 7%;
  margin-bottom: 13%; }

.c5-simple .c5-c-bzmmodel__inner .c5-model09 {
  margin-top: 12%;
  margin-bottom: 12%; }

.c5-network .c5-c-mainvisual {
  margin-bottom: 8.33%; }

.c5-solution .c5-anchor-list li:nth-child(1) {
  width: 20.833%; }

@media screen and (max-width: 768px) {
  .c5-solution .c5-anchor-list li:nth-child(1) {
    width: 49.55%; } }

.c5-solution .c5-anchor-list li:nth-child(2) {
  width: 23.33%; }

@media screen and (max-width: 768px) {
  .c5-solution .c5-anchor-list li:nth-child(2) {
    width: 49.55%; } }

.c5-solution .c5-anchor-list li:nth-child(3) {
  width: 20.833%; }

@media screen and (max-width: 768px) {
  .c5-solution .c5-anchor-list li:nth-child(3) {
    width: 49.55%;
    margin-top: .9%; } }

.c5-solution .c5-anchor-list li:nth-child(3) a {
  padding: 20px 0 30px; }

.c5-solution .c5-anchor-list li:nth-child(4) {
  width: 14.166%; }

@media screen and (max-width: 768px) {
  .c5-solution .c5-anchor-list li:nth-child(4) {
    width: 49.55%;
    margin-top: .9%; } }

.c5-solution .c5-anchor-list li:nth-child(4) a {
  padding: 20px 0 30px; }

@media screen and (max-width: 768px) {
  .c5-solution .c5-anchor-list li a {
    font-size: 3.466vw;
    padding: 6.02% 0 15.16%; } }

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

@media screen and (max-width: 768px) {
  .c5-solution .c5-contents ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-solution .c5-contents ul li {
  width: 48.333%; }

@media screen and (max-width: 768px) {
  .c5-solution .c5-contents ul li {
    width: 100%;
    margin-top: 6%; } }

.c5-solution .c5-contents ul li p {
  line-height: 1.875; }

.c5-solution .c5-contents ul li .c5-font-bold {
  font-weight: 700; }

.c5-solution .c5-contents ul li figure {
  margin-top: 6.896%; }

.c5-solution .c5-contents ul + ul {
  margin-top: 5%; }

@media screen and (max-width: 768px) {
  .c5-solution .c5-contents ul + ul {
    margin-top: 0; } }

.c5-solution .c5-contents .c5-letter-space {
  letter-spacing: -.1px; }

.c5-solution .c5-value ul li figure {
  margin-top: 0; }

.c5-signage-notice {
  margin-top: 5%;
  padding: 1.25%;
  background: #f0fafc; }

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

.c5-signage-notice .c5-c-text {
  padding-left: 1rem;
  text-indent: -1rem; }

.c5-signage-notice .c5-c-text + .c5-c-text {
  margin-top: .833%; }

@media screen and (max-width: 768px) {
  .c5-signage-notice .c5-c-text + .c5-c-text {
    margin-top: 2.66%; } }

.c5-pdf-btn {
  width: 47.5%; }

.c5-pdf-btn.c5-mb {
  margin-bottom: 50px; }

@media screen and (max-width: 768px) {
  .c5-pdf-btn.c5-mb {
    margin-bottom: 10%; } }

@media screen and (max-width: 768px) {
  .c5-pdf-btn {
    width: 71.64%; } }

.c5-pdf-btn a {
  padding: 6.50877% 0;
  line-height: 1.5; }

.c5-pdf-btn a span {
  font-size: 16px;
  line-height: 1.2; }

@media screen and (max-width: 768px) {
  .c5-pdf-btn a span {
    font-size: 2.13vw; } }

.c5-pdf-btn a:before {
  content: "";
  background: url(/bravia-biz/images/signage/btn_link_pdf.png) no-repeat center center;
  background-size: cover;
  width: 4.21%;
  padding-top: 5.64%; }

@media screen and (max-width: 768px) {
  .c5-pdf-btn a:before {
    width: 5%;
    padding-top: 6.66%; } }

.c5-ttl_wrap {
  position: relative; }

.c5-ttl_wrap .c5-link_pdf {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%; }

@media screen and (max-width: 768px) {
  .c5-ttl_wrap .c5-link_pdf {
    top: 70%;
    width: 100%;
    height: 30%; } }

.c5-ttl_wrap .c5-link_pdf a {
  display: block;
  height: 100%; }

.c5-form {
  width: 79.1%;
  margin: 0 auto;
  background: #f5f5f5;
  text-align: center;
  padding: 4.2% 0; }

@media screen and (max-width: 768px) {
  .c5-form {
    width: 94%;
    padding: 6.25% 0; } }

.c5-form__ttl {
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 2.4%; }

@media screen and (max-width: 768px) {
  .c5-form__ttl {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 4.687%; } }

.c5-form__txt {
  line-height: 1.625; }

@media screen and (max-width: 768px) {
  .c5-form__txt {
    font-size: 13px; } }

.c5-form__btn {
  margin-top: 2.63%; }

.c5-form__btn .s5-button {
  font-size: 16px;
  padding: 13px 90px; }

@media screen and (max-width: 768px) {
  .c5-form__btn .s5-button {
    padding: 3% 15%;
    font-size: 13px; } }

.c5-cost__table {
  width: 79.166%;
  margin: 4.166% auto 0; }

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

.c5-cost__table .c5-table__note span {
  display: inline-block;
  margin-right: 20px; }

@media screen and (max-width: 768px) {
  .c5-cost__table .c5-table__note span {
    margin-right: 1%;
    font-size: 10px; } }

.c5-cost__table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1%; }

.c5-cost__table table tr th {
  font-weight: 700;
  background: #d9d9d9;
  border: 2px solid #000;
  padding: 5px 0;
  vertical-align: middle; }

@media screen and (max-width: 768px) {
  .c5-cost__table table tr th span {
    font-size: 10px; } }

@media screen and (max-width: 768px) {
  .c5-cost__table table tr th {
    font-size: 12px; } }

.c5-cost__table table tr td {
  border: 1px solid #000;
  border-right: 2px solid #000;
  text-align: center;
  padding: 5px 0; }

.c5-cost__table table tr td:nth-child(1) {
  border-left: 2px solid #000; }

@media screen and (max-width: 768px) {
  .c5-cost__table table tr td {
    font-size: 10px; } }

.c5-cost__table table tr:last-child {
  border-bottom: 2px solid #000; }

.c5-cost__table table tr:nth-child(1) th:nth-child(1) {
  width: 15%; }

@media screen and (max-width: 768px) {
  .c5-cost__table table tr:nth-child(1) th:nth-child(1) {
    width: 19%; } }

.c5-cost__table table tr:nth-child(1) th:nth-child(2) {
  width: 21.66%; }

@media screen and (max-width: 768px) {
  .c5-cost__table table tr:nth-child(1) th:nth-child(2) {
    width: 24%; } }

.c5-cost__table table tr:nth-child(2) th {
  width: 21.66%; }

.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%; } }

.c5-cardealer_jirei {
  margin-top: 100px;
  border: 1px solid #aaa; }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei {
    margin-top: 60px; } }

.c5-cardealer_jirei dl {
  padding: 2.5%; }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei dl {
    padding: 6.716% 2.2%; } }

.c5-cardealer_jirei dl dt {
  padding-bottom: 20px;
  border-bottom: 1px solid #aaa; }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei dl dt {
    padding-bottom: 6.25%; } }

.c5-cardealer_jirei dl dt .c5-cardealer_jirei_ttl {
  font-size: 28px;
  font-weight: 700;
  color: #2f353d; }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei dl dt .c5-cardealer_jirei_ttl {
    font-size: 18px;
    padding-left: 4em;
    text-indent: -4em;
    line-height: 1.5; } }

.c5-cardealer_jirei dl dt .c5-cardealer_jirei_subttl {
  font-size: 28px;
  font-weight: 700;
  color: #2f353d;
  margin-top: 8px;
  padding-left: 100px; }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei dl dt .c5-cardealer_jirei_subttl {
    font-size: 18px;
    margin-top: 15px;
    padding-left: 0; } }

.c5-cardealer_jirei dl dd {
  padding-top: 30px; }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei dl dd {
    padding-top: 4.6875%; } }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei dl dd .c5-cardealer_jirei_btn_wrap {
    text-align: center; } }

.c5-cardealer_jirei dl dd .c5-cardealer_jirei_btn {
  margin-top: 20px;
  background: #0b8495; }

@media screen and (max-width: 768px) {
  .c5-cardealer_jirei dl dd .c5-cardealer_jirei_btn {
    margin-top: 9.375%;
    font-size: 12px;
    line-height: 1.5;
    text-align: center; } }

.c5-cardealer_jirei dl dd .c5-cardealer_jirei_btn:hover {
  opacity: .7; }

.c5-link_download {
  width: 85%;
  margin: 0 auto;
  border: 2px solid #2fbed2; }

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

.c5-link_download ul {
  padding: 15px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 768px) {
  .c5-link_download ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 35px; } }

.c5-link_download ul li:nth-child(1) {
  width: 15%; }

@media screen and (max-width: 768px) {
  .c5-link_download ul li:nth-child(1) {
    width: 61%;
    margin: 0 auto;
    text-align: center; } }

.c5-link_download ul li:nth-child(2) {
  width: 81%; }

@media screen and (max-width: 768px) {
  .c5-link_download ul li:nth-child(2) {
    width: 100%;
    margin-top: 20px; } }

.c5-link_download ul li .c5-link_download_ttl {
  font-size: 24px;
  color: #0b8495;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 30px; }

@media screen and (max-width: 768px) {
  .c5-link_download ul li .c5-link_download_ttl {
    font-size: 24px;
    margin-bottom: 20px; } }

@media screen and (max-width: 768px) {
  .c5-link_download ul li .c5-link_download_btn {
    text-align: center; } }

.c5-pickup {
  border: 2px solid #aaaaa9;
  padding: 4.16667%;
  position: relative;
  margin-top: 2.5%; }

@media screen and (max-width: 768px) {
  .c5-pickup {
    width: 80%;
    margin: 8% auto 0;
    padding: 5.33333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

.c5-pickup__ttl {
  position: absolute;
  top: -6%;
  left: 3%;
  background: #fff;
  padding: 0 2%; }

@media screen and (max-width: 768px) {
  .c5-pickup__ttl {
    font-size: 4.26667vw;
    padding: 0 5%;
    left: 5%; } }

.c5-pickup__link a {
  text-decoration: underline;
  line-height: 1.5;
  display: block; }

@media screen and (max-width: 768px) {
  .c5-pickup__link a {
    font-size: 3.73333vw; } }

.c5-pickup__link a:hover {
  text-decoration: none; }

.c5-pickup__link a:nth-child(2n) {
  margin-top: 1em; }

.c5-pickup__link + .c5-pickup__link {
  margin-top: 2%; }

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

.c5-bnr__cosultation {
  max-width: 920px;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-bnr__cosultation {
    width: 81.33vw; } }

.c5-link_ttl {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 5% 0 1%;
  line-height: 1.5; }

@media screen and (max-width: 768px) {
  .c5-link_ttl {
    font-size: 16px;
    margin: 10% 0 3%; } }

.c5-link_txt {
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: -2%; }

@media screen and (max-width: 768px) {
  .c5-link_txt {
    font-size: 13px; } }

.c5-link_form_signage {
  padding: .1% 0 3.3%;
  background: #f9f9f9;
  margin-top: 5%; }

@media screen and (max-width: 768px) {
  .c5-link_form_signage {
    padding: .1vw 2.6vw;
    margin-top: 6.66vw; } }

.c5-link_form_signage .c5-link_ttl {
  margin: 3.3% 0 1%; }

@media screen and (max-width: 768px) {
  .c5-link_form_signage .c5-link_ttl {
    margin: 4.66vw 0 3%; } }

@media screen and (max-width: 768px) {
  .c5-link_form_signage .c5-link_form {
    margin: 9.33% auto 5.5%; } }

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

@media screen and (max-width: 768px) {
  .c5-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-row + .c5-row {
  margin-top: 40px; }

@media screen and (max-width: 768px) {
  .c5-row + .c5-row {
    margin-top: 30px; } }

.c5-row .c5-row__col2 {
  width: 48.333%; }

@media screen and (max-width: 768px) {
  .c5-row .c5-row__col2 {
    width: 100%; }
  .c5-row .c5-row__col2 + .c5-row__col2 {
    margin-top: 30px; } }

.c5-anchor {
  margin-bottom: 40px; }

@media screen and (max-width: 768px) {
  .c5-anchor {
    margin-bottom: 20px; } }

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

@media screen and (max-width: 768px) {
  .c5-anchor ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-anchor ul li {
  width: 33.1666%;
  text-align: center; }

@media screen and (max-width: 768px) {
  .c5-anchor ul li {
    width: 100%;
    text-align: left; } }

@media screen and (max-width: 768px) {
  .c5-anchor ul li + li {
    margin-top: 10px; } }

.c5-anchor ul li:nth-child(n+4) {
  margin-top: 3px; }

@media screen and (max-width: 768px) {
  .c5-anchor ul li:nth-child(n+4) {
    margin-top: 10px; } }

.c5-anchor ul li.c5-anchor__col4 {
  width: 24.812%; }

@media screen and (max-width: 768px) {
  .c5-anchor ul li.c5-anchor__col4 {
    width: 100%; } }

.c5-anchor ul li.c5-anchor__col4:nth-child(n+4) {
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .c5-anchor ul li.c5-anchor__col4:nth-child(n+4) {
    margin-top: 10px; } }

.c5-anchor ul li a {
  display: block;
  background: #eaf8fa;
  color: #0b8495;
  position: relative;
  padding: 10px 0; }

@media screen and (max-width: 768px) {
  .c5-anchor ul li a {
    padding: 10px; } }

.c5-anchor ul li a:hover {
  text-decoration: none;
  opacity: .8; }

.c5-anchor ul li a span {
  content: "";
  display: inline-block;
  margin: 10px 8px 0 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.5px 7.5px 0 7.5px;
  border-color: #0b8495 transparent transparent transparent; }

@media screen and (max-width: 768px) {
  .c5-anchor ul li a span {
    border-width: 10px 5px 0 5px; } }

.c5-figure {
  margin-bottom: 30px; }

.c5-figure table {
  width: 100%; }

.c5-figure table tr td, .c5-figure table tr th {
  border: 1px solid #2fbed2;
  padding: 10px;
  width: 50%; }

@media screen and (max-width: 768px) {
  .c5-figure table tr td, .c5-figure table tr th {
    font-size: 3.73333vw; } }

.c5-figure table tr th:nth-child(1) {
  background: #eaffff;
  color: #0b8495; }

.c5-figure table tr th:nth-child(2) {
  background: #2fbed2;
  color: #fff; }

.c5-figure table tr td {
  text-align: left;
  vertical-align: top;
  line-height: 1.5; }

.c5-figure table tr td:nth-child(2) {
  background: #eaffff; }

.c5-figure table tr td span {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 13.9px;
  border-color: transparent transparent transparent #2fbed2; }

@media screen and (max-width: 768px) {
  .c5-figure table tr td span {
    border-width: 6px 0 6px 11px; } }

.c5-link__btn {
  width: 50%;
  margin-top: 1rem; }

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

.c5-link__btn a {
  display: block;
  font-size: 16px;
  padding: 12px 18px; }

@media screen and (max-width: 768px) {
  .c5-link__btn a {
    font-size: 3.46666vw;
    padding: .7em 1em; } }

.c5-table__02 {
  width: 100%;
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .c5-table__02 table td, .c5-table__02 table tr {
    font-size: 3.73333vw; } }

.c5-table__02 table tr td {
  vertical-align: top; }

.c5-table__02 table tr td:nth-child(1) {
  width: 40%; }

@media screen and (max-width: 768px) {
  .c5-table__02 table tr td:nth-child(1) {
    width: 44.776%; } }

.c5-table__02 table tr td:nth-child(2) {
  text-align: left; }

@media screen and (max-width: 768px) {
  .c5-table__02 table tr td:nth-child(2) {
    width: 55.22%; } }

.c5-link__form {
  padding: 25px; }

@media screen and (max-width: 768px) {
  .c5-link__form {
    padding: 6.25% 3%; } }

.c5-text__bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5; }

@media screen and (max-width: 768px) {
  .c5-text__bold {
    font-size: 4.266vw; } }
      .c5-anchor ul .c5-li__column4 {
        width: 24.75%;
        text-align: center; }
      
      @media screen and (max-width: 768px) {
        .c5-anchor ul li {
          width: 100%;
          text-align: left; } }
      @media screen and (max-width: 768px) {
        .c5-anchor ul .c5-li__column4 {
          width: 100%;
          text-align: left; } }
      .c5-sp__break {
        display: block;
      }
      @media screen and (max-width: 768px) {
        .c5-sp__break {
          display: none;
        }
      }
    @media screen and (max-width: 768px) {
      .c5-anchor ul li {
        width: 100%;
        text-align: left; } }

.c5-c-sec .c5-strong .c5-form .c5-ul__flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c5-c-sec .c5-strong .c5-form .c5-ul__flex {
    flex-direction: column; } }
.c5-anchor .c5-ul__column4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}

.c5-item__btn-02 {
  width: 82%;
  margin: 4.34% auto 0; }

  .c5-item__btn-02 a {
  display: block;
  font-size: 16px;
  line-height: 1.6;
  padding: 1.72%;
  max-width: 660px;
  margin: 0 auto;
  color: #fff;
  background: #5787f4;
  text-decoration: none;
  text-align: center; }

.c5-item__btn-02 a:before {
  content: "\f0da";
  font-family: icon,sans-serif;
  speak: none;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: 0 .6em .05em 0; }

@media screen and (max-width: 768px) {
.c5-item__btn-02 {
    width: 100%; } }

.c5-suggest__btn .c5-contact-btn-col3{
  width: 33.166%;
}
.test:before {
  content: "\f0da";
  font-family: icon,sans-serif;
  speak: none;
  color: #0b8495;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0.05em 18px;
  font-size: 28px;
}

.c5-suggest__main-blue {
  background: #eaf8fa;
  padding: 2.4% 0 3.365%;
}






.c5-s_01 .c5-accordion_one {
  margin: 0 auto;
}
.c5-s_01 .c5-accordion_one .c5-accordion_header {
  border: 2px solid #2fbed2;
  background: #eaf8fa;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding-left: 16px;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}

.c5-s_01 .c5-accordion_one .c5-accordion_header:hover {
  opacity: .8;
}
.c5-s_01 .c5-accordion_one .c5-accordion_header .c5-i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  background: url(/bravia-biz/signage/images/accordion-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -20px;
  box-sizing: border-box;
  transition-duration: 0.2s;
}
.c5-s_01 .c5-accordion_one .c5-accordion_header.c5-open{
  border: 2px solid #2fbed2;
  background: #fff;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding-left: 16px;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.c5-s_01 .c5-accordion_one .c5-accordion_header .c5-i_box .c5-one_i {
  display: block;
  width: 18px;
  height: 18px;
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.c5-s_01 .c5-accordion_one .c5-accordion_header.c5-open .c5-i_box {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.c5-s_01 .c5-accordion_one .c5-accordion_header .c5-i_box .c5-one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.c5-s_01 .c5-accordion_one .c5-accordion_header.c5-open .c5-i_box .c5-one_i:before {
  content: none;
}
.c5-s_01 .c5-accordion_one .c5-accordion_header.c5-open .c5-i_box .c5-one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.c5-s_01 .c5-accordion_one .c5-accordion_inner {
  display: none;
  box-sizing: border-box;
}

.c5-s_01 .c5-accordion_one .c5-accordion_inner .box_one {
  height: 300px;
}
.c5-s_01 .c5-accordion_one .c5-accordion_inner p.txt_a_ac {
  margin: 0;
}
.c5-accordion_title {
  text-align: left;
  font-size: 24px;
  font-weight: 400;
  color: #0b8495;
}
.c5-box_one {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px auto 36px;
}
.c5-2column-flex-txt-accordionItem {
  margin-left: 16px;
  font-size: 16px;
  line-height: 1.6;
  width: 96.66%; 
}
.c5-c-title__flex {
  display: flex;
  align-items: center;
}
.c5-c-title__flex span{
  margin-left: 16px;
}

@media screen and (max-width: 768px) {
  .c5-box_one {
      display: block; } }

      @media screen and (max-width: 768px) {
        .c5-suggest__btn .c5-contact-btn-col3{
          width: 100%;
        }}

.c5-flex__column2-bet {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-content: space-between;
}
.c5-flex__column2-betWrap {
  display: flex;
}
.c5-2column-flex-txt__wrap {
  margin-top: 27px;
  margin-bottom: 22px;
}

.c5-item__btnLarge a{
  padding: 13px;
}
.c5-type-flex-01 .c5-2column-flex-itemLarge {
  width: 100%;
}

.c5-three-element {
  margin: 20px 0 40px;
  color: #2c333d;
  font-size: 16px;
  padding: 15px 12px 15px 20px;
  border: 1px solid #97b8bd;
  line-height: 1.875;
  max-width: 600px;
}
.c5-three-element__title {
  font-weight: bold;
}
.c5-three-element__text {
  font-weight: normal;
}
.c5-c-movie {
  width: 100%;
    max-width: 960px;
    margin: 0 auto 30px;
}
.c5-c-movie img{
  margin: 0 auto;
}
.c5-c-text-margin {
  margin: 40px auto 50px;
}
.c5-c-2colum-block {
  display: flex;
  justify-content: center;
}
.c5-c-2colum-item {
  width: 50%;
  line-height: 1.875;
}
.c5-c-2colum-item > p{
  margin: 16px 0 16px 16px;
}
@media screen and (max-width: 768px) {
  .c5-c-2colum-item {
    width: 100%;
  }
  .c5-c-flex-default {
    display: block;
  }
  .c5-c-2colum-item img{
    margin: 0 auto;
  }
  .c5-c-2colum-item > p{
    margin: 16px auto;
  }
  .c5-three-element {
    max-width: 300px;
  }
  .c5-c-flex-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .c5-c-flex-reverse > div {
    margin-top: 5.7971%;
    margin-bottom: 0;
  }
}
.c5-item__btn-mb {
  margin-bottom: 5%;
}
.c5-kakaku-c-text {
  text-align: left;
  margin: 30px auto 50px;
}
.c5-graph img {
  margin: 0 auto;
}
.c5-figure-mb {
  margin-bottom: 60px;
}
.c5-item__btnMidium {
  max-width: 580px;
}

.c5-estimate {
  margin: 6.66667% 0;
  text-align: center;
}

.c5-estimate a {
  max-width: 440px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .c5-estimate {
    margin: 8% 0;
  }

  .c5-estimate a {
    max-width: 300px;
  }
}

.c5-estimate .c5-estimate__btn {
  width: 440px;
  height: 130px;
  margin: 0 auto;
}

.c5-estimate__btn:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .c5-estimate .c5-estimate__btn {
    width: 80vw;
    height: 25.33vw;
  }
}

.c5-estimate .c5-estimate__btn a {
  display: block;
  height: 100%;
  background: url(/bravia-biz/images/conference/estimate__btn_pc.jpg) no-repeat center center;
  background-size: cover;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .c5-estimate .c5-estimate__btn a {
    background: url(/bravia-biz/images/conference/estimate__btn_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}

.c5-estimate .c5-estimate__btn a:hover {
  background: url(/bravia-biz/images/conference/estimate__btn_pc_on.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .c5-estimate .c5-estimate__btn a:hover {
    background: url(/bravia-biz/images/conference/estimate__btn_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}

.c5-estimate .c5-estimate__txt {
  margin-top: 3.3333%;
}

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

.c5-estimate .c5-estimate__txt a {
  color: #5787f4;
  text-decoration: none;
  border-bottom: 1px solid #5787f4;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .c5-estimate .c5-estimate__txt a {
    font-size: 3.73333vw;
  }
}

.c5-estimate .c5-estimate__txt a .s5-iconInline {
  display: inline-block;
  margin-left: .3em;
}

.c5-estimate .c5-estimate__txt a span {
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #5787f4;
  border-right: 1px solid #5787f4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .c5-estimate .c5-estimate__txt a span {
    width: 2.3vw;
    height: 2.3vw;
  }
}

.c5-estimate .c5-estimate__txt a:hover {
  border-bottom: none;
}

.c5-only-pc {
  display: block;
}
.c5-only-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .c5-only-pc {
    display: none;
  }
  .c5-only-sp {
    display: block;
  }
}


.c5-hover-img-pc {
  position: relative;
  display: block !important;
}

.c5-hover-img-pc .c5-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  opacity: 0;
  transition: 0.5s;
}

.c5-hover-img-pc:hover .c5-active {
  opacity: 1;
}

.c5-hover-img-sp {
  position: relative;
  display: none !important;
}

.c5-hover-img-sp .c5-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  opacity: 0;
  transition: 0.5s;
}

.c5-hover-img-sp:hover .c5-active {
  opacity: 1;
}


@media screen and (max-width: 768px) {
  .c5-hover-img-pc {
    display: none !important;
  }
}


@media screen and (max-width: 768px) {
  .c5-hover-img-sp {
    display: block !important;
  }
}

.c5-hover-img-pc img {
  margin: 0 auto;
}

.c5-hover-img-sp img {
  margin: 0 auto;
  width: 100%;
}

span.c5-bnr-miniTxt {
  font-size: 14px;
  padding-bottom: 8px;
  display: block;
  line-height: 1.5;
}

.c5-monitor-mainText {
  margin-bottom: 46px;
}

.c5-monitor-headTitle {
  margin-top: 90px;
}

.c5-monitor-form {
  display: block;
  text-align: center;
}

@media screen and (max-width: 1260px) {
  span.c5-bnr-miniTxt {
    font-size: 1.287vw;
  }
}

@media screen and (max-width: 768px) {
  .c5-monitor-headTitle {
    margin-top: 45px;
  }
  span.c5-bnr-miniTxt {
    font-size: 2.2vw;
  }
}

.c5-c-size__flexWrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.c5-c-size__flexItem {
  width: 50%;
}

.c5-item__btn-02.c5-item__btnLeft {
  margin-left: 0;
}

.c5-2column-flex-item02.c5-2column-flex-rightItem {
  margin-right: 0;
}

.c5-c-sizeWrap {
  margin-top: 5%;
}

.c5-item__btn-02.c5-item__btnLarge > a:hover {
  opacity: .7;
}

.c5-cost__btn .c5-contact-btn > .c5-cost__centerlingBtn {
  text-align: center;
}

.c5-c-monitor__headimg {
  width: 100%;
  margin-bottom: 32px;
}
.c5-c-monitor__headimg >img{
  margin: 0 auto 32px;
}

.c5-c-flex-dir {
  display: flex;
  }

.c5-c-size__flexItem--imgWrap img{
  max-width: 549px;
  margin-left: auto;
  width: 91.66%;
}

.c5-link__btn__multiDisplay {
  width: 100%;
  text-align: right;
}
.c5-multi-display__lineup {
  display: flex;
}
.c5-multi-display__lineup__item {
  color: #ffffff;
  font-weight: 700;
  padding: 0 12px;
  font-size: .875rem;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0B8095;
  margin: 0 0.5rem;
}

.c5-multi-display__lineup__title {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.c5-multi-display__lineup__title.c5-sp-only {
  width: 100px;
  margin-bottom: 12px;
}

.c5-pc-only {
display: flex;
}
.c5-sp-only {
  display: none;
}
.c5-link__btn__multiDisplay a span{
  color: #3865E0;
}

@media screen and (max-width: 768px) {
  .c5-c-size__flexWrap {
    flex-direction: column;
  }
  .c5-c-size__flexItem {
    width: 100%;
  }
  .c5-c-size__flexItem div figure img {
    width: 100%;
    max-width: 648px;
    display: block;
    margin-bottom: 32px;
  }
  .c5-c-size__flexItem div p {
    font-size: 13px;
  }
  .c5-c-flex-dir {
    flex-direction: column-reverse;
  }
  .c5-2column-flex-itemFigure{
    margin-bottom: 20px;
  }
  .c5-2column-flex-itemFigure img{
    display: block;
    margin: 0 auto;
  }
  .c5-item__btn-02.c5-item__btnLeft {
    margin: 3.34% auto 5%;
    width: 91.66%;
  }
  
  .c5-2column-flex-item02.c5-2column-flex-rightItem {
    margin: 0 auto;
  }
  .c5-c-size__flexItem--imgWrap {
  margin: 3.34% auto 0;
  width: 91.66%;
  }
  .c5-multi-display__lineup {
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
  }
  .c5-pc-only {
    display: none;
  }
    .c5-sp-only {
    display: flex;
  }
}

.c5-newIcon-red {
  color: #fff;
  background: #D90000;
  display: flex;
  font-size: 12px;
  width: 100%;
  max-width: 41px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  line-height: 2.133;
}
a.c5-linkBtn_center {
	text-align: center;
}

@media screen and (max-width: 1260px){
.c5-recommend ul li a dl dd .c5-newIcon-red{
    font-size: 1.1vw;
    line-height: 1.7;
}}

.c5-bg-none {
  background: transparent;
}

.c5-item__btn.c5-item__btn-w50 {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .c5-item__btn.c5-item__btn-w50 {
    width: 100%;
  }
  }