.c5-jc-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.c5-w1000 {
  max-width: 1000px;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-w1000 {
    max-width: initial;
    padding: 0 30px; } }

@media screen and (max-width: 639px) {
  .c5-w1000 {
    padding: 0 20px; } }

.c5-w1120 {
  max-width: 1120px;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-w1120 {
    max-width: initial;
    padding: 0; } }

.c5-text-center {
  text-align: center; }

.c5-mainvisual {
  margin-bottom: 6.66667%; }

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

.c5-flex > div {
  width: 50%;
  padding: 0 1em; }

.c5-flex h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6.25%; }

@media screen and (max-width: 1000px) {
  .c5-flex h2 {
    font-size: 2.4vw;
    line-height: 1.3; } }

@media screen and (max-width: 768px) {
  .c5-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .c5-flex > div {
    width: 48.55072%;
    padding: 0; }
  .c5-flex h2 {
    font-size: 4.8vw; } }

.c5-office {
  margin-bottom: 7.5%; }

.c5-office__item {
  max-width: 465px;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .c5-office__item {
    max-width: initial; } }

.c5-office__txt {
  background: #f2f2f2;
  padding: 1em 1.875em 2em; }

.c5-office__txt > p {
  font-size: 13px;
  margin-bottom: 1.875em; }

.c5-office__comment {
  margin-bottom: 4.93827%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.c5-office__comment__img {
  width: 21.23457%;
  margin-right: 7.40741%; }

.c5-office__comment__img.c5-img2 {
  width: 42.71605%; }

.c5-office__comment__txt {
  width: 50.61728%; }

.c5-office__comment__txt span {
  font-size: 20px;
  font-weight: 700; }

.c5-office__comment__txt.c5-txt2 {
  width: 50.61728%; }

@media screen and (max-width: 1000px) {
  .c5-office__txt > p {
    font-size: 1.3vw; }
  .c5-office__comment__txt span {
    font-size: 2vw; } }

@media screen and (max-width: 768px) {
  .c5-office__img img {
    width: 100%; }
  .c5-office__txt {
    padding: 8.98204% 5.98802% 11.97605%; }
  .c5-office__txt > p {
    font-size: 3.73333vw;
    text-align: left;
    line-height: 1.3; }
  .c5-office__comment {
    display: block; }
  .c5-office__comment__img {
    width: 44.21769%;
    margin: 0 auto; }
  .c5-office__comment__img img {
    width: 100%; }
  .c5-office__comment__img.c5-img2 {
    width: 89.45578%; }
  .c5-office__comment__txt {
    width: 100%; }
  .c5-office__comment__txt span {
    font-size: 4vw; }
  .c5-office__comment__txt.c5-txt2 {
    width: 100%; } }

.c5-office-list {
  margin-bottom: 8.03571%; }

.c5-office-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5.35714%; }

.c5-office-list__txt {
  width: 65.625%; }

.c5-office-list__img {
  width: 31.25%; }

.c5-office-list__img figcaption {
  font-size: 13px;
  margin-top: 1em;
  text-align: center; }

@media screen and (max-width: 1000px) {
  .c5-office-list__img figcaption {
    font-size: 1.3vw; } }

@media screen and (max-width: 768px) {
  .c5-office-list {
    margin-bottom: 13.04348%; }
  .c5-office-list__item {
    display: block;
    margin-bottom: 11.5942%; }
  .c5-office-list__txt {
    width: 100%;
    margin-bottom: 4.34783%; }
  .c5-office-list__img {
    width: 100%;
    margin: 0 auto; }
  .c5-office-list__img img {
    width: 100%; }
  .c5-office-list__img figcaption {
    font-size: 3.46667vw; }
  .c5-office-list__img.c5-col3:not(:last-child) {
    margin-bottom: 4.34783%; } }

.c5-office-comment {
  background: #f2f2f2;
  padding: 5.35714% 6.25%; }

.c5-office-comment__mt60 {
  margin-top: 5.35714%; }

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

.c5-office-comment__item:not(:last-child) {
  margin-bottom: 4.08163%; }

.c5-office-comment__img {
  width: 15.30612%; }

.c5-office-comment__txt {
  width: 81.63265%; }

.c5-office-comment__name {
  margin-top: 1em;
  font-size: 14px; }

@media screen and (max-width: 768px) {
  .c5-office-comment {
    padding: 8.69565% 5.7971%; }
  .c5-office-comment__mt60 {
    margin-top: 8.69565%; }
  .c5-office-comment__item:not(:last-child) {
    margin-bottom: 6.55738%; }
  .c5-office-comment__img {
    width: 24.59016%; }
  .c5-office-comment__txt {
    width: 65.57377%; }
  .c5-office-comment__name {
    font-size: 3.2vw;
    line-height: 1.3; } }

.c5-comment {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 1em;
  border: 2px solid #d9d9db;
  border-radius: 20px; }

.c5-comment::before {
  content: "";
  position: absolute;
  left: -1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: .6em solid transparent;
  border-right: 1em solid #d9d9db;
  border-left-width: 0; }

.c5-comment::after {
  content: "";
  position: absolute;
  left: -.7em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: .6em solid transparent;
  border-right: 1em solid #fff;
  border-left-width: 0; }

.c5-comment--plr2em {
  padding-left: 2em;
  padding-right: 2em; }

@media screen and (max-width: 768px) {
  .c5-comment::before {
    font-size: 2.13333vw;
    top: 0;
    margin-top: 4em;
    left: -2.5em;
    border: 1em solid transparent;
    border-right: 1.5em solid #d9d9db; }
  .c5-comment::after {
    font-size: 2.13333vw;
    top: 0;
    margin-top: 4em;
    border: 1em solid transparent;
    border-right: 1.5em solid #fff;
    left: -2.2em; }
  .c5-comment__sp {
    margin-bottom: 17.96407%; }
  .c5-comment__sp::before {
    bottom: 0;
    top: auto;
    font-size: 2.13333vw;
    margin-bottom: -1.46em;
    border: 1em solid transparent;
    border-top: 1.5em solid #d9d9db;
    border-bottom-width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .c5-comment__sp::after {
    bottom: 0;
    top: auto;
    font-size: 2.13333vw;
    margin-bottom: -1.2em;
    border: 1em solid transparent;
    border-top: 1.5em solid #fff;
    border-bottom-width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .c5-comment--plr2em {
    padding-left: 1em;
    padding-right: 1em; } }

.c5-link-kokuyo {
  width: 420px;
  margin-top: 2.67857%; }

.c5-link-kokuyo a {
  padding: 1em 0; }

.c5-link-kokuyo a::before {
  content: none; }

.c5-link-kokuyo .c5-icon {
  margin-left: .3em; }

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

.c5-anchor {
  width: 45.67901%; }

.c5-anchor a {
  position: relative;
  font-size: 14px;
  padding: .8em; }

.c5-anchor a::before {
  content: none; }

.c5-anchor a::after {
  content: "";
  position: absolute;
  width: 3.78378%;
  padding-top: 3.78378%;
  border: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  right: 0;
  margin-right: 18.91892%;
  top: 40%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg); }

.c5-anchor a span {
  margin-right: 1em; }

.c5-anchor .c5-icon {
  margin-left: .3em; }

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

@media screen and (max-width: 768px) {
  .c5-anchor {
    margin-top: 13.60544%;
    width: 100%; }
  .c5-anchor a {
    font-size: 3.73333vw; }
  .c5-anchor a::after {
    top: 45%;
    margin-right: 13.60544%; } }

.c5-live-office {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 93.33333%;
  margin: 7.5% auto;
  padding: 3.57143% 4.01786%;
  background: url(../../../bravia-biz/images/kokuyo/bg01.jpg) no-repeat;
  background-size: cover; }

.c5-live-office__logo {
  width: 9.73214%;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 1.78571%;
  margin-right: 1.78571%; }

.c5-live-office h2 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3.91007%; }

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

.c5-live-office__list > li {
  width: 22.48289%; }

.c5-live-office__list > li a {
  position: relative;
  display: block;
  background: #fff;
  padding: 1.25em 0;
  text-align: center; }

@media screen and (max-width: 1000px) {
  .c5-live-office h2 {
    font-size: 2.4vw; }
  .c5-live-office__list > li a {
    font-size: 1.6vw; } }

@media screen and (max-width: 768px) {
  .c5-live-office {
    width: 100%;
    padding: 4.34783%;
    margin-bottom: 14.49275%;
    background-image: url(../../../bravia-biz/images/kokuyo/bg01_sp.jpg); }
  .c5-live-office__logo {
    position: relative;
    width: 17.30159%;
    margin: 0 auto 3.62319%; }
  .c5-live-office h2 {
    line-height: 1.8;
    font-size: 4.8vw;
    margin-bottom: 6.34921%; }
  .c5-live-office__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .c5-live-office__list > li {
    width: 47.61905%; }
  .c5-live-office__list > li:nth-child(1), .c5-live-office__list > li:nth-child(3) {
    font-size: 2.13333vw;
    margin-bottom: 1.875em; }
  .c5-live-office__list > li a {
    font-size: 3.73333vw; } }

.c5-icon-window::before {
  content: "";
  background: url(../../../bravia-biz/images/kokuyo/icon.png) no-repeat center;
  background-size: 100%;
  width: 12px;
  height: 10px;
  line-height: 1;
  display: inline-block;
  margin-left: .3em; }

@media screen and (max-width: 768px) {
  .c5-icon-window::before {
    width: 9.33333%;
    height: 0;
    padding-top: 8%; } }

@media screen and (max-width: 768px) {
  .c5-set-list > li:not(:first-child) {
    margin-top: 2.89855%; } }

.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-bnr__cosultation {
  max-width: 920px;
  margin: 6% auto 0; }

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