@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");

:root {
  --black: #2f353d;
  --gray-light: #f1f5f9;
  --gray-middle: #e2e4e9;
  --gray-dark: #7c7e81;
  --green: #0ea587;
  --blue: #2d75c7;
  --blue-dark: #0b1426;
  --blue-green: #0da1ac;
  --blue-green-light: #f2fafb;
  --red: #e34d4d;
  --link: #3865e0;
  --scrollbar-width: 15px;
  overflow-x: clip;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
  overflow-x: hidden !important;
}
ul.s5-breadcrumbs {
	overflow-x: unset !important;
}

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  display: block; }

sup {
  font-size: .5em; }

@media screen and (max-width: 768px) {
  sup {
    font-size: .8em; } }

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

.c5-only-sp {
  display: none !important; }

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

.c5-only-sp-lg {
  display: none !important; }

@media screen and (max-width: 1000px) {
  .c5-only-sp-lg {
    display: block !important; } }

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

.c5-c-main {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif; }

@media screen and (min-width: 769px) {
  .c5-c-telephone {
    position: relative; }
  .c5-c-telephone::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); }
  a[href^="tel:"] {
    pointer-events: none; } }

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

.c5-c-flex__lirt__li {
  width: 40%; }

.c5-c-flex__lirt__rt {
  width: 60%; }

.c5-c-flex__half > div {
  width: 50%; }

.c5-c-flex__ltri__lt {
  width: 80%; }

.c5-c-flex__ltri__ri {
  width: 20%; }

@media screen and (max-width: 768px) {
  .c5-c-flex {
    display: block; }
  .c5-c-flex__lirt__li {
    width: 100%;
    margin-bottom: 5.7971%; }
  .c5-c-flex__lirt__rt {
    width: 100%; }
  .c5-c-flex__half > div {
    width: 100%;
    margin-bottom: 5.7971%; }
  .c5-c-flex__half > div:last-child {
    margin-bottom: 0; }
  .c5-c-flex__ltri__lt {
    width: 100%;
    margin-bottom: 5.7971%; }
  .c5-c-flex__ltri__ri {
    width: 100%; } }

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

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

.c5-c-mainvisual__itmedia {
  margin-bottom: 8.33333%; }

.c5-c-mainvisual__itmedia.kv {
  margin-bottom: 1.66667%; }

@media screen and (max-width: 768px) {
  .c5-c-mainvisual {
    margin-right: calc(50% - 50vi);
    margin-left: calc(50% - 50vi);
    margin-bottom: 13.33333%; }
  .c5-c-mainvisual__kv {
    margin-bottom: 8%; }
  .c5-c-mainvisual__kv img {
    width: 100%; }
  .c5-c-mainvisual__itmedia.kv {
    margin-bottom: 2.66667%; } }

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

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

.c5-c-minsec {
  margin-bottom: 6.66667%; }

.c5-c-minsec__mb100 {
  margin-bottom: 8.33333%; }

@media screen and (max-width: 768px) {
  .c5-c-minsec {
    margin-bottom: 11.5942%; }
  .c5-c-minsec__mb100 {
    margin-bottom: 14.49275%; } }

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

.c5-c-resolution__txt p {
  max-width: 1100px;
  width: 91.66667%; }

.c5-c-resolution__logo {
  margin-left: 2.33333%;
  width: 6%; }

.c5-c-resolution__head {
  margin-top: 3.33333%;
  padding: .66667% 0;
  font-size: 20px;
  text-align: center;
  background: #808183;
  color: #fff; }

.c5-c-resolution__screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.66667%; }

.c5-c-resolution__screen figure {
  margin-right: 1.66667%; }

.c5-c-resolution__screen figure:nth-child(1), .c5-c-resolution__screen figure:nth-child(2) {
  width: 32.66667%; }

.c5-c-resolution__screen figure:nth-child(1) figcaption, .c5-c-resolution__screen figure:nth-child(2) figcaption {
  margin-top: 3.57143%; }

.c5-c-resolution__screen figure:last-child {
  width: 32.66667%;
  margin-right: 0; }

.c5-c-resolution__screen figure:last-child figcaption {
  margin-top: 3.7234%; }

.c5-c-resolution.c5-displaypack {
  margin-top: 5.83333%; }

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

@media screen and (max-width: 768px) {
  .c5-c-resolution__txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .c5-c-resolution__txt p {
    max-width: initial;
    width: 100%; }
  .c5-c-resolution__logo {
    margin: 0 auto;
    width: 10.43478%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 4.34783%; }
  .c5-c-resolution__head {
    font-size: 3.73333vw;
    padding: 2.17391% 0;
    margin-top: 4.34783%; }
  .c5-c-resolution__screen {
    margin-top: 4.34783%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .c5-c-resolution__screen figure {
    margin: 0 auto; }
  .c5-c-resolution__screen figure img {
    width: 100%; }
  .c5-c-resolution__screen figure:nth-child(1), .c5-c-resolution__screen figure:nth-child(2) {
    width: 90%;
    margin-bottom: 8.69565%; }
  .c5-c-resolution__screen figure:nth-child(1) figcaption, .c5-c-resolution__screen figure:nth-child(2) figcaption {
    margin-top: 2.89855%; }
  .c5-c-resolution__screen figure:last-child {
    margin: 0 auto;
    width: 90%; }
  .c5-c-resolution__screen figure:last-child figcaption {
    margin-top: 2.89855%; }
  .c5-c-resolution.c5-displaypack {
    margin-top: 7.24638%; } }

.c5-c-resolution-hotel__txt p {
  max-width: 820px;
  width: 68.33333%; }

.c5-c-resolution-hotel__img {
  width: 21.83333%;
  margin-left: 1.66667%; }

@media screen and (max-width: 768px) {
  .c5-c-resolution-hotel__txt p {
    max-width: initial;
    width: 100%; }
  .c5-c-resolution-hotel__img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 0 auto 4%;
    width: 69.86667%; } }

.c5-c-resolution-academy__txt__inr {
  max-width: 720px;
  width: 60%; }

.c5-c-resolution-academy__txt__inr p {
  width: 100%;
  max-width: initial; }

.c5-c-resolution-academy__logo {
  width: 14.16667%;
  margin-left: 1.66667%; }

.c5-c-resolution-academy__logo img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-c-resolution-academy__img {
  width: 19.91667%;
  margin-left: 3.33333%; }

@media screen and (max-width: 768px) {
  .c5-c-resolution-academy__txt__inr {
    max-width: initial;
    width: 100%; }
  .c5-c-resolution-academy__logo {
    width: 70%;
    margin: 0 auto 4.34783%; }
  .c5-c-resolution-academy__logo img {
    position: static;
    width: 100%;
    -webkit-transform: initial;
    transform: initial; }
  .c5-c-resolution-academy__img {
    width: 80%;
    margin: 0 auto 4.34783%; }
  .c5-c-resolution-academy__img img {
    width: 100%; } }

.c5-c-promode {
  margin-bottom: 8.33333%; }

.c5-c-promode__item {
  margin-bottom: 5%; }
.c5-c-sec > .c5-c-promode-mb {
  margin-bottom: 3%;
}

.c5-c-promode__item:first-of-type {
  margin-top: 5.83333%; }

.c5-c-promode__item:last-of-type {
  margin-bottom: 5.83333%; }

@media screen and (max-width: 768px) {
  .c5-c-promode {
    margin-bottom: 14.49275%; }
  .c5-c-promode__item {
    margin-bottom: 8.69565%; }
  .c5-c-promode__item:first-of-type {
    margin-top: 8.69565%; }
  .c5-c-promode__item:last-of-type {
    margin-bottom: 10.14493%; } }

.c5-c-case {
  padding: 5.41667% 30px 3.33333% 30px;
  margin-left: calc(50% - 50vi);
  margin-right: calc(50% - 50vi);
  background: #eeeff0; }

.c5-c-case__inner {
  margin: 0 auto;
  max-width: 1200px; }

.c5-c-case__head {
  text-align: center;
  font-size: 28px;
  font-weight: 700; }

.c5-c-case__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5%; }

.c5-c-case__flex__item {
  max-width: 580px;
  width: 48.33333%;
  background: #fff; }

.c5-c-case__flex__item:after {
  content: "";
  display: block;
  padding-bottom: 6.89655%;
  background: #eeeff0; }

.c5-c-case__flex__item:nth-child(odd) {
  margin-right: 3.33333%; }

.c5-c-case__flex__item__mb0 {
  margin-bottom: 0; }

.c5-c-case__flex__txt {
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 1em; }

.c5-c-case__flex__txt div:first-child {
  display: table-cell;
  width: 65.4479%;
  vertical-align: middle; }

.c5-c-case__flex__txt p {
  font-size: 20px;
  line-height: 1.3; }

.c5-c-case__flex__txt .c5-case-small {
  font-size: 16px; }

.c5-c-case__flex__txt__height {
  height: 155px; }

.c5-c-case__flex__txt__height2 {
  height: 130px; }

.c5-c-case__flex__anchor {
  display: block; }

.c5-c-case__flex__anchor:hover {
  text-decoration: none;
  opacity: .7; }

.c5-c-case__btn {
  display: table-cell;
  font-size: 14px;
  margin-left: 1em;
  padding-left: 1em;
  vertical-align: middle; }

.c5-c-case__btn a {
  display: block;
  text-align: center;
  min-width: 9em;
  padding: .7em 1em;
  background: #a8a8a8;
  color: #fff;
  text-decoration: none; }

.c5-c-case__btn a::before {
  content: "\f0da";
  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-c-case__btn a:hover {
  opacity: .7; }

@media screen and (max-width: 1000px) {
  .c5-c-case__head {
    font-size: 2.8vw; }
  .c5-c-case__flex__txt p {
    font-size: 2vw; }
  .c5-c-case__flex__txt--min {
    font-size: 1.6vw; }
  .c5-c-case__flex__txt .c5-case-small {
    font-size: 1.6vw; }
  .c5-c-case__btn {
    font-size: 1.4vw; } }

@media screen and (max-width: 768px) {
  .c5-c-case {
    padding: 13.33333% 20px; }
  .c5-c-case__head {
    font-size: 4.8vw; }
  .c5-c-case__flex {
    margin-top: 13.33333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .c5-c-case__flex__item {
    max-width: initial;
    width: 100%;
    margin-bottom: 5.7971% !important; }
  .c5-c-case__flex__item:nth-child(odd) {
    margin-right: 0; }
  .c5-c-case__flex__item:nth-child(1), .c5-c-case__flex__item:nth-child(2) {
    margin-bottom: 0; }
  .c5-c-case__flex__item:last-child {
    margin-bottom: 0 !important; }
  .c5-c-case__flex__item:after {
    content: none; }
  .c5-c-case__flex__img img {
    width: 100%; }
  .c5-c-case__flex__txt {
    display: block;
    max-width: initial;
    padding: 1em;
    margin: 0 auto; }
  .c5-c-case__flex__txt div:first-child {
    display: block;
    width: 100%;
    margin: 0 auto; }
  .c5-c-case__flex__txt p {
    font-size: 3.73333vw;
    text-align: center; }
  .c5-c-case__flex__txt__height {
    height: initial; }
  .c5-c-case__flex__txt__height2 {
    height: initial; }
  .c5-c-case__flex .c5-case-small {
    font-size: 3.46667vw; }
  .c5-c-case__btn {
    display: block;
    font-size: 3.46667vw;
    padding-left: 0;
    max-width: 300px;
    width: 40vw;
    margin: 0 auto;
    margin-top: 4.41176%; }
  .c5-c-case__btn a {
    min-width: 0; } }

.c5-c-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media screen and (max-width: 768px) {
  .c5-c-more {
    margin-top: 5.6338%;
    display: block; }
  .c5-c-more p {
    text-align: center; } }

.c5-c-lineup {
  padding: 6.66667% 0 0; }

.c5-c-lineup.pt0 {
  padding-top: 0; }

.c5-c-lineup__head {
  margin-bottom: 4.16667%;
  padding: 1.25% 0;
  color: #fff;
  background: #808183;
  text-align: center;
  font-size: 28px;
  font-weight: 700; }

.c5-c-lineup__btn {
  max-width: 650px;
  width: 54.16667%;
  margin: 0 auto 8.33333%; }

.c5-c-lineup__btn a {
  position: relative;
  display: block;
  padding: 3.07692% 0;
  text-align: center;
  font-size: 23px;
  color: #fff;
  background: #000;
  text-decoration: none; }

.c5-c-lineup__btn a::after {
  content: "";
  position: absolute;
  background: url(/bravia-biz/images/conference/arror.png) no-repeat;
  background-size: 100%;
  width: 1.38462%;
  height: 0;
  padding-top: 2.15385%;
  top: 50%;
  right: 3%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-c-lineup__btn a:hover {
  opacity: .7; }

@media screen and (max-width: 1260px) {
  .c5-c-lineup__btn a {
    font-size: 1.8254vw; } }

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

@media screen and (max-width: 768px) {
  .c5-c-lineup__head {
    font-size: 3.73333vw;
    padding: 2.17391% 0;
    margin-bottom: 4.34783%; }
  .c5-c-lineup__btn {
    max-width: initial;
    width: 100%;
    margin-bottom: 11.5942%; }
  .c5-c-lineup__btn a {
    padding: 4.34783% 0;
    font-size: 3.46667vw;
    line-height: 1.3; }
  .c5-c-lineup__btn a:after {
    right: 4%; } }

.c5-c-bzmmodel {
  margin: 3.33333% 0 5%;
  padding: 3.33333%;
  border: 1px solid #aaa; }

.c5-c-bzmmodel__d-pack {
  margin-bottom: 3.33333%; }

.c5-c-bzmmodel__head {
  margin-bottom: 2.23614%;
  font-size: 20px;
  font-weight: 700; }

.c5-c-bzmmodel__pack {
  margin-bottom: 5.36673%;
  padding: 2.68336%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #aaa;
  background: #f3f4f6; }

.c5-c-bzmmodel__pack__txt {
  position: relative;
  max-width: 120px;
  width: 11.36364%;
  margin-right: 3.78788%;
  font-size: 18px; }

.c5-c-bzmmodel__pack__txt::after {
  content: "";
  position: absolute;
  border-right: 1px solid #aaa;
  padding-top: 66.66667%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0; }

.c5-c-bzmmodel__pack__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 84.94318%; }

.c5-c-bzmmodel__pack__cont h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2; }

.c5-c-bzmmodel__pack__cont h4:nth-child(1) {
  position: relative;
  max-width: 260px;
  width: 28.98551%;
  margin-right: 7.80379%; }

.c5-c-bzmmodel__pack__cont h4:nth-child(1):after {
  content: "";
  position: absolute;
  background: url(/bravia-biz/images/conference/puls.png) no-repeat;
  background-size: 100%;
  width: 9.23077%;
  height: 0;
  padding-top: 9.23077%;
  top: 50%;
  right: -25%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-c-bzmmodel__pack__cont h4:nth-child(2) {
  max-width: 320px;
  width: 35.67447%;
  margin-left: 5.01672%; }

.c5-c-bzmmodel__pack__cont h4 span {
  font-size: 16px;
  font-weight: 400; }

.c5-c-bzmmodel__inner {
  width: 100%;
  max-width: 1118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5.36673%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c5-c-bzmmodel__inner.c5-displaypack {
  margin-bottom: 2.68336%; }

.c5-c-bzmmodel__inner__item {
  max-width: 500px;
  width: 44.72272%; }

.c5-c-bzmmodel__inner__item:first-child {
  margin-right: 8.94454%; }

.c5-c-bzmmodel__inner__item--mr {
  margin-right: 8.94454%; }

.c5-c-bzmmodel__inner__txt {
  max-width: 345px;
  margin: 0 auto; }

.c5-c-bzmmodel__inner__txt h4 {
  margin-bottom: 5.7971%;
  font-size: 18px;
  font-weight: 700; }

.c5-c-bzmmodel__inner__txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c5-c-bzmmodel__inner__txt li:after {
  content: "";
  display: block;
  margin-bottom: 6.66667%; }

.c5-c-bzmmodel__inner__txt li:nth-child(odd) {
  margin-right: 5.7971%; }

.c5-c-bzmmodel__inner__txt li:nth-child(5):after, .c5-c-bzmmodel__inner__txt li:nth-child(6):after {
  margin-bottom: 0; }

.c5-c-bzmmodel__inner__txt__block {
  display: block !important; }

.c5-c-bzmmodel__inner__txt__block li {
  margin-right: 0 !important;
  margin-bottom: 2.89855%; }

.c5-c-bzmmodel__inner__txt__block li:after {
  content: none; }

.c5-c-bzmmodel__inner__txt--another {
  max-width: 355px; }

.c5-c-bzmmodel__inner__txt--another h4 {
  margin-bottom: 5.6338%; }

.c5-c-bzmmodel__inner__txt--another li:after {
  content: "";
  display: block;
  margin-bottom: 6.45161%; }

.c5-c-bzmmodel__inner__txt--another li:nth-child(odd) {
  margin-right: 11.26761%; }

.c5-c-bzmmodel__inner__txt--another li:nth-child(5):after, .c5-c-bzmmodel__inner__txt--another li:nth-child(6):after {
  margin-bottom: 0; }

.c5-c-bzmmodel__inner__img {
  width: 90.4%;
  margin: 8% auto 0; }

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

.c5-c-bzmmodel__inner .c5-model01.c5-displaypack {
  margin-bottom: 0; }

.c5-c-bzmmodel__inner .c5-model02 {
  margin-bottom: 12%; }

.c5-c-bzmmodel__inner .c5-model02.c5-displaypack {
  margin-bottom: 0; }

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

.c5-c-bzmmodel__inner .c5-hotel-model01 {
  margin-bottom: 12%; }

.c5-c-bzmmodel__inner .c5-hotel-model02 {
  margin-top: 11.5%;
  margin-bottom: 14.4%; }

.c5-c-bzmmodel__inner__btn {
  margin: 0 auto;
  max-width: 250px;
  width: 50%; }

.c5-c-bzmmodel__inner__btn a {
  font-size: 14px;
  position: relative;
  display: block;
  padding: 6%;
  text-align: center;
  background: #5787f4;
  color: #fff;
  text-decoration: none; }

.c5-c-bzmmodel__inner__btn a::before {
  content: "\f0da";
  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-c-bzmmodel__inner__btn a:hover {
  opacity: .7; }

.c5-c-bzmmodel__inner__btn.c5-displaypack {
  width: 55.55556%; }

.c5-c-bzmmodel__hr {
  margin: 2.68336% 0; }

@media screen and (max-width: 1000px) {
  .c5-c-bzmmodel__head {
    font-size: 2vw; }
  .c5-c-bzmmodel__pack__txt {
    font-size: 1.8vw; }
  .c5-c-bzmmodel__pack__cont h4 {
    font-size: 2.2vw; }
  .c5-c-bzmmodel__pack__cont h4 span {
    font-size: 1.6vw; }
  .c5-c-bzmmodel__inner__txt h4 {
    font-size: 1.8vw; }
  .c5-c-bzmmodel__inner__txt li {
    font-size: 1.6vw; }
  .c5-c-bzmmodel__inner__btn a {
    font-size: 1.4vw; } }

@media screen and (max-width: 768px) {
  .c5-c-bzmmodel {
    margin-top: 5.7971%;
    margin-bottom: 11.5942%; }
  .c5-c-bzmmodel__d-pack {
    margin-bottom: 5.7971%; }
  .c5-c-bzmmodel__head {
    font-size: 4vw;
    margin-bottom: 4.6729%;
    line-height: 1.3; }
  .c5-c-bzmmodel__pack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4.6729%;
    margin-bottom: 6.23053%; }
  .c5-c-bzmmodel__pack__cont {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 6.89655%; }
  .c5-c-bzmmodel__pack__cont h4 {
    font-size: 4vw; }
  .c5-c-bzmmodel__pack__cont h4 span {
    font-size: 3.46667vw; }
  .c5-c-bzmmodel__pack__cont h4:nth-child(1) {
    max-width: initial;
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 18.39465%; }
  .c5-c-bzmmodel__pack__cont h4:nth-child(1)::after {
    content: "";
    background: url(/bravia-biz/images/conference/puls_sp.png) no-repeat;
    background-size: 100%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: 145%;
    width: 4.66667vw;
    padding-top: 4.66667vw; }
  .c5-c-bzmmodel__pack__cont h4:nth-child(2) {
    max-width: initial;
    width: 100%;
    text-align: center;
    margin-left: 0; }
  .c5-c-bzmmodel__pack__txt {
    max-width: initial;
    width: 99%;
    margin: 0 auto;
    font-size: 3.73333vw;
    text-align: center;
    padding-bottom: 3.48432%;
    border-bottom: 1px solid #aaa; }
  .c5-c-bzmmodel__pack__txt::after {
    content: none; }
  .c5-c-bzmmodel__mb {
    margin-bottom: 0; }
  .c5-c-bzmmodel__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .c5-c-bzmmodel__inner__item {
    display: block;
    max-width: initial;
    width: 100%;
    margin-bottom: 10.90343%; }
  .c5-c-bzmmodel__inner__item:first-child {
    margin-right: 0;
    margin-bottom: 15.57632%; }
  .c5-c-bzmmodel__inner__item--mr {
    margin-right: 0; }
  .c5-c-bzmmodel__inner__item:after {
    content: none; }
  .c5-c-bzmmodel__inner__img {
    margin-top: 7.78816%; }
  .c5-c-bzmmodel__inner__img img {
    width: 100%; }
  .c5-c-bzmmodel__inner .c5-model01 {
    margin-bottom: 14.01869%; }
  .c5-c-bzmmodel__inner .c5-model02 {
    margin-bottom: 9.34579%; }
  .c5-c-bzmmodel__inner .c5-model03 {
    margin-bottom: 9.34579%; }
  .c5-c-bzmmodel__inner .c5-hotel-model01 {
    margin-bottom: 9.34579%; }
  .c5-c-bzmmodel__inner .c5-hotel-model02 {
    margin-bottom: 9.34579%; }
  .c5-c-bzmmodel__inner__txt {
    max-width: initial; }
  .c5-c-bzmmodel__inner__txt h4 {
    font-size: 3.73333vw;
    margin-bottom: 6.23053%; }
  .c5-c-bzmmodel__inner__txt ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .c5-c-bzmmodel__inner__txt li {
    font-size: 3.46667vw; }
  .c5-c-bzmmodel__inner__txt__block {
    text-align: center !important; }
  .c5-c-bzmmodel__inner__btn {
    max-width: 300px;
    width: 46.72897%; }
  .c5-c-bzmmodel__inner__btn a {
    font-size: 3.46667vw; }
  .c5-c-bzmmodel__hr {
    margin: 6.25% 0; } }

.c5-c-consultation {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1000px;
  width: 83.33333%;
  border: 4px solid #2f78af;
  padding: 2.5% 2.91667% 4.16667%;
  margin: 0 auto; }

.c5-c-consultation--mt {
  margin-top: 6%; }

.c5-c-consultation__min {
  max-width: 700px;
  width: 58.33333%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.c5-c-consultation__ttl {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #f3f4f6), color-stop(60%, #edece7));
  background: linear-gradient(to right, #f3f4f6 40%, #edece7 60%);
  padding: 4% 10%;
  margin-bottom: 4%; }

.c5-c-consultation__ttl::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/bravia-biz/images/common/bg_consultation.jpg) no-repeat;
  background-size: 100%;
  width: 43.97394%;
  padding-top: 25.62432%; }

.c5-c-consultation__ttl h3 {
  position: relative;
  z-index: 2;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6.42857%; }

.c5-c-consultation__ttl__flex {
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c5-c-consultation__ttl__txt {
  max-width: 420px;
  width: 60%;
  margin-right: 21.42857%; }

.c5-c-consultation__ttl__txt p {
  position: relative;
  z-index: 2;
  font-size: 18px;
  margin-bottom: 4.7619%; }

.c5-c-consultation__ttl__txt p:last-child {
  margin-bottom: 0; }

.c5-c-consultation__ttl__img {
  max-width: 101px;
  width: 14.42857%; }

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

.c5-c-consultation__inner {
  margin-top: 4%; }

.c5-c-consultation__inner__img {
  max-width: 196px;
  width: 21.28122%;
  margin: 0 5.64604%; }

.c5-c-consultation__inner__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.c5-c-consultation__inner__txt__item {
  padding: 1.25em 0;
  border-bottom: 1px solid #aaa; }

.c5-c-consultation__inner__txt__item:first-child {
  position: relative;
  padding-top: 0;
  padding-right: 20px;
  padding-left: 20px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.c5-c-consultation__inner__txt__item:first-child::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 90%;
  top: 0;
  right: 0;
  background: #aaa; }

.c5-c-consultation__inner__txt__item:nth-child(2) {
  padding-top: 0;
  padding-right: 20px;
  padding-left: 20px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.c5-c-consultation__inner__txt__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
  width: 100%; }

.c5-c-consultation__inner__txt__item h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 3.22581%;
  text-align: center;
  line-height: 1.5; }

.c5-c-consultation__inner__txt__item h4 span {
  font-size: 16px;
  font-weight: 400; }

.c5-c-consultation__inner__txt__item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.22581%; }

.c5-c-consultation__inner__txt__item li {
  display: inline-block; }

.c5-c-consultation__inner__txt__item li:first-child {
  width: 8.33333%;
  margin-right: 10px; }

.c5-c-consultation__inner__txt__item li:last-child {
  font-size: 34px;
  font-weight: 700;
  color: #000; }

.c5-c-consultation__inner__txt__item p {
  font-size: 14px;
  line-height: 1.3; }

.c5-c-consultation__inner__txt__item p:first-of-type {
  margin-bottom: 1.6129%; }

.c5-c-consultation__inner__txt__item p span {
  font-size: 18px;
  font-weight: 700; }

.c5-c-consultation__inner__block {
  max-width: 700px;
  width: 100%; }

@media screen and (max-width: 1000px) {
  .c5-c-consultation__ttl h3 {
    font-size: 2.4vw; }
  .c5-c-consultation__ttl__txt p {
    font-size: 1.8vw; }
  .c5-c-consultation__inner__txt__item h4 {
    font-size: 1.8vw; }
  .c5-c-consultation__inner__txt__item h4 span {
    font-size: 1.6vw; }
  .c5-c-consultation__inner__txt__item li:last-child {
    font-size: 3.2vw; }
  .c5-c-consultation__inner__txt__item p {
    font-size: 1.4vw; }
  .c5-c-consultation__inner__txt__item p span {
    font-size: 1.8vw; } }

@media screen and (max-width: 768px) {
  .c5-c-consultation {
    padding: 4.34783% 2.91667%;
    max-width: initial;
    width: 100%; }
  .c5-c-consultation__mt {
    margin-top: 11.5942%; }
  .c5-c-consultation__ttl {
    background: #f3f4f6;
    padding: 4.68019% 3.12012% 57.72231%; }
  .c5-c-consultation__ttl::after {
    background-image: url(/bravia-biz/images/common/bg_consultation_sp.jpg);
    top: auto;
    bottom: 0;
    width: 100%;
    padding-top: 53.04212%;
    -webkit-transform: none;
    transform: none; }
  .c5-c-consultation__ttl h3 {
    text-align: center;
    font-size: 4vw;
    margin-bottom: 4.99168%; }
  .c5-c-consultation__ttl__flex {
    display: block; }
  .c5-c-consultation__ttl__img {
    max-width: 202px;
    width: 24.9584%;
    margin: 4.99168% auto 0; }
  .c5-c-consultation__ttl__img img {
    width: 100%; }
  .c5-c-consultation__ttl__txt {
    max-width: initial;
    width: initial;
    margin-right: 0;
    text-align: center; }
  .c5-c-consultation__ttl__txt p {
    font-size: 3.2vw;
    margin-bottom: 4.15973%; }
  .c5-c-consultation__inner {
    display: block; }
  .c5-c-consultation__inner__img {
    max-width: 392px;
    width: 39.00156%;
    margin: 0 auto 6.24025%; }
  .c5-c-consultation__inner__img img {
    width: 100%; }
  .c5-c-consultation__inner__txt {
    max-width: initial;
    width: 100%;
    display: block; }
  .c5-c-consultation__inner__txt__item {
    padding: 4.68019% 0; }
  .c5-c-consultation__inner__txt__item:first-child {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  .c5-c-consultation__inner__txt__item:first-child::after {
    content: none; }
  .c5-c-consultation__inner__txt__item:nth-child(2) {
    padding-top: 4.68019%;
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  .c5-c-consultation__inner__txt__item h4 {
    text-align: center;
    font-size: 4vw;
    line-height: 1.3;
    margin-bottom: 3.12012%; }
  .c5-c-consultation__inner__txt__item h4 span {
    font-size: 3.46667vw; }
  .c5-c-consultation__inner__txt__item ul {
    text-align: center;
    margin-bottom: 4.68019%; }
  .c5-c-consultation__inner__txt__item li:last-child {
    font-size: 6.13333vw; }
  .c5-c-consultation__inner__txt__item p {
    font-size: 3.2vw;
    line-height: 1.3;
    text-align: center; }
  .c5-c-consultation__inner__txt__item p:first-of-type {
    text-align: center;
    margin-bottom: 3.12012%; }
  .c5-c-consultation__inner__txt__item p span {
    font-size: 4vw; } }

.c5-c-another-item__txt {
  width: 100%; }

.c5-c-another-item__txt h4 {
  margin-bottom: .5em; }

.c5-c-another-item__txt p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0 !important;
  text-align: center; }

.c5-c-another-item__btn {
  width: 61.88925%;
  margin: 1em auto 0; }

.c5-c-another-item__btn a {
  display: block;
  padding: 3.50877% 0;
  text-align: center;
  color: #fff;
  background: #5787f4;
  font-size: 24px;
  text-decoration: none; }

.c5-c-another-item__btn a:before {
  content: "\f0da";
  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;
  font-family: icon, sans-serif;}

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

.c5-c-another-item__btn__contact a:before {
  content: "";
  background: url(/bravia-biz/images/common/contact_icon.png) no-repeat center center;
  background-size: cover;
  width: 5.477%;
  padding-top: 6.713%; }

@media screen and (max-width: 1000px) {
  .c5-c-another-item__txt p {
    font-size: 1.6vw; }
  .c5-c-another-item__btn a {
    font-size: 2.4vw; } }

@media screen and (max-width: 768px) {
  .c5-c-another-item {
    display: block; }
  .c5-c-another-item__txt {
    max-width: initial;
    width: 100%; }
  .c5-c-another-item__txt p {
    font-size: 3.2vw;
    text-align: center; }
  .c5-c-another-item__btn {
    width: 78.125%;
    margin: 4.68019% auto 0; }
  .c5-c-another-item__btn a {
    font-size: 3.46667vw;
    padding: .7em 1em; } }

.c5-c-spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2.68336%; }

.c5-c-spec__cont {
  width: 42.53308%; }

.c5-c-spec__cont > h4 {
  margin-bottom: 7.77778%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4; }

@media screen and (max-width: 1000px) {
  .c5-c-spec__cont > h4 {
    font-size: 1.8vw; } }

@media screen and (max-width: 768px) {
  .c5-c-spec {
    display: block; }
  .c5-c-spec__cont {
    width: 100%; }
  .c5-c-spec__cont > h4 {
    font-size: 4vw; }
  .c5-c-spec__cont ~ .c5-c-spec__cont {
    margin-top: 8.23723%; } }

.c5-c-banner {
  width: 83.33333%;
  margin: 0 auto; }

.c5-c-banner--hotel {
  margin: 6.66667% auto 0; }

.c5-c-banner--expo {
  margin: 6.66667% auto 0; }

.c5-c-banner a {
  display: block; }

.c5-c-banner a:hover {
  opacity: .7; }

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

.c5-c-banner__mt100 {
  margin-top: 10%; }

.c5-c-banner__mt150 {
  margin-top: 12.5%; }

.c5-c-banner__mb40 {
  margin-bottom: 3.33333%; }

.c5-c-banner__mb100 {
  margin-bottom: 10%; }

.c5-c-banner__mb150 {
  margin-bottom: 12.5%; }

@media screen and (max-width: 768px) {
  .c5-c-banner {
    width: 100%; }
  .c5-c-banner--hotel {
    margin: 7.24638% auto 0; }
  .c5-c-banner--expo {
    margin: 7.24638% auto 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .c5-c-banner a:hover {
    opacity: 1; }
  .c5-c-banner img {
    width: 100%; }
  .c5-c-banner__mt50 {
    margin-top: 7.24638%; }
  .c5-c-banner__mt100 {
    margin-top: 14.49275%; }
  .c5-c-banner__mt150 {
    margin-top: 14.49275%; }
  .c5-c-banner__mb40 {
    margin-bottom: 7.53623%; }
  .c5-c-banner__mb100 {
    margin-bottom: 14.49275%; }
  .c5-c-banner__mb150 {
    margin-bottom: 14.49275%; } }

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

.c5-c-sublink {
  margin-top: 6.66667%;
  background: #f8fbf0;
  padding: 2.08333% 1.66667% 1.66667%; }

.c5-c-sublink__head {
  margin-bottom: 2.15517%;
  position: relative;
  font-size: 24px;
  text-align: center;
  color: #6fb92c;
  font-weight: 700;
  letter-spacing: .15em; }

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

.c5-c-sublink__list > li {
  width: 49.13793%; }

.c5-c-sublink__list a {
  display: block; }

.c5-c-sublink__list a:hover {
  opacity: .7; }

.c5-c-sublink__list img {
  width: 100%; }

@media screen and (max-width: 1260px) {
  .c5-c-sublink__head {
    font-size: 2.4vw; } }

@media screen and (max-width: 768px) {
  .c5-c-sublink {
    margin-top: 8%;
    padding: 4.66667% 4% 4%; }
  .c5-c-sublink__head {
    font-size: 4.8vw;
    margin-bottom: 4.92958%; }
  .c5-c-sublink__head img {
    width: 100%; }
  .c5-c-sublink__list {
    display: block; }
  .c5-c-sublink__list > li {
    width: 100%; }
  .c5-c-sublink__list li ~ li {
    margin-top: 4.22535%; }
  .c5-c-sublink__list a:hover {
    opacity: 1; } }

.c5-c-anchor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8.33333%; }

.c5-c-anchor-list--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c5-c-anchor-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16.66667%;
  text-align: center;
  border-left: 1px solid #000; }

.c5-c-anchor-list li:last-child {
  border-right: 1px solid #000; }

.c5-c-anchor-list a {
  font-size: 16px;
  line-height: 1.3;
  position: relative;
  width: 100%;
  display: block; }

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

.c5-c-anchor-list a::before {
  content: "";
  display: block;
  padding-top: 15%; }

.c5-c-anchor-list a::after {
  content: "";
  display: block;
  padding-bottom: 15%; }

.c5-c-anchor-list span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

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

@media screen and (max-width: 768px) {
  .c5-c-anchor-list {
    margin-top: 13.33333%;
    padding: 0 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .c5-c-anchor-list li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 4.34783%; }
  .c5-c-anchor-list li:nth-child(2n) {
    border-right: 1px solid #000; }
  .c5-c-anchor-list a {
    font-size: 3.73333vw; }
  .c5-c-anchor-list a:hover {
    opacity: 1; } }

.c5-c-text {
  font-size: 16px;
  line-height: 1.6; }

.c5-c-text__mbem {
  margin-bottom: 1em !important; }

.c5-c-text__mb2em {
  margin-bottom: 2em !important; }

.c5-c-text--lh {
  line-height: 2.5 !important; }

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

.c5-c-text--bold {
  font-weight: 700; }

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

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

.c5-c-h2 {
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 1.25%;
  margin-bottom: 2.91667%;
  border-bottom: 1px solid #aaaaab; }

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

@media screen and (max-width: 768px) {
  .c5-c-h2 {
    font-size: 5.33333vw;
    margin-bottom: 5.07246%;
    line-height: 1.3; } }

.c5-c-h3 {
  font-size: 24px;
  font-weight: 700;
  color: #505e97;
  margin-bottom: 2.5%;
  padding: .5% 0 .5% 1.25%;
  border-left: 4px solid #505e97; }

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

@media screen and (max-width: 768px) {
  .c5-c-h3 {
    font-size: 4.8vw;
    margin-bottom: 4.34783%;
    line-height: 1.3; } }

.c5-c-h3__bl {
  color: #0b8495;
  border-left-color: #0b8495; }

.c5-c-h3__gr {
  color: #598d16;
  border-left-color: #598d16; }

.c5-c-h3__db {
  color: #4b6c85;
  border-left-color: #4b6c85; }

.c5-c-h3__br {
  color: #000;
  border-left-color: #000; }

.c5-c-h3__bl-brown {
  color: #000;
  border-left-color: #aa5251; }
  .c5-c-h3__or {
    color: #ea7125;
    border-left-color: #ea7125;
  }
.c5-c-fig {
  font-size: 13px;
  text-align: center;
  line-height: 1.3; }

.c5-c-fig__mt {
  margin-top: 1em; }

.c5-c-fig__mt2 {
  margin-top: 2em; }

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

@media screen and (max-width: 768px) {
  .c5-c-fig {
    font-size: 3.33333vw; } }

.c5-c-small {
  font-size: 13px;
  line-height: 1.5; }

.c5-c-small__lead {
  position: relative;
  padding-left: 1.5em; }

.c5-c-small__lead::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※"; }

.c5-c-small__aster {
  position: relative;
  padding-left: 1.5em; }

.c5-c-small__aster::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "＊"; }

.c5-c-small__mbem {
  margin-bottom: .7em; }

.c5-c-small__mtem {
  margin-top: 1em; }

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

@media screen and (max-width: 768px) {
  .c5-c-small {
    font-size: 3.33333vw; } }

.c5-c-bold {
  font-weight: 700; }

.c5-c-anchor {
  color: #5886f5; }

.c5-c-anchor:hover {
  text-decoration: none;
  color: #5886f5;
  opacity: .7; }

.c5-c-btn a {
  display: block;
  text-align: center;
  color: #fff;
  background: #a8a8a8;
  font-size: 16px;
  text-decoration: none;
  padding: .7em 1em; }

.c5-c-btn a:before {
  content: "\f0da";
  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-c-btn a:hover {
  opacity: .7; }

@media screen and (max-width: 1000px) {
  .c5-c-btn a {
    font-size: 1.6vw;
    line-height: 1.3; } }

.c5-c-dpack-btn a {
  position: relative;
  padding: .9em 0;
  display: block;
  color: #fff;
  background: #7584c3;
  font-size: 23px;
  line-height: 1.3; }

.c5-c-dpack-btn a:hover {
  text-decoration: none;
  opacity: .8; }

.c5-c-dpack-btn a::before {
  position: absolute;
  content: "";
  background: url(/bravia-biz/images/common/file_icon.png) no-repeat;
  background-size: 100%;
  width: 6.83333%;
  height: 0;
  padding-top: 8.5%;
  left: 4%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-c-dpack-btn a::after {
  content: "";
  position: absolute;
  background: url(/bravia-biz/images/conference/arror.png) no-repeat;
  background-size: 100%;
  width: 1.5%;
  height: 0;
  padding-top: 2.33333%;
  top: 50%;
  right: 6%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-c-dpack-btn__block {
  padding-left: 4.5em;
  display: inline-block; }

.c5-c-dpack-btn__border {
  display: inline-block;
  font-size: 17px;
  border: 1px solid #fff;
  padding: .3em .9em;
  margin-bottom: .4em;
  line-height: 1; }

.c5-c-dpack-btn__1200 {
  margin: 0 auto;
  width: 50%; }

.c5-c-dpack-btn__mt100 {
  margin-top: 8.33333%; }

.c5-c-dpack-btn__mt70 {
  margin-top: 8.33333%; }

@media screen and (max-width: 1260px) {
  .c5-c-dpack-btn a {
    font-size: 1.8254vw; }
  .c5-c-dpack-btn__border {
    font-size: 1.34921vw; } }

@media screen and (max-width: 768px) {
  .c5-c-dpack-btn a {
    font-size: 3.6vw; }
  .c5-c-dpack-btn a:hover {
    opacity: 1; }
  .c5-c-dpack-btn__border {
    font-size: 2.8vw; }
  .c5-c-dpack-btn__1200 {
    width: 100%; }
  .c5-c-dpack-btn__mt70 {
    margin-top: 10.14493%; }
  .c5-c-dpack-btn__mt100 {
    margin-top: 14.49275%; }
  .c5-c-dpack-btn__p20 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px; } }

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

.c5-c-colorbox {
  margin-top: 10%;
  padding: 5% 3.33333%;
  background: #fcf6f0; }

.c5-c-colorbox__head {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5; }

.c5-c-colorbox__head--fz28 {
  font-size: 28px; }

.c5-c-colorbox__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.57143%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c5-c-colorbox__flex__txt {
  width: 57.14286%; }

.c5-c-colorbox__flex__img {
  width: 30.35714%; }

.c5-c-colorbox__flex__img figcaption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5; }

.c5-c-colorbox__mb:not(:first-of-type) {
  margin-top: 6.25%; }

@media screen and (max-width: 1000px) {
  .c5-c-colorbox__head {
    font-size: 2vw; }
  .c5-c-colorbox__head--fz28 {
    font-size: 2.8vw; }
  .c5-c-colorbox__flex__img figcaption {
    font-size: 1.3vw; } }

@media screen and (max-width: 768px) {
  .c5-c-colorbox {
    padding: 5%; }
  .c5-c-colorbox__head {
    font-size: 3.73333vw; }
  .c5-c-colorbox__head--fz28 {
    font-size: 4.8vw; }
  .c5-c-colorbox__flex {
    display: block; }
  .c5-c-colorbox__flex__txt {
    width: 100%; }
  .c5-c-colorbox__flex__img {
    margin: 6.45161% auto 0;
    width: 90%; }
  .c5-c-colorbox__flex__img figcaption {
    font-size: 2.93333vw; }
  .c5-c-colorbox__flex__img img {
    width: 100%; }
  .c5-c-colorbox__mb:not(:first-of-type) {
    margin-top: 6.45161%; } }

.c5-c-linkbtn {
  margin: 5% auto 0;
  width: 320px; }

.c5-c-linkbtn a {
  font-size: 16px;
  position: relative;
  display: block;
  padding: 3.125%;
  text-align: center;
  background: #5787f4;
  color: #fff;
  text-decoration: none; }

.c5-c-linkbtn a::before {
  content: "\f0da";
  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-c-linkbtn a:hover {
  opacity: .7; }

.c5-c-linkbtn.c5-muliti {
  width: 600px; }

.c5-c-linkbtn.c5-muliti a {
  padding: 1.66667%;
  line-height: 1.5; }

.c5-c-linkbtn.c5-c-btn-practical {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 160px;
  max-width: initial; }

.c5-c-linkbtn.c5-c-btn-practical a {
  position: relative;
  font-size: 14px;
  padding: .71429em 1em; }

.c5-c-linkbtn.c5-c-btn-practical a::before {
  margin: 0 .6em .05em -1.2em; }

.c5-c-linkbtn.c5-c-btn-practical a::after {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/bravia-biz/images/common/pdf.png) no-repeat center center;
  background-size: 100%;
  width: 12.5%;
  padding-top: 15%;
  margin-left: 3.125%;
  vertical-align: middle;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.c5-c-linkbtn.c5-c-btn-guide {
  width: 190px;
  margin-top: 10%; }

.c5-c-linkbtn.c5-c-btn-guide a {
  position: relative;
  padding: .71429em .5em; }

.c5-c-linkbtn.c5-c-btn-4kpic {
  width: 440px; }

.c5-c-linkbtn.c5-c-btn-4kpic a {
  position: relative;
  padding: .71429em .5em; }

@media screen and (max-width: 1000px) {
  .c5-c-linkbtn {
    width: 32vw; }
  .c5-c-linkbtn a {
    font-size: 1.6vw; }
  .c5-c-linkbtn.c5-muliti {
    width: 60vw; }
  .c5-c-linkbtn.c5-c-btn-practical {
    width: 16vw; }
  .c5-c-linkbtn.c5-c-btn-practical a {
    font-size: 1.4vw; }
  .c5-c-linkbtn.c5-c-btn-guide {
    width: 19vw; }
  .c5-c-linkbtn.c5-c-btn-4kpic {
    width: 44vw; } }

@media screen and (max-width: 768px) {
  .c5-c-linkbtn {
    margin-top: 8.69565%;
    width: 76.81159%; }
  .c5-c-linkbtn a {
    font-size: 3.46667vw;
    padding: 3.77358% 2.83019%; }
  .c5-c-linkbtn.c5-muliti {
    width: 100%; }
  .c5-c-linkbtn.c5-c-btn-practical {
    position: static;
    margin-top: 6.25%;
    width: 50%; }
  .c5-c-linkbtn.c5-c-btn-practical a {
    font-size: 3.46667vw; }
  .c5-c-linkbtn.c5-c-btn-practical a::after {
    background-image: url(/bravia-biz/images/common/pdf@2x.png);
    width: 1.53846em;
    padding-top: 1.84615em;
    margin-left: 3.125%; }
  .c5-c-linkbtn.c5-c-btn-guide {
    width: 45.28986vw; }
  .c5-c-linkbtn.c5-c-btn-4kpic {
    width: 76.81159%; } }

.c5-c-colorhead {
  padding: .66667% 0;
  font-size: 20px;
  text-align: center;
  background: #2d3c71;
  color: #fff; }

.c5-c-colorhead--red {
  background: #c51230; }

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

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

.c5-c-gray {
  color: #939298; }

.c5-c-mt35 {
  margin-top: 2.91667%; }

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

.c5-c-mt35em {
  margin-top: 2.1875em; }

.c5-right-mt10 {
  margin-top: 1.38889%; }

.c5-c-borderBlock__orange {
  border: #ea7125 1px solid;
  padding: 2%;
}
.c5-c-resolution-academy__img__cast {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .c5-c-text.c5-c-promode__item__flex__text {
    width: 100%;
    margin-bottom: 3.3333%;
  }
  .c5-c-promode__item__flex {
    flex-direction: column;
  }
  .c5-txt-note__title {
    font-size: 16px;
  }
  .c5-c-resolution-academy__img__cast {
    width: 80%;
  }
}

.c5-indentText {
  margin-left: 1rem;
  text-indent: -0.775rem;
  line-height: 1.6;
}
.c5-grayText{
  color: #83838f;
}

@media screen and (min-width: 769px) {
  .c5-flex__item .c5-c-h3{
    margin-bottom: 6%;}
  .c5-flex__item__inner{
    margin-bottom: 7%;}}
@media screen and (min-width: 769px) {
  .c5-flex__item .c5-flex__item__inner:last-child{
    margin-bottom: 0;}}

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

.s5-button-container{
  margin-top: 40px;
  text-align: center;
}

.c5-button-online{
  display: block;
  color: #FFF;
  font-size: 21px;
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  border-radius: 1px;
  background: #5787f4;
  transition: all .2s;
  margin-top: 40px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 15px 30px;
  position: relative;
}
.c5-button-online:hover{
  background: #8aacf6;
  color: #fff;
  text-decoration: none;
}
.c5-button-online::before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 20px;
  left: 15px;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  border-right: 0;
}
.c5-flex .c5-flex__item.c5-flex__item__illustration{
  width: 30%;
}
.c5-flex .c5-flex__item.c5-flex__item__text{
  width: 67%;
}
.c5-c-promode__item__imgFlex__reverse{
  margin-top: 20px;
}
@media screen and (max-width:768px) {
  .c5-flex .c5-flex__item.c5-flex__item__illustration{
    width: 100%;
    margin-bottom: 10px;
  }
  .c5-flex .c5-flex__item.c5-flex__item__text{
    width: 100%;
  }
}
.c5-btn-online{
  padding:1.5% 10%;
  font-size: 24px;
}
@media screen and (max-width:768px) {
  .c5-btn-online{
    font-size: 3.46667vw;
    padding:2.5% 10%;
  }
}

.s5-container img {
  max-width: 100%;
}

.c5-re2025-bg-blue-green-gradient {
  background: linear-gradient(90deg, #b3dfe2 0%, #fff 68%);
}

.c5-re2025 {
  margin: 0 calc(50% - 50vi);
  padding: 0 calc(50cqi - 50%) 60px;
  background: var(--blue-green-light);
  font-size: 16px;
}
.c5-re2025 img,
.c5-re2025 img[class^="s5"] {
  margin: initial;
  display: inline;
}
.c5-re2025 p {
  line-height: 1.7;
}
.c5-re2025 .c5-c-consultation {
  background: white;
}
.c5-re2025 .c5-recommend {
  margin-bottom: 40px;
}
.c5-re2025--anchor-position {
  margin-top: -125px;
  padding-top: 125px;
}
@media (max-width: 767px) {
  .c5-re2025--anchor-position {
    margin-top: unset;
    padding-top: unset;
  }
}
.c5-re2025--h1 {
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .c5-re2025--h1 {
    font-size: 20px;
  }
}
.c5-re2025--h2 {
  margin-bottom: 40px;
  border-bottom: 2px solid #aaaaab;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .c5-re2025--h2 {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.c5-re2025--h3 {
  margin-bottom: 40px;
  padding-left: 15px;
  border-left: 4px solid black;
  color: var(--black);
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .c5-re2025--h3 {
    margin-bottom: 16px;
    font-size: 16px;
  }
}
.c5-re2025--h3__badge {
  display: inline-block;
  font-size: 14px;
  padding: 0 8px;
  border: 1px solid #2f353d;
  justify-self: end;
}
.c5-re2025--h3:has(.c5-re2025--h3__badge) {
  display: grid;
}
.c5-re2025--h3-2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px;
  background-color: white;
  color: black;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c5-re2025--h3-2 {
    margin-bottom: 40px;
    padding: 16px;
    gap: 16px;
    font-size: 24px;
  }
}
.c5-re2025--h3-2 .label {
  padding: 0 12px;
  flex: 0 0 auto;
  background-color: black;
  color: white;
}
.c5-re2025--h3-2 .text {
  flex: 1 1 auto;
}
.c5-re2025--box {
  margin: 16px 0;
  padding: 24px;
}
@media (min-width: 768px) {
  .c5-re2025--box {
    margin: 30px 0;
  }
}
.c5-re2025--bg-gray-imddle {
  background-color: var(--gray-middle);
}
.c5-re2025--blue-green {
  border-color: var(--blue-green);
}
.c5-re2025--blue-green:is(h2) {
  color: var(--blue-green);
}
.c5-re2025--button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 4px;
  background-color: var(--link);
  color: white;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c5-re2025--button {
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
  }
}
.c5-re2025--button:hover {
  color: white;
  text-decoration: none;
  opacity: 0.8;
}
.c5-re2025--button span::after {
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-left: 1em;
  border-style: solid;
  border-color: inherit;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  vertical-align: 0.1em;
  transition: border 0.1s;
}
.c5-re2025--button-green {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  padding: 12px 16px;
  border-radius: 4px;
  background-color: var(--green);
  color: white;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c5-re2025--button-green {
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
    width: fit-content;
  }
}
.c5-re2025--button-green:hover {
  color: white;
  text-decoration: none;
  opacity: 0.8;
}
.c5-re2025--button-green__icon-mail {
  width: 32px;
}
.c5-re2025--button-green span {
  position: relative;
}
@media (min-width: 768px) {
  .c5-re2025--button-green span {
    padding-right: 50px;
  }
}
.c5-re2025--button-green span::after {
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  border-style: solid;
  border-color: inherit;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  vertical-align: 0.1em;
  transition: border 0.1s;
}
@media (min-width: 768px) {
  .c5-re2025--button-green span::after {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
}
.c5-re2025--modal {
  display: grid;
  place-items: center;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s, visibility 0.3s;
}
.c5-re2025--modal:not(.active) {
  visibility: hidden;
  opacity: 0;
}
.c5-re2025--modal__container {
  max-height: 90%;
  max-width: 90%;
}
.c5-re2025--modal-trigger {
  position: relative;
}
@media (max-width: 767px) {
  .c5-re2025--modal-trigger {
    pointer-events: none;
  }
}
.c5-re2025--modal-trigger:hover {
  opacity: 0.8;
  cursor: pointer;
}
.c5-re2025--modal-trigger__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  border-radius: 40px;
  background-color: #fff;
  font-size: 14px;
}
@media (max-width: 767px) {
  .c5-re2025--modal-trigger__label {
    display: none;
  }
}
.c5-re2025--modal-trigger__label::before {
  content: "";
  display: block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background: url(/bravia-biz/signage/images/icon-open-modal.png) no-repeat center/contain;
}
.c5-re2025--section {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .c5-re2025--section {
    margin-bottom: 40px;
  }
}
.c5-re2025--shadow-section {
  margin-bottom: 24px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.c5-re2025--shadow-section.c5-shadow-none {
  box-shadow: none;
}
.c5-re2025--shadow-section__header {
  padding: 24px 16px 16px;
  background-color: var(--blue-green);
  color: white;
}
@media (min-width: 768px) {
  .c5-re2025--shadow-section__header {
    padding: 40px;
  }
}
.c5-re2025--shadow-section__header .title {
  margin-bottom: 8px;
  font-size: 18px;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025--shadow-section__header .title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.c5-re2025--shadow-section__header p {
  font-size: 14px;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025--shadow-section__header p {
    font-size: 16px;
  }
}
.is-signage-top .c5-re2025--shadow-section__header .title {
  margin: 8px 0 0;
  font-size: 20px;
}
@media (min-width: 768px) {
  .is-signage-top .c5-re2025--shadow-section__header .title {
    margin: 16px 0 0;
    font-size: 48px;
  }
}
.is-signage-top .c5-re2025--shadow-section__header p {
  font-size: 16px;
}
@media (min-width: 768px) {
  .is-signage-top .c5-re2025--shadow-section__header p {
    font-size: 20px;
  }
}
.c5-re2025--shadow-section__body {
  padding: 24px 20px;
}
@media (min-width: 768px) {
  .c5-re2025--shadow-section__body {
    padding: 80px min(60px, 10%);
  }
}
@media (min-width: 768px) {
  .c5-re2025--shadow-section__body .notice {
    font-size: 14px;
  }
}
.c5-re2025--shadow-section__body p + p {
  margin-top: 1em;
}
@media (min-width: 768px) {
  .is-signage-top .c5-re2025--shadow-section__body {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.c5-re2025--shadow-section .notice-bottom {
  text-align: right;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .c5-re2025--shadow-section .notice-bottom {
    font-size: 14px;
  }
}
.c5-re2025--tab-box {
  margin-top: 16px;
}
.c5-re2025--tab-box__tabs {
  display: flex;
  gap: 8px;
  overflow: auto hidden;
  padding-bottom: 28px;
}
.c5-re2025--tab-box__tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 128px;
  padding: 12px 8px;
  border: 2px solid var(--gray-middle);
  border-radius: 4px;
  background-color: white;
  color: var(--gray-dark);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 768px) {
  .c5-re2025--tab-box__tab {
    flex: 1 1 auto;
    width: calc((100% - 16px) / 3);
  }
}
.c5-re2025--tab-box__tab.active {
  position: relative;
  border-color: var(--black);
  color: var(--black);
}
.c5-re2025--tab-box__tab.active:after,
.c5-re2025--tab-box__tab.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.c5-re2025--tab-box__tab.active:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.c5-re2025--tab-box__tab.active:before {
  border-color: rgba(47, 53, 61, 0);
  border-top-color: #2f353d;
  border-width: 13px;
  margin-left: -13px;
}
.c5-re2025--tab-box__tab .head {
  margin-bottom: 4px;
  color: var(--blue-green);
  line-height: 1;
}
.c5-re2025--tab-box__tab .img {
  margin-top: 16px;
  width: 70px;
}
@media (min-width: 768px) {
  .c5-re2025--tab-box__tab .img {
    width: 140px;
  }
}
.c5-re2025--tab-box__tab p {
  flex: 1 0 auto;
  line-height: 1.7;
}
.c5-re2025--tab-box__contents {
  padding: 16px;
  border: 2px solid var(--gray-middle);
  background-color: #fff;
}
@media (min-width: 768px) {
  .c5-re2025--tab-box__contents {
    padding: 24px;
  }
}
.c5-re2025--tab-box__content:not(.active) {
  display: none;
}
.c5-re2025--tab-box__content dl dt {
  padding: 4px;
  background-color: var(--gray-middle);
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .c5-re2025--tab-box__content dl dt {
    font-size: 18px;
  }
}
.c5-re2025--tab-box__content dl dd {
  padding: 16px 0;
  line-height: 1.7;
}
.c5-re2025--tab-box__content p:not(.head) {
  margin-top: 16px;
}
.c5-re2025--tab-box__content .head {
  margin-bottom: 16px;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025--tab-box__content .head {
    font-size: 18px;
  }
}
.c5-re2025--tab-box__content .head small {
  font-size: 12px;
  display: inline-block;
  line-height: 1.5;
}
.c5-re2025--tab-box__content .content-row {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .c5-re2025--tab-box__content .content-row {
    flex-direction: row;
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .c5-re2025--tab-box__content .content-col {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
  }
  .c5-re2025--tab-box__content .content-col > .head {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
  }
}
.c5-re2025--column {
  margin-bottom: 40px;
}
.c5-re2025--column .link {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .c5-re2025--column .link {
    margin-top: 30px;
    text-align: right;
  }
}
.c5-re2025--column .small {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}
.c5-re2025--column__row {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 768px) {
  .c5-re2025--column__row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .c5-re2025--column__col {
    flex: 1 1 auto;
  }
  .c5-re2025--column__col.is-image {
    flex: 1 0 auto;
    width: min(585px, 50%);
  }
}
.c5-re2025--column__col p + p {
  margin-top: 30px;
}

.c5-re2025-about--introduction {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .c5-re2025-about--introduction {
    display: flex;
    flex-direction: row;
    gap: 40px;
    margin-bottom: 70px;
    padding: 40px 0;
  }
  .c5-re2025-about--introduction .col {
    flex: 1 1 auto;
  }
  .c5-re2025-about--introduction .col-600 {
    flex: 1 0 50%;
    width: 600px;
  }
}
.c5-re2025-about--merit {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .c5-re2025-about--merit {
    flex-direction: row;
  }
}
.c5-re2025-about--merit__col {
  display: flex;
  flex-direction: column;
  padding: 24px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .c5-re2025-about--merit__col {
    flex: 1 1 30%;
  }
}
.c5-re2025-about--merit__col dt {
  color: var(--blue-green);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-about--merit__col dt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    font-size: 24px;
  }
}
.c5-re2025-about--merit__col .img {
  text-align: center;
}
.c5-re2025-about--use {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-about--use {
    flex-direction: row;
  }
}
.c5-re2025-about--use__col {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .c5-re2025-about--use__col {
    padding: 16px;
    flex: 1 1 25%;
  }
}
@media (min-width: 768px) {
  .c5-re2025-about--use__col dt {
    margin: 0 0 30px;
  }
}
.c5-re2025-about--use__col .img {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-about--use__col .img {
    margin: 0 0 30px;
  }
}
.c5-re2025-about--use__col .img p {
  margin-top: 8px;
  color: var(--gray-dark);
  font-size: 14px;
  line-height: 1.7;
}
.c5-re2025-about--support {
  margin-bottom: 36px;
}
.c5-re2025-about--support__row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-about--support__row {
    flex-direction: row;
    margin-bottom: 40px;
  }
  .c5-re2025-about--support__row > li {
    flex: 1 1 auto;
  }
}

.c5-re2025-multi-display--introduction {
  margin-bottom: 0px;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .c5-re2025-multi-display--introduction {
    margin-bottom: 70px;
    padding: 40px 0;
  }
}
.c5-re2025-multi-display--introduction .c5-video-wrap {
  margin-bottom: 4px;
}
.c5-re2025-multi-display--introduction__row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .c5-re2025-multi-display--introduction__row {
    flex-direction: row;
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-multi-display--introduction__col {
    flex: 1 1 auto;
  }
  .c5-re2025-multi-display--introduction__col.col-600 {
    flex: 1 0 50%;
    width: 600px;
  }
}
.c5-re2025-multi-display--youtube {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  aspect-ratio: 96/54;
}
.c5-re2025-multi-display--youtube iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .c5-re2025-RDM--outline-row {
    display: flex;
  }
}
.c5-re2025-RDM--outline {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline {
    flex-direction: column;
    gap: 24px;
  }
  .c5-re2025-RDM--outline.column-heading {
    width: 158px;
  }
  .c5-re2025-RDM--outline.column-heading .dl-1 {
    height: 54px;
  }
  .c5-re2025-RDM--outline.column-heading .dl-2 {
    height: 100px;
  }
  .c5-re2025-RDM--outline.column-content {
    flex: 1 1 auto;
    width: calc((100% - 158px) / 2);
  }
}
.c5-re2025-RDM--outline > dl {
  display: flex;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .c5-re2025-RDM--outline > dl {
    flex-direction: column;
    width: 40px;
  }
}
.c5-re2025-RDM--outline > dl > dt,
.c5-re2025-RDM--outline > dl > dd {
  line-height: 40px;
  text-align: center;
  letter-spacing: 0.04em;
  flex: 1 0 auto;
}
@media (max-width: 767px) {
  .c5-re2025-RDM--outline > dl > dt,
  .c5-re2025-RDM--outline > dl > dd {
    writing-mode: vertical-rl;
  }
}
.c5-re2025-RDM--outline .dl-1 dt {
  padding: 8px 0;
  background-color: var(--black);
  color: white;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-1 dt {
    padding: 0;
    line-height: 54px;
    font-size: 20px;
  }
}
.c5-re2025-RDM--outline .dl-1 dd {
  position: relative;
  margin: 12px 0;
  background-color: #fff;
  border: 1px solid var(--black);
  border-width: 0 1px;
  color: var(--black);
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-1 dd {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    margin: 0 20px;
    height: 52px;
    border-width: 1px 0;
    line-height: 1.3;
  }
}
.c5-re2025-RDM--outline .dl-1 dd::before {
  position: absolute;
  top: -12px;
  left: -1px;
  height: 14px;
  width: calc(100% + 2px);
  background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_1.svg") no-repeat center top/100% auto;
  content: "";
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-1 dd::before {
    top: -1px;
    left: -20px;
    width: 20px;
    height: 54px;
    background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_1_pc.svg") no-repeat left center/auto 100%;
  }
}
.c5-re2025-RDM--outline .dl-1 dd::after {
  position: absolute;
  bottom: -12px;
  left: -1px;
  height: 14px;
  width: calc(100% + 2px);
  background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_1.svg") no-repeat center bottom/100% auto;
  content: "";
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-1 dd::after {
    top: -1px;
    left: 100%;
    width: 20px;
    height: 54px;
    background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_1_pc.svg") no-repeat right center/auto 100%;
  }
}
.c5-re2025-RDM--outline .dl-1 dd.first-item {
  border-top: 1px solid var(--black);
  margin-top: 0;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-1 dd.first-item {
    border-left: 1px solid var(--black);
    margin-left: 0;
  }
}
.c5-re2025-RDM--outline .dl-1 dd.first-item::before {
  content: none;
}
.c5-re2025-RDM--outline .dl-2 dt {
  padding: 8px 0;
  background-color: var(--blue-green);
  color: white;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-2 dt {
    padding: 0;
    line-height: 100px;
    font-size: 20px;
  }
}
.c5-re2025-RDM--outline .dl-2 dd {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 12px 0;
  background-color: #fff;
  border: 1px solid var(--blue-green);
  border-width: 0 1px;
  color: var(--blue-green);
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-2 dd {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 1 auto;
    margin: 0 20px;
    height: 98px;
    border-width: 1px 0;
  }
}
.c5-re2025-RDM--outline .dl-2 dd::before {
  position: absolute;
  top: -12px;
  left: -1px;
  height: 14px;
  width: calc(100% + 2px);
  background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_2.svg") no-repeat center top/100% auto;
  content: "";
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-2 dd::before {
    top: -1px;
    left: -20px;
    width: 20px;
    height: 100px;
    background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_2_pc_before.svg") no-repeat left center/auto 100%;
  }
}
.c5-re2025-RDM--outline .dl-2 dd::after {
  position: absolute;
  bottom: -12px;
  left: -1px;
  height: 14px;
  width: calc(100% + 2px);
  background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_2.svg") no-repeat center bottom/100% auto;
  content: "";
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-2 dd::after {
    top: -1px;
    left: 100%;
    width: 20px;
    height: 100px;
    background: url("/bravia-biz/signage/images/remote_device_manager/bg_outline_dl_2_pc_after.svg") no-repeat right center/auto 100%;
  }
}
.c5-re2025-RDM--outline .dl-2 dd.first-item {
  border-top: 1px solid var(--blue-green);
  margin-top: 0;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-2 dd.first-item {
    border-left: 1px solid var(--blue-green);
    margin-left: 0;
  }
}
.c5-re2025-RDM--outline .dl-2 dd.first-item::before {
  content: none;
}
.c5-re2025-RDM--outline .dl-2 small {
  font-size: 14px;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-2 small {
    display: block;
  }
}
.c5-re2025-RDM--outline .dl-2 span {
  margin-top: 30px;
  padding: 8px 0;
  border-radius: 15px;
  font-size: 16px;
  background-color: var(--black);
  color: white;
  font-weight: bold;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline .dl-2 span {
    margin: 0;
    padding: 4px 8px;
    min-width: 72px;
    width: fit-content;
  }
}
.c5-re2025-RDM--outline__content {
  flex: 1 1 auto;
  padding: 16px;
  border: 1px solid var(--blue-green);
  background-color: #fff;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline__content.is-pc-margin-left {
    margin-left: 8px;
  }
}
.c5-re2025-RDM--outline__content .title1 {
  height: 32px;
  line-height: 2em;
  border-radius: 32px;
  font-size: 16px;
  font-weight: bold;
  background-color: var(--blue-green);
  color: white;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline__content .title1 {
    height: 50px;
    line-height: 2.5em;
    border-radius: 50px;
    font-size: 20px;
  }
}
.c5-re2025-RDM--outline__content .title2 {
  margin: 16px 0;
  color: var(--blue-green);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline__content .title2 {
    font-size: 24px;
  }
}
.c5-re2025-RDM--outline__content dl {
  margin-bottom: 16px;
}
.c5-re2025-RDM--outline__content dl dt {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background-color: rgba(13, 161, 172, 0.2);
  font-weight: bold;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline__content dl dt {
    justify-content: center;
    font-size: 18px;
  }
}
.c5-re2025-RDM--outline__content dl dt::before {
  display: inline-block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: url("/bravia-biz/signage/images/icon_check_circle.svg") no-repeat center/contain;
  content: "";
}
.c5-re2025-RDM--outline__content dl dd .img {
  padding: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline__content dl dd {
    display: flex;
    gap: 24px;
    padding: 24px 0;
  }
  .c5-re2025-RDM--outline__content dl dd .img {
    flex: 0 0 auto;
    padding: 0;
    width: 120px;
    order: 2;
  }
  .c5-re2025-RDM--outline__content dl dd .img img {
    width: 100%;
  }
}
.c5-re2025-RDM--outline__link-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid var(--blue-green);
  color: var(--blue-green);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--outline__link-button {
    height: 54px;
    border-radius: 54px;
    font-size: 20px;
  }
}
.c5-re2025-RDM--outline__link-button:hover {
  color: var(--blue-green);
  opacity: 0.8;
  text-decoration: none;
}
.c5-re2025-RDM--outline__link-button::after {
  display: inline-block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background: url("/bravia-biz/signage/images/icon_arrow_circle_down.svg") no-repeat center/contain;
  content: "";
}
.c5-re2025-RDM--link-area {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--link-area {
    padding: 40px 0;
  }
}
.c5-re2025-RDM--link-area .back-to-top {
  margin-top: 20px;
  text-align: right;
}
@media (min-width: 768px) {
  .c5-re2025-RDM--link-area .back-to-top {
    margin-top: 40px;
  }
}

.c5-re2025-stb--column {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .c5-re2025-stb--column {
    margin-bottom: 110px;
  }
}
.c5-re2025-stb--column h3 {
  padding: 8px;
  margin-bottom: 16px;
  background-color: #fff;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c5-re2025-stb--column h3 {
    padding: 16px;
    margin-bottom: 40px;
    font-size: 24px;
  }
}
.c5-re2025-stb--column__row {
  display: flex;
  gap: 16px;
  align-items: center;
}
.c5-re2025-stb--column__col.is-image {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .c5-re2025-stb--column__col.is-image {
    width: 120px;
  }
}
.c5-re2025-stb--stb-less {
  padding: 24px 20px;
  border: 4px solid var(--blue-green);
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  font-size: 16px;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .c5-re2025-stb--stb-less {
    padding: 24px 40px;
  }
}
.c5-re2025-stb--stb-less__heading {
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-stb--stb-less__heading {
    font-size: 32px;
  }
}
.c5-re2025-stb--stb-less__heading em {
  font-style: normal;
  border-bottom: 3px solid var(--blue-green);
}
@media (min-width: 768px) {
  .c5-re2025-stb--stb-less__heading em {
    border-bottom-width: 6px;
  }
}
.c5-re2025-stb--stb-less__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-stb--stb-less__container {
    flex-direction: row;
    gap: 24px;
  }
}
.c5-re2025-stb--stb-less__container p + p {
  margin-top: 1em;
}
.c5-re2025-stb--stb-less__container .notice {
  font-size: 14px;
}
.c5-re2025-stb--stb-less__container .image {
  text-align: center;
  flex: 0 0 auto;
}
.c5-re2025-stb--stb-less__container .img_stb_less {
  width: 150px;
}
@media (min-width: 768px) {
  .c5-re2025-stb--stb-less__container .img_stb_less {
    width: 200px;
  }
}
.c5-re2025-stb--merit-demerit {
  margin-bottom: 24px;
  overflow: auto;
  background-color: #fff;
}
@media (min-width: 768px) {
  .c5-re2025-stb--merit-demerit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .c5-re2025-stb--merit-demerit table {
    width: 1200px;
  }
}
.c5-re2025-stb--merit-demerit tbody th {
  vertical-align: middle;
  width: 160px;
}
@media (max-width: 767px) {
  .c5-re2025-stb--merit-demerit tbody th {
    width: 100px;
  }
}
.c5-re2025-stb--merit-demerit tbody th.merit {
  background-color: #ffdede;
  color: var(--red);
  text-align: center;
}
.c5-re2025-stb--merit-demerit tbody th.demerit {
  background-color: #d3d4d7;
  color: var(--black);
  text-align: center;
}
.c5-re2025-stb--merit-demerit tbody th img {
  margin-bottom: 12px;
}
.c5-re2025-stb--merit-demerit tbody td {
  border: 4px solid white;
  vertical-align: top;
}
.c5-re2025-stb--merit-demerit tbody td.merit-data {
  background-color: #fff4f4;
}
.c5-re2025-stb--merit-demerit tbody td.merit-data dt::before {
  background-color: var(--red);
}
.c5-re2025-stb--merit-demerit tbody td.demerit-data {
  background-color: var(--gray-light);
}
.c5-re2025-stb--merit-demerit tbody td.demerit-data dt::before {
  background-color: var(--black);
}
.c5-re2025-stb--merit-demerit tbody dl {
  padding: 16px;
}
.c5-re2025-stb--merit-demerit tbody dt {
  position: relative;
  margin-bottom: 12px;
  padding-left: 16px;
  font-weight: bold;
}
.c5-re2025-stb--merit-demerit tbody dt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  border-radius: 6px;
}
.c5-re2025-stb--merit-demerit tbody dd {
  margin-bottom: 24px;
  line-height: 1.7;
}
.c5-re2025-stb--merit-demerit tbody dd:last-child {
  margin-bottom: 0;
}
.c5-re2025-stb--merit-demerit thead th.head {
  width: 520px;
  padding: 16px;
}
.c5-re2025-stb--merit-demerit thead th.head .name {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 16px;
  border-radius: 50px;
  background-color: var(--blue-green);
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .c5-re2025-stb--merit-demerit thead th.head .name {
    font-size: 16px;
  }
}

.c5-re2025-type--section {
  padding: 24px;
  background-color: white;
}
.c5-re2025-type--section:not(.last) {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .c5-re2025-type--section {
    padding: 40px;
  }
}
.c5-re2025-type--section__row {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .c5-re2025-type--section__row {
    flex-direction: row;
    gap: 24px;
    align-items: center;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-type--section__col {
    flex: 1 1 auto;
  }
  .c5-re2025-type--section__col.is-image {
    flex: 0 0 min(336px, 30%);
  }
}
.c5-re2025-type--section__col .c5-re2025--button,
.c5-re2025-type--section__col .c5-re2025--button-green {
  width: auto;
}
.c5-re2025-type--section__col .data-box {
  margin-top: 24px;
  margin-bottom: 8px;
  padding: 16px;
  border: 1px solid var(--blue-green);
  border-radius: 4px;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .c5-re2025-type--section__col .data-box {
    margin-bottom: 24px;
    padding: 24px;
  }
}
.c5-re2025-type--section__col .data-box > dt {
  margin-bottom: 16px;
  color: var(--blue-green);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .c5-re2025-type--section__col .data-box > dt {
    margin-bottom: 24px;
  }
}
.c5-re2025-type--section__col .data-box > dd {
  position: relative;
  margin-bottom: 12px;
  padding-left: 36px;
}
.c5-re2025-type--section__col .data-box > dd::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  display: inline-block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: url("/bravia-biz/signage/images/icon_check_circle.svg") no-repeat center/contain;
  content: "";
}

.c5-font__mar {
  font-family: "Marcellus", serif;
}

.c5-mb-20 {
  margin-bottom: 20px;
}

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

.c5-2025-top ol,
.c5-2025-top ul {
  overflow-x: unset !important;
}
.c5-2025-top .c5-scrollfade-in {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.c5-2025-top .c5-scrollfade-in.visible {
  opacity: 1;
}
.c5-2025-top .c5-scrollfade-in.c5-fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.c5-2025-top .c5-scrollfade-in.visible,
.c5-2025-top .c5-fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}
.c5-2025-top .c5-randomfade-in {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.c5-2025-top .c5-randomfade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .c5-2025-top .is-signage-top .c5-re2025--shadow-section__header .title {
    margin: 16px 0 0;
    font-size: 48px;
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .is-signage-top .c5-re2025--shadow-section__header .title span {
    position: relative;
    bottom: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .is-signage-top .c5-re2025--shadow-section__header .title img {
    width: 40px;
  }
}
@media (min-width: 768px) {
  .c5-2025-top__setting .notice.--QRcode {
    margin-top: -20px;
    text-align: right;
  }
}
.c5-2025-top .c5-2025-top__kv {
  background: #fff;
}
.c5-2025-top .c5-2025-top__kv-inner {
  padding: 20px 0;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__kv-inner {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__kv-ttl {
    padding: 15px 0;
  }
}
.c5-2025-top .c5-2025-top__head {
  font-size: clamp(24px, 4.1428571429vw, 58px);
  overflow: hidden;
  margin-bottom: 0;
}
.c5-2025-top .c5-2025-top__head span {
  background: unset;
  color: var(--blue-green);
  padding: 0;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__head span {
    margin: 0 auto;
  }
}
.c5-2025-top .c5-2025-top__txt {
  font-size: clamp(16px, 1.7142857143vw, 24px);
  font-weight: bold;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__txt {
    text-align: center;
    margin-bottom: 15px;
  }
}
.c5-2025-top .c5-2025-top__button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--blue-green);
  border: 1px solid var(--blue-green);
  padding: 10px 20px;
  width: fit-content;
  border-radius: 4px;
  transition: color 0.5s ease;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__button {
    margin: 0 auto;
  }
}
.c5-2025-top .c5-2025-top__button i {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/bravia-biz/signage/images/top/icon_link_g.svg) no-repeat center bottom;
  background-size: contain;
  z-index: 1;
  transition: all 1s ease;
}
.c5-2025-top .c5-2025-top__button:after {
  transition: all 1s ease;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%230DA1AC%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z%22%2F%3E%3C%2Fsvg%3E");
}
.c5-2025-top .c5-2025-top__button:hover {
  color: #fff;
  text-decoration: unset;
}
.c5-2025-top .c5-2025-top__button:hover i {
  background: url(/bravia-biz/signage/images/top/icon_link_w.svg) no-repeat center bottom;
  background-size: contain;
}
.c5-2025-top .c5-2025-top__button:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.c5-2025-top .c5-2025-top__button:hover::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z%22%2F%3E%3C%2Fsvg%3E");
  z-index: 1;
  position: relative;
}
.c5-2025-top .c5-2025-top__button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--blue-green);
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
}
.c5-2025-top .c5-2025-top__button span {
  position: relative;
}
.c5-2025-top .c5-2025-top-title {
  overflow: hidden;
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top-title {
    transform: translate(-100%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s;
  }
}
.c5-2025-top .c5-2025-top-title span {
  display: block;
  width: 550px;
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top-title span {
    transform: translate(100%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top-title span {
    width: fit-content;
  }
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top-title.-visible,
  .c5-2025-top .c5-2025-top-title.-visible span {
    transform: translate(0, 0);
  }
}
.c5-2025-top .c5-2025-top-sentence {
  overflow: hidden;
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top-sentence {
    transform: translate(-100%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s;
  }
}
.c5-2025-top .c5-2025-top-sentence span {
  display: block;
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top-sentence span {
    transform: translate(100%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s;
  }
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top-sentence.-visible,
  .c5-2025-top .c5-2025-top-sentence.-visible span {
    transform: translate(0, 0);
  }
}
.c5-2025-top .c5-2025-top__pagenav {
  width: min(960px, 90%);
  margin: 0 auto 60px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav {
    width: 100%;
    display: block;
  }
}
.c5-2025-top .c5-2025-top__pagenav-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-title {
    display: block;
  }
}
.c5-2025-top .c5-2025-top__pagenav-title h2 {
  font-size: 24px;
  text-align: center;
  line-height: 1.7;
  background: url(/bravia-biz/signage/images/top/pagenav-title-border.svg) no-repeat center bottom;
  padding: 50px;
  background-size: 100%;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-title h2 {
    padding: 20px 20px 50px;
    font-size: 16px;
    margin-bottom: 20px;
    padding-top: 100px;
  }
}
@media (max-width: 430px) {
  .c5-2025-top .c5-2025-top__pagenav-title h2 {
    padding: 20px;
    font-size: 16px;
    margin-bottom: 20px;
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-title img:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    left: -25%;
    margin: auto;
    width: 64px;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-title img:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    right: -25%;
    margin: auto;
    width: 53px;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner {
  width: calc(50% - 7.5px);
  display: grid;
  gap: 15px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner {
    width: 100%;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner:nth-child(3) {
  width: 100%;
  display: flex;
  gap: 15px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner:nth-child(3) {
    flex-wrap: wrap;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner:nth-child(3) .card {
  min-height: 200px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner:nth-child(3) .card {
    min-height: unset;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner:nth-child(3) .card:nth-child(2) {
  min-height: 200px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner:nth-child(3) .card:nth-child(2) {
    min-height: unset;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card {
  width: min(475px, 100%);
  min-height: 300px;
  padding: 30px;
  background-color: #fff;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card {
    padding: 16px 8px;
    min-height: unset;
    margin: 0 auto;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card:nth-child(2) {
  min-height: 375px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card:nth-child(2) {
    min-height: unset;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card h3 {
  font-size: 24px;
  color: var(--blue-green);
  text-align: center;
  line-height: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card h3 {
    font-size: 20px;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card h3 img {
  position: relative;
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card ul {
  display: grid;
  gap: 17px;
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  line-height: 1.5;
  padding: 16.5px 20px;
  background-color: #f1f5f9;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card ul li a {
    font-size: 16px;
  }
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card ul li a:before {
  content: "";
  display: block;
  margin-right: 5px;
  background: url(/bravia-biz/signage/images/icon_expand_circle_down.svg) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card ul li a:hover {
  text-decoration: unset;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: var(--blue-green);
  color: #fff;
}
.c5-2025-top .c5-2025-top__pagenav-list .pagenav-list-inner .card ul li a:hover:before {
  background: url(/bravia-biz/signage/images/icon_expand_circle_down_w.svg) no-repeat center center;
  background-size: cover;
}
.c5-2025-top .c5-2025-top__operation-stb {
  position: relative;
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__operation-stb {
    flex-wrap: wrap;
    gap: unset;
  }
}
.c5-2025-top .c5-2025-top__operation-stb-item {
  width: calc(100% - 16px);
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__operation-stb-item {
    width: 100%;
  }
}
.c5-2025-top .c5-2025-top__operation-stb-item h4 {
  font-size: 16px;
  padding: 16px 0 12px;
  text-align: center;
}
.c5-2025-top .c5-2025-top__operation-stb > div:nth-child(2) {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  width: fit-content;
  top: -5px;
  transform: rotate(-90deg);
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__operation-stb > div:nth-child(2) {
    position: relative;
    top: 0;
    height: 53px;
    transform: rotate(0deg);
  }
}
.c5-2025-top .c5-2025-top__operation-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.c5-2025-top .c5-2025-top__operation-list > li {
  width: calc(33% - 20px);
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top__operation-list > li {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__operation-list > li {
    width: 100%;
  }
}
.c5-2025-top .c5-2025-top__operation-list > li h4 {
  background-color: var(--blue-green);
  padding: 10px 8px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  margin-bottom: 16px;
}
.c5-2025-top .c5-2025-top__operation-list > li .list-box {
  border: 1px solid var(--blue-green);
  border-radius: 4px;
  padding: 12px;
}
@media (min-width: 768px) {
  .c5-2025-top .c5-2025-top__operation-list > li .list-box {
    flex: 1 0 auto;
  }
}
.c5-2025-top .c5-2025-top__operation-list > li .list-box > span {
  color: var(--blue-green);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 12px;
}
.c5-2025-top .c5-2025-top__operation-list > li ul {
  overflow-x: unset !important;
}
.c5-2025-top .c5-2025-top__operation-list > li ul li {
  display: flex;
  align-items: start;
  margin-bottom: 12px;
}
.c5-2025-top .c5-2025-top__operation-list > li ul li:last-child {
  margin-bottom: 0;
}
.c5-2025-top .c5-2025-top__operation-list > li ul li:before {
  content: "";
  display: block;
  margin: 4px 8px 0 0;
  background: url(/bravia-biz/signage/images/icon_check_circle.svg) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.c5-2025-top .c5-2025-top__operation-list > li ul li p {
  width: calc(100% - 25px);
  min-height: unset;
}
.c5-2025-top .c5-2025-top__photo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.c5-2025-top .c5-2025-top__photo-list li {
  width: calc(50% - 13px);
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__photo-list li {
    width: calc(50% - 4px);
    opacity: 1 !important;
  }
}
.c5-2025-top .c5-re2025--shadow-section {
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section {
    margin-bottom: 24px;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .subtitle {
  color: var(--blue-green);
  font-size: 32px;
  text-align: center;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--blue-green);
  padding: 1em 0 0.25em;
}

@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .subtitle {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .subtitle:has(+ .subtitle__badge) {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .subtitle:has(+ .subtitle__badge) {
    margin-bottom: 0;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .subtitle__badge {
  display: block;
  width: fit-content;
  font-size: 14px;
  padding: 2px 8px;
  border: 1px solid #2f353d;
  color: #2f353d;
  font-weight: bold;
  margin-bottom: 40px;
  margin-left: auto;
  @media (max-width: 767px) {
    margin-bottom: 15px;
  }
}

.c5-2025-top .c5-re2025--shadow-section__body .point {
  display: flex;
  margin-bottom: 40px;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .point {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 15px;
    row-gap: 0;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .point_number {
  color: var(--blue-green);
  font-size: 40px;
  word-break: keep-all;
  display: block;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .point_number {
    width: fit-content;
    font-size: 20px;
    display: block;
    margin-bottom: 15px;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .point_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.c5-2025-top .c5-re2025--shadow-section__body .point_title:has(.point_subtitle) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .point_title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .point_tag {
  display: inline-block;
  padding: 0.5em 1em;
  background: var(--blue-green);
  color: #fff;
  border-radius: 20px;
  line-height: 1;
  word-break: keep-all;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .point_tag {
    font-size: 16px;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .contents_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .contents_wrapper:last-child {
    margin-bottom: 0;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .contents_wrapper > * {
  width: min(520px, 55%);
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .contents_wrapper > * {
    width: 100%;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .contents_wrapper .small {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}
.c5-2025-top .c5-re2025--shadow-section__body .img_wrapper {
  width: min(400px, 42%);
  display: grid;
  align-items: start;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body .img_wrapper {
    width: 100%;
    margin-bottom: 16px;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body .img_wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.c5-2025-top .c5-re2025--shadow-section__body .text_wrapper {
  display: grid;
  align-items: center;
}
.c5-2025-top .c5-re2025--shadow-section__body dl dd {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body dl dd {
    margin-bottom: 20px;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body > ul {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--shadow-section__body > ul {
    flex-wrap: wrap;
  }
}
.c5-2025-top .c5-re2025--shadow-section__body > ul li p {
  min-height: 55px;
}
.c5-2025-top .c5-re2025--shadow-section__body .note_wrapper {
  background-color: var(--gray-light);
  padding: 24px;
}
.c5-2025-top .c5-re2025--shadow-section__body .c5-link__item {
  color: #3865e0;
  font-weight: 400;
  line-height: 1.625;
  transition: all 0.9s;
  margin-top: 10px;
  display: inline-block;
}
.c5-2025-top .c5-re2025--shadow-section__body .c5-link__item:hover {
  color: #3865e0;
  text-decoration: none;
}
.c5-2025-top .c5-2025-top__convenience .convenience01_point01 .point {
  display: block;
}
.c5-2025-top .c5-2025-top__convenience .convenience01_point01 .point_number {
  display: block;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__convenience .convenience01_point01 .point_number {
    margin-bottom: 15px;
  }
}
.c5-2025-top .c5-2025-top__convenience .convenience01_point01 .point_title {
  display: block;
  min-height: 100px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__convenience .convenience01_point01 .point_title {
    min-height: unset;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .c5-re2025--tab-box__tabs {
    display: grid;
  }
}
.c5-2025-top .small {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  text-align: right;
}
.c5-2025-top .c5-re2025--tab-box__tab .img {
  margin-top: 16px;
  width: 140px;
}
.c5-2025-top .c5-2025-top__quality .title img {
  position: relative;
  top: -7px;
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__quality .title img {
    top: 0;
  }
}
@media (max-width: 767px) {
  .c5-2025-top .c5-2025-top__quality .contents_wrapper {
    margin-bottom: 0;
  }
}
.c5-2025-top .c5-2025-top__quality .point_number {
  min-width: 150px;
}
.c5-2025-top .c5-2025-top__quality .point_subtitle {
  display: inline-block;
  font-size: 14px;
  padding: 2px 8px;
  border: 1px solid #2f353d;
  color: #2f353d;
  font-weight: bold;
  align-self: end;
}

@media (max-width: 767px) {
  .c5-re2025-monitor p {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-monitor .c5-re2025__alignright-pc {
    text-align: right;
  }
}
.c5-re2025-monitor .c5-re2025__video-wrap {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 80px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025__video-wrap {
    width: 100%;
    margin: 0 auto 50px;
  }
}
.c5-re2025-monitor .c5-re2025-anchor {
  margin-top: -60px;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025-anchor {
    margin-top: -20px;
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-monitor .c5-mt-pc-15 {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-monitor .c5-mt-pc-45 {
    margin-top: 45px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-monitor .c5-mb-pc-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-monitor .c5-mb-pc-60 {
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-monitor .c5-mb-pc-120 {
    margin-bottom: 120px;
  }
}
@media (min-width: 768px) {
  .c5-re2025-monitor .c5-mb-pc-100 {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-mb-sp-20 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025--h3-2 .label {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025--column {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025--column__row {
    gap: 20px;
  }
}
.c5-re2025-monitor .c5-re2025--kv {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025--kv {
    margin-bottom: 20px;
  }
}
.c5-re2025-monitor .c5-re2025-monitor__column {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025-monitor__column {
    margin-bottom: 20px;
  }
}
.c5-re2025-monitor .c5-re2025-monitor__column-list {
  display: flex;
  justify-content: space-between;
  gap: 2%;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025-monitor__column-list {
    width: 100%;
    flex-wrap: wrap;
    row-gap: 25px;
  }
}
.c5-re2025-monitor .c5-re2025-monitor__column-list-item {
  width: 33.3333333333%;
  background-color: #fff;
  box-shadow: none;
  margin: 0;
  max-width: 384px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025-monitor__column-list-item {
    width: 100%;
    max-width: 100%;
  }
}
.c5-re2025-monitor .c5-re2025-monitor__column-list-item figure {
  padding: 29px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025-monitor__column-list-item figure {
    padding: 20px;
  }
}
.c5-re2025-monitor .c5-re2025-monitor__column-list-ttl {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  padding: 20px;
  height: 80px;
  color: var(--blue-green);
  background: rgba(13, 161, 172, 0.2);
  font-weight: 600;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025-monitor__column-list-ttl {
    height: 50px;
  }
}
.c5-re2025-monitor .c5-re2025-monitor__column-list-text {
  text-align: center;
  font-weight: 400;
  padding: 0 20px 30px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025-monitor__column-list-text {
    padding: 0 20px 20px;
  }
}
.c5-re2025-monitor .c5-re2025__point--ttl__leftnone {
  line-height: 1.6;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025__point--ttl__leftnone {
    margin-bottom: 20px;
  }
}
.c5-re2025-monitor__support-box {
  background: none;
  padding: 0;
}
.c5-re2025-monitor__support-box-list {
  display: flex;
  justify-content: space-between;
  gap: 1%;
}
@media (max-width: 767px) {
  .c5-re2025-monitor__support-box-list {
    margin-top: 20px;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.c5-re2025-monitor .c5-re2025--column__col.is-image {
  width: min(437px, 50%);
}
@media (max-width: 767px) {
  .c5-re2025-monitor .c5-re2025--column__col.is-image {
    width: 100%;
  }
}
.c5-re2025-monitor__quality .c5-re2025--column__col.is-image {
  width: min(585px, 50%);
}
@media (max-width: 767px) {
  .c5-re2025-monitor__quality .c5-re2025--column__col.is-image {
    width: 100%;
  }
}
.c5-re2025-monitor__convenient .c5-re2025--column__col.is-image {
  width: min(379px, 50%);
  flex: none;
}
@media (max-width: 767px) {
  .c5-re2025-monitor__convenient .c5-re2025--column__col.is-image {
    width: 100%;
  }
}

.c5-re2025-office .c5-re2025--kv {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .c5-re2025-office .c5-re2025--kv {
    margin-bottom: 64px;
  }
}
.c5-re2025-office > section[class*="c5-re2025-office"] {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .c5-re2025-office > section[class*="c5-re2025-office"] {
    margin-bottom: 110px;
  }
}
.c5-re2025-office--merit__contents {
  display: grid;
  gap: 16px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .c5-re2025-office--merit__contents {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c5-re2025-office--merit__col {
  background-color: #fff;
  padding: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-office--merit__col {
    padding: 24px;
  }
}
.c5-re2025-office--merit__title {
  color: var(--blue-green);
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-office--merit__title {
    font-size: clamp(14px, 1.8229166667vw, 24px);
  }
}
.c5-re2025-office--merit figure {
  margin-bottom: 16px;
  text-align: center;
}
.c5-re2025-office--merit__sub-title {
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--blue-green);
  padding-bottom: 8px;
  text-align: center;
  margin-bottom: 16px;
}
.c5-re2025-office--merit__list-term,
.c5-re2025-office--merit__list-description {
  line-height: 1.7;
  letter-spacing: 0.04em;
}
.c5-re2025-office--merit__list-term {
  font-weight: 700;
}
.c5-re2025-office--use__contents {
  display: grid;
  gap: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-office--use__contents {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (min-width: 768px) {
  .c5-re2025-office--use__col {
    display: grid;

    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
}
.c5-re2025-office--use__button {
  background-color: #fff;
  border: none;
  padding: 16px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.c5-re2025-office--use__button:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .c5-re2025-office--use__button {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
}
.c5-re2025-office--use__col .c5-re2025--h3 {
  text-align: left;
  @media (min-width: 768px) {
    place-content: center;
    margin-bottom: 16px;
  }
}
.c5-re2025-office--use__image figure {
  aspect-ratio: 358/186;
}
.c5-re2025-office--use__image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c5-re2025-office--use__link {
  color: var(--blue-green);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: calc(0.64 / 16 * 1em);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  border: none;
  background-color: transparent;
}
.c5-re2025-office--use__link::after {
  content: "";
  display: inline-block;
  background-image: url(/bravia-biz/signage/images/office/arrow_upper_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  .c5-re2025-office--required .c5-re2025--shadow-section__body {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c5-re2025-office--required .c5-re2025--column__row {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-office--required .c5-re2025--column__row {
    margin-bottom: 40px;
  }
}
.c5-re2025-office--required .c5-re2025--column__row:last-child {
  margin-bottom: 0;
}
.c5-re2025-office--required .c5-re2025--shadow-section__header .title {
  margin-bottom: 0;
  font-size: 16px;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .c5-re2025-office--required .c5-re2025--shadow-section__header .title {
    font-size: clamp(16px, 2.0833333333vw, 32px);
  }
}
@media (min-width: 768px) {
  .c5-re2025-office--required .c5-re2025--column__col.is-image {
    width: min(440px, 50%);
  }
}
.c5-re2025-office--required__arrow {
  color: #fff;
  background-color: var(--black);
  text-align: center;
  font-weight: 700;
  line-height: 160%;
  padding: 10px 16px 42px;
  clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 50%, 0 0);
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-office--required__arrow {
    padding: 10px 16px 31px;
    font-size: clamp(16px, 2.0833333333vw, 24px);
    margin-bottom: 40px;
  }
}
.c5-re2025-office--required__sub-title {
  margin-bottom: 16px;
  margin-top: 0;
  font-weight: 600;
}
.c5-re2025-office--required .c5-re2025--column__col p + p {
  margin-block: 16px;
}
.c5-re2025-office--required .c5-re2025--column__col p + p:last-child {
  margin-bottom: 0;
}
.c5-re2025-office--required__note {
  line-height: 1.6;
  margin-block: 16px;
}
.c5-re2025-office--required .c5-2025-top__operation-list > li ul {
  margin-bottom: 12px;
}
.c5-re2025-office--case {
  margin-bottom: 90px;
}
@media (min-width: 768px) {
  .c5-re2025-office--case {
    margin-bottom: 110px;
  }
}
.c5-re2025-office--case__contents {
  display: grid;
  gap: 16px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .c5-re2025-office--case__contents {
    grid-template-columns: repeat(3, 1fr);
  }
}
.c5-re2025-office--case__col {
  background-color: #fff;
  padding: 16px;
}
.c5-re2025-office--case__col .c5-re2025--h3 {
  margin-bottom: 30px;
}
.c5-re2025-office--case__col figure {
  margin-bottom: 30px;
}
.c5-re2025-office--case__col figure img {
  width: 100%;
  height: auto;
}
.c5-re2025-office--case__info {
  display: grid;
  gap: 16px;
}
.c5-re2025-office--case__info-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.c5-re2025-office--case__info-item {
  display: flex;
  flex-direction: column;
}
.c5-re2025-office--case__info-label {
  background-color: var(--black);
  color: #fff;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.04em;
}
.c5-re2025-office--case__info-text {
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.04em;
}
.c5-re2025-office--case__dags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  line-height: 1;
}
.c5-re2025-office--case__dags-label {
  font-weight: 700;
  letter-spacing: 0.04em;
}
.c5-re2025-office--case__tag {
  display: inline-block;
  padding: 7px;
  border: 1px solid var(--blue-green);
  border-radius: 4px;
  color: var(--blue-green);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
.c5-re2025-office--case__link {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 4px;
  padding: 12px;
  background-color: var(--blue);
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}
.c5-re2025-office--case__link:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}
.c5-re2025-office--case__description {
  line-height: 1.7;
  letter-spacing: 0.04em;
}

.c5-re2025--kv {
  margin: 0 calc(50% - 50vi);
  padding: 40px 20px;
  background: var(--blue-green);
  color: white;
}
@media (min-width: 768px) {
  .c5-re2025--kv {
    margin-bottom: 24px;
    padding: 80px calc(50cqi - 50%);
  }
}
.c5-re2025--kv .c5-app_about__model tr td:first-of-type {
  background-color: var(--black);
}
.c5-re2025--kv .c5-app_about__model td {
  border-color: var(--gray-dark);
}
.c5-re2025--kv__lead {
  margin-top: 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c5-re2025--kv__lead {
    font-size: 20px;
  }
}
.c5-re2025--kv__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c5-re2025--kv__title {
    font-size: 48px;
  }
  .c5-re2025--kv__title .size-xs {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .c5-re2025--kv__row {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .c5-re2025--kv__col + .c5-re2025--kv__col {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .c5-re2025--kv__col .c5-app_about__model {
    width: 408px;
  }
}
.c5-app_about__model p.c5-re2025--kv__note {
  color: #fff;
  font-size: 13px;
  line-height: 1.7;
  font-weight: 400;
}
.c5-re2025--kv__photo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.c5-re2025--kv__photo figure {
  aspect-ratio: 288/150;
}
.c5-re2025--kv__photo figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .c5-re2025--kv__photo {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 16px;
  }
}
.c5-re2025--introduction {
  padding: 20px 0;
  font-size: 16px;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .c5-re2025--introduction {
    padding: 40px 0;
  }
}
/* .c5-re2025-office--modal */
.c5-re2025-office--modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  z-index: 10000;
}
.c5-re2025-office--modal::backdrop {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
}
.c5-re2025-office--modal.is-open::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.c5-re2025-office--modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  width: calc(100% - 32px);
  max-width: 1200px;
  max-height: calc(100vh - 32px);
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.c5-re2025-office--modal.is-open .c5-re2025-office--modal__container {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__container {
    max-height: calc(100vh - 80px);
  }
}
.c5-re2025-office--modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  background-color: var(--blue-green);
  color: #fff;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__header {
    padding: 36px 40px;
  }
}
.c5-re2025-office--modal__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.04em;
  flex: 1;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__title {
    font-size: min(calc(24 / 768 * 100vw), 32px);
    letter-spacing: 0.04em;
  }
}
.c5-re2025-office--modal__close {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__close {
    width: 40px;
    height: 40px;
  }
}
.c5-re2025-office--modal__close:hover {
  opacity: 0.7;
}
.c5-re2025-office--modal__body {
  padding: 24px 16px;
  overflow-y: auto;
  flex: 1;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__body {
    padding: 40px;
  }
}
.c5-re2025-office--modal__content {
  max-width: 960px;
  margin: 0 auto;
}
.c5-re2025-office--modal__intro {
  display: grid;
  gap: 16px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__intro {
    grid-template-columns: 358fr 577fr;
    align-items: center;
    gap: 24px;
    margin-bottom: 40px;
  }
}
.c5-re2025-office--modal__intro-image {
  aspect-ratio: 358/186;
  overflow: hidden;
}
.c5-re2025-office--modal__intro-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c5-re2025-office--modal__intro-text {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  color: var(--black);
}
.c5-re2025-office--modal__section {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__section {
    margin-bottom: 40px;
  }
}
.c5-re2025-office--modal__section .c5-re2025--h3 {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__section .c5-re2025--h3 {
    margin-bottom: 24px;
  }
}
.c5-re2025-office--modal__list {
  display: grid;
  gap: 17px;
}
.c5-re2025-office--modal__list-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background-color: var(--gray-light);
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: var(--black);
}
.c5-re2025-office--modal__list-item::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: url("/bravia-biz/signage/images/icon_check_circle.svg") no-repeat center/contain;
}
.c5-re2025-office--modal__links {
  display: grid;
  gap: 8px;
  align-items: center;
  margin: 0 auto;
  width: fit-content;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__links {
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    max-width: none;
  }
}
.c5-re2025-office--modal__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 12px;
  border: 2px solid;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  transition: opacity 0.2s ease;
  max-width: 240px;
  width: 100%;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__link {
    width: auto;
    min-width: 180px;
    padding: 12px 16px;
    font-size: clamp(16px, 1.8vw, 26px);
  }
}
.c5-re2025-office--modal__link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.c5-re2025-office--modal__link-icon {
  width: 16px;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__link-icon {
    width: 20px;
  }
  .c5-re2025-office--modal__link--contact .c5-re2025-office--modal__link-icon {
    width: 24px;
  }
}
.c5-re2025-office--modal__link-arrow {
  width: 14px;
}
@media (min-width: 768px) {
  .c5-re2025-office--modal__link-arrow {
    width: 20px;
  }
}
.c5-re2025-office--modal__link--estimate,
.c5-re2025-office--modal__link--estimate:hover {
  border-color: #cc5004;
  color: #cc5004;
}
.c5-re2025-office--modal__link--contact,
.c5-re2025-office--modal__link--contact:hover {
  border-color: #038168;
  color: #038168;
}
.c5-re2025-office--modal__link--recommend,
.c5-re2025-office--modal__link--recommend:hover {
  border-color: #444444;
  color: #444444;
}

.c5-high__point {
  flex-wrap: wrap;
}

.c5-high .c5-high__ttl {
  background-color: #2e3a3e;
}

.c5-high__point--ttl {
  display: flex;
  justify-content: space-between;
  color: #2e3a3e;
  border-left: 4px solid #2e3a3e;
}

.c5-high__point--ttl-green {
  border-left: 4px solid #0da1ac;
}

.c5-high__point--ttl span:first-child {
  display: block;
}

.c5-high__link {
  width: 100%;
}

.c5-high__link-wrap {
  display: grid;
  gap: 48px;
  margin-top: 24px;
  margin-inline: auto;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
  }
}

.c5-high__link-item {
  display: grid;
  grid-template-columns: repeat(2, auto);
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
  }
}

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

.c5-high__link-img {
  max-width: 240px;
  margin-inline: auto;
}

.c5-high__link-txt {
  text-align: center;
  line-height: 1.6;
}

.c5-high__link-list {
  margin-top: 12px;
}

.c5-high__link-list ul:has(li img) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.c5-high__link-list ul li {
  text-align: center;
  margin: 0;
}

.c5-high__link-note {
  line-height: 1.6;
}

.c5-high__link-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
  padding-inline: 30px;
}

.c5-high__link-btn {
  position: relative;
  color: #fff;
  background-color: #2d75c7;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  font-size: 18px;
  font-weight: 600;
  margin: 0 auto;
  padding: 16px 0;
  transition: all 0.25s;
}

.c5-high__link-btn:hover {
  text-decoration: none;
  background-color: #34568e;
  color: #fff;
}

.c5-high__link-btn::after {
  position: absolute;
  content: "";
  display: inline-block;
  right: 16px;
  height: 7px;
  width: 7px;
  border-style: solid;
  border-color: inherit;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  vertical-align: 0.1em;
  transition: border 0.1s;
}

.c5-high__link-premium .c5-high__link-item {
  border: 1px solid #e4e7eb;
  padding-top: 20px;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
.c5-high__link-premium .c5-high__link-content {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
}
.c5-high__link-premium .c5-high__link-note {
  padding-inline: 30px;
  text-align: left;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .c5-high__link-wrap {
    flex-direction: column;
    gap: 24px;
  }
  .c5-high__link-list ul:has(li img) {
    grid-template-columns: 1fr;
  }
  .c5-high__link-list ul li + li {
    margin-top: 0;
  }
  .c5-high__link-note {
    font-size: 14px;
  }
}


sup {
  top: -6px;
  font-size: 11px;
  left: 4px;
  margin-right: 4px;
}

p,
li,
a,
span {
  line-height: 1.6;
}

/*-----------
bMf
----------- */
.c5-link__item {
  color: #3865E0;
  font-weight: 400;
  line-height: 1.625;
  display: flex;
  align-items: center;
  transition: all .9s;
  margin-top: 10px;
}

.c5-d-main h1 {
  margin: 40px 0 40px;
}

.c5-link__item.c5-link__item__right {
  justify-content: end;
  margin-bottom: 30px;
  margin-top: 20px;
}

.c5-link__item.c5-link__item__left {
  justify-content: flex-start;
  margin-bottom: 30px;
  margin-top: 20px;
}

.c5-link__item.c5-link__item__left::before {
  content: '';
  background: url(../img/icon_pdf.png) no-repeat;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.c5-link__item::after {
  content: '';
  background: url(../img/right-arrow.svg) no-repeat;
  display: block;
  width: 8px;
  height: 12px;
  margin-left: 12px;
}

a.c5-link__item:hover {
  color: #3865E0;
  text-decoration: none;
  opacity: .7;
}

.c5-d-main__section {
  margin-bottom: 70px;
}

.c5-app_about {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
}

.c5-app_about__table {
  width: 50%;
  padding: 3%;
  background: #F3F5F9;
}

.c5-app_about__table p {
  font-weight: 700;
  margin-bottom: 2%;
}

.c5-app_about__table ul li {
  line-height: 1.625;
}

.c5-app_about__model p {
  font-weight: 700;
  margin-bottom: 2%;
}

.c5-app_about__model sup {
  top: -2px;
  font-size: 11px;
  left: 1px;
  margin-right: 2px;
  font-weight: 300;
}

.c5-app_about__model table {
  margin: 3% 0;
}

.c5-app_about__model tbody {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.c5-app_about__model td,
.c5-app_about__model th {
  border: 1px solid #C1C1C1;
  border-collapse: collapse;

}

.c5-app_about__model tr {
  display: grid;
  width: 102px;

}

.c5-app_about__model td {
  padding: 3px;
  height: 25px;
}

.c5-app_about__model tr td:last-of-type {
  background: #fff;
  color: #2F353D;
  font-size: 12px;
  font-weight: 400;
  max-width: 120px;
  padding: 1.5% 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c5-app_about__model tr td:first-of-type {
  background: #2D75C7;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  max-width: 120px;
  padding: 1.5% 0;
  display: flex;
  align-items: center;
  justify-content: center;

}

.c5-app_action__cards {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.c5-app_action__card {
  width: 33.33333%;
  /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  border: 1px solid #2D75C7;
  box-shadow: 0 0px 6px rgba(0, 0, 0, .20);
  margin: 1%;
  padding: 1.5% 0.75%;
}

.c5-app_action__card__ttl p {
  text-align: center;
  font-weight: 700;
  font-size: clamp(18px, 2.3vw, 20px);
  color: #2D75C7;
  padding-bottom: 20px;
  border-bottom: 1px solid #2D75C7;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c5-app_action__card__txt {
  text-align: left;
  padding-top: 4%;
}

.c5-app_action__note {
  margin-top: 12px;
}

.c5-app_action__note p {
  padding-left: 1em;
  text-indent: -1em;
}

.c5-app__UseCase__ttl {
  margin-bottom: 30px;
  font-size: clamp(18px, 2.3vw, 24px);
  font-weight: 700;
  display: flex;
  align-items: center;
}

.c5-app__UseCase__ttl h4 {
  margin-left: .5rem;
}

.c5-app__UseCase__txt p {
  line-height: 1.625;
}

.c5-app__UseCase__wrap {
  margin-bottom: 60px;
}

.c5-app__function__img {
  padding: 1.5% 0;
}

.c5-app__function__img img:first-of-type {
  margin-bottom: 3%;
}

.c5-app__config__flexBlock {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.c5-app__config__flexitem {
  width: 50%;
}

.c5-app__config__flexitem__img {
  margin-top: 2%;
  width: 50%;

}

.c5-app__config__flexitem__img img {
  margin-bottom: 2%;
  width: 100%;
  max-width: 526px;
  display: block;
  margin-left: auto;
}

.c5-app__config__flexitem h3 {
  border-left: none;
  padding-left: 0;
  margin-top: 4%;
  font-size: clamp(18px, 2.3vw, 20px);
}

.c5-app__config__flexText {
  margin-left: 1rem;
}

.c5-app__config__flexText p {
  margin-bottom: 3%;
}

.c5-app__config__flexText h4 {
  margin-bottom: 1.5%;
  font-weight: 700;
}

.c5-app__simple__flexBlock {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.c5-app__simple__flexItem {
  width: 50%;
}

.c5-app__simple__flexItem__img img {
  width: 100%;
  max-width: 541px;
  margin-left: auto;
  display: block;
}


.c5-app__fileType {
  background: #F3F5F9;
  padding: 1.5%;
}

.c5-app__fileType__ttl {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #2F353D;
  font-size: clamp(18px, 2.3vw, 20px);
  font-weight: 700;
  margin-bottom: 20px;
}

.c5-app__fileType__text p {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.c5-app__fileType__text li {
  display: flex;
  align-items: center;
}

.c5-app__fileType__text p span.c5-app__fileType__label {
  color: #fff;
  background: #2D75C7;
  padding: .5% 1%;
  width: 50px;
  display: block;
  text-align: center;
  margin-right: 12px;
}


.c5-app__fileType__text .c5-link__item:after {
  content: none;
}

.c5-app__fileType__text__ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.c5-app__originalContents__flexItem ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.c5-app__originalContents__flexItem p:first-of-type {
  padding-left: 2em;
  text-indent: -1em;
}


.c5-app__originalContents__flexItem .c5-link__item {
  text-decoration: underline;
  display: inline;
}

.c5-app__originalContents__flexItem .c5-link__item::after {
  content: none;
}

.c5-download__btn {
  background: #3865E0;
  max-width: 248px;
  width: 100%;
  color: #fff;
  padding: 2%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 3% auto 0;
  transition: all .5s;
}

.c5-download__btn:hover {
  color: #fff;
  text-decoration: none;
  opacity: .7;
}

.c5-download__btn img {
  margin-right: 12px;
}

.c5-app__originalContents h4 {
  font-size: clamp(18px, 2.3vw, 24px);
  margin-bottom: 30px;
}

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

.c5-app__originalContents__point1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.c5-app__originalContents__point__ttl {
  font-weight: 700;
}

.c5-app__originalContents__flexItem {
  width: 50%;
}

.c5-app__originalContents__flexItem__img img {
  width: 100%;
  max-width: 570px;
  display: block;
  margin-left: auto;
}

.c5-flexWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.c5-flexItem {
  width: 50%;
}

.c5-flexItem__img--center {
  margin: 30px auto;
}

.c5-flexItem__img img {
  width: 100%;
  max-width: 546px;
  display: block;
  margin-left: auto;
}

.c5-flexItem__img p {
  margin-bottom: 16px;
}

.c5-app__attention p {
  font-weight: 700;
  margin-bottom: 10px;
}

.c5-app__attention ul li {
  padding-left: 2em;
  text-indent: -1em;

}

.c5-app__attentionBack h3 {
  border-left: none;
  padding-left: 0;
}

.c5-app__timer .c5-flexItem ul li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 1.5%;
}

.c5-u-block {
  display: contents;
  margin-top: 0;
}

.c5-u-after-none::after {
  content: none;
}

.c5-app__UseCase__note-txt {
  font-size: 12px;
  margin-top: 10px;
}

/*-----------
bMf
----------- */


/*-----------
bSf
----------- */
#bSf .c5-app_action .c5-app_action__card__ttl p {
  border-bottom: none;
  padding-bottom: 0;
}

#bSf .c5-mb-70 {
  margin-bottom: 70px;
}

#bSf .c5-mb-30 {
  margin-bottom: 30px;
}

#bSf .c5-app__function__img {
  margin-top: 3%;
}

#bSf .c5-app__config__img {
  margin-top: 3%;
}

#bSf .c5-app__originalContents .c5-app__originalContents__mainTxt .c5-link {
  margin: 1.5% 0;
}

#bSf .c5-app__originalContents h5 {
  margin: 1.5% 0;
  font-size: clamp(18px, 2.3vw, 20px);
}

#bSf .c5-app__originalContents .c5-app__originalContents__subTxt {
  margin-bottom: 20px;
}

#bSf .c5-app__originalContents .c5-app__originalContents__subTxt p {
  font-weight: 700;
  margin-bottom: 20px;
}

#bSf .c5-app__originalContents .c5-app__originalContents__subTxt ul li {
  padding-left: 2em;
  margin-bottom: .5rem;
  text-indent: 0;
}

#bSf .c5-app__originalContents .c5-app__originalContents__subTxt ul li.c5-mb-none {
  margin-bottom: 0;
}

/*-----------
bSf
----------- */


/*====================================================================
.s_02 .accordion_one
====================================================================*/
.s_02 .accordion_one {
  margin: 0 auto;
}

.s_02 .accordion_one .accordion_header {
  color: #2F353D;
  border-bottom: 1px solid #2F353D;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}


.s_02 .accordion_one .accordion_header:hover {
  opacity: .8;
}

.s_02 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}

.s_02 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}

.s_02 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.s_02 .accordion_one .accordion_header .i_box .one_i:before,
.s_02 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #2F353D;
  width: 20px;
  height: 1px;
  position: absolute;
  top: 8px;
  left: -1px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}

.s_02 .accordion_one .accordion_header .i_box .one_i:before {
  width: 1px;
  height: 20px;
  top: -1px;
  left: 8px;

}

.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}

.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.s_02 .accordion_one .accordion_inner {
  display: none;
  padding: 3%;
  box-sizing: border-box;
  background: #F5F5F5;
  border-bottom: 1px solid #2F353D;
}

.s_02 .accordion_one .accordion_inner .c5-flexWrap {
  margin: 2% auto;
}

.s_02 .accordion_one .accordion_inner .accordion_inner__img-single {
  max-width: 540px;
  width: 100%;
  display: flex;
  margin: 2% auto;
}

.s_02 .accordion_one .accordion_inner .accordion_inner__img-single-left {
  margin-left: 0;
  max-width: 546px;
}

.s_02 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 1024px) {
  .s_02 .accordion_one .accordion_header {
    font-size: 18px;
  }

  .s_02 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}

@media screen and (max-width: 767px) {
  .s_02 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}

#bSf .accordion_inner table {
  margin-top: 3%;
}

#bSf .accordion_inner table,
#bSf .accordion_inner td,
#bSf .accordion_inner th {
  border: 1px solid #C1C1C1;
  border-collapse: collapse;
}

#bSf .accordion_inner td,
#bSf .accordion_inner th {
  padding: 3px;
  width: 30px;
  height: 25px;
}

#bSf .accordion_inner tr td:last-of-type {
  background: #fff;
  color: #2F353D;
  font-size: 16px;
  font-weight: 400;
  width: 200px;
  padding: 1.5% 0;
  padding-left: 8px;
  vertical-align: middle;
}

#bSf .accordion_inner tr td:first-of-type {
  background: #2D75C7;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  width: 200px;
  padding: 1.5% 0;
  padding-left: 8px;
  vertical-align: middle;

}



.c5-suggest__anchors {
  margin-top: 30px;
}

.c5-suggest__anchors .c5-suggest__anchors__ttl {
  font-size: clamp(14px, 2.3vw, 16px);
  margin-bottom: 10px;
  font-weight: 700;
}

.c5-suggest__anchors a.c5-suggest__anchors__btn {
  font-size: clamp(14px, 2.3vw, 16px);
  font-weight: 700;
  color: #fff;
  background: #2D75C7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 2%;
  width: 90%;
  max-width: 347px;
  min-height: 52px;
  margin-bottom: 0;
}

.c5-suggest__anchors a.c5-suggest__anchors__btn:nth-child(1) {
  margin-bottom: 8px;
}

.c5-suggest__anchors a.c5-suggest__anchors__btn:nth-child(2) {
  margin-bottom: 8px;
}

.c5-suggest__anchors a.c5-suggest__anchors__btn:nth-child(3) {
  margin-bottom: 8px;
}

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

.c5-suggest__anchors .c5-suggest__anchors__btnIcon-left {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin-right: 10px;
}

.c5-suggest__anchors .c5-suggest__anchors__btnIcon-right {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin-left: 10px;
}

.c5-app_about__model {
  width: 50%;
}

#bSf.c5-d-main .c5-app_about__model__note {
  margin-top: 12px;
  margin-bottom: 12px;
}

#bSf.c5-d-main .c5-app_about__model__note p {
  font-size: 14px;
}

#bSf.c5-d-main .c5-app_about__model__note p.txt_a_ac {
  font-size: 16px;
}

#bSf.c5-d-main .box_one .c5-txt-bold {
  font-weight: 700;
}

#bSf.c5-d-main .box_one .c5-mb-30 {
  margin-bottom: 30px;
}

#bSf.c5-d-main .box_one .c5-mb-20 {
  margin-bottom: 20px;
}

#bSf.c5-d-main .box_one .c5-mb-40 {
  margin-bottom: 40px;
}

#bSf.c5-d-main .box_one .c5-mb-10 {
  margin-bottom: 10px;
}

#bSf.c5-d-main .c5-app_about__model__note p a {
  word-break: break-all;
  font-size: inherit;
  margin: 0;
  display: contents;
}

#bSf.c5-d-main .c5-app_about__model__note p a::after {
  content: none;
}

.c5-mt-20 {
  margin-top: 20px;
}

#dicom_sim .c5-app__fileType__textBlod {
  font-weight: bold;
  padding-left: 1.65em;
  text-indent: -1.25em;
}

#dicom_sim .c5-app__listening__img {
  background: #F5F5F5;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 40px;
}

#dicom_sim .c5-app__fileType__textBlod__link {
  text-indent: 0;
  color: #3865E0;
}

#dicom_sim .c5-app__fileType__textBlod__link:hover {
  color: #3865E0;
}

#dicom_sim .c5-app__fileType__textBlod__link:visited {
  color: #3865E0;
}

#dicom_sim .c5-app_action__cards {
  justify-content: flex-start;
}

#dicom_sim .c5-app_action__card {
  width: 100%;
  max-width: 534px;
}

#dicom_sim .c5-app_action__card .c5-app_action__card__ttl p {
  border-bottom: 0;
  padding-bottom: 0;
}

#dicom_sim .c5-border-left-blue {
  border-left: 4px solid #2D75C7;
}

#dicom_sim .c5-indent {
  padding-left: 1.25em;
  text-indent: -1.35em;
  font-size: 14px;
}

#dicom_sim .c5-mt-16 {
  margin-top: 16px;
}


#dicom_sim .c5-app__fileType__text p {
  display: block;
  margin-bottom: 12px;
}

#dicom_sim .c5-app_about {
  margin-bottom: 90px;
}

/*-----------
bs1
----------- */

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

.c5-bs1_about .c5-app_about__table {
  height: 90px;
}

.c5-bs1__function-link {
  margin-bottom: 70px;
  display: flex;
  justify-content: center;
}

.c5-bs1__button a{
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 65px;
  background-color: #0EA587;
  border: 2px solid #0EA587;
  width: 500px;
  height: 72px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  border-radius: 4px;
  box-sizing: border-box ;
}
.c5-bs1__button a.--blue {
  background-color:#3865E0;
  border-color:#3865E0;
}
.c5-bs1__button a span{
  text-align: center;
}
.c5-bs1__button a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.c5-bs1__button .c5-bs1__button-icon{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto;
}
.c5-bs1__button .c5-bs1__button-arrow{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  margin-right: 14px;
  height: 12px;
}

.c5-bs1__action .c5-app_action__cards {
  gap: 24px;
  margin-bottom: 30px;
}

.c5-bs1__action .c5-app_action__card {
  margin: 0;
}

.c5-bs1__action .c5-app_action__card__ttl p {
  padding-bottom:0;
  border-bottom: 0;
}
.c5-bs1__outline{
  margin-bottom:60px;
}

.c5-bs1__outline-img{
  width: calc(100% + 40px);
  margin: 0 0 0 -20px;
}


.c5-bs1__function .c5-link__item::before{
  display: none;
}

.c5-bs1__function-inner{
  margin-bottom: 70px;
}
.c5-bs1__function > a:nth-child(2){
  margin-bottom: 70px;
  width: fit-content;
}
.c5-bs1__function-inner:nth-child(3){
  margin-bottom: 0;
}

.c5-bs1__function-inner p{
  margin-bottom: 30px;
}

.c5-bs1__function-inner .c5-bs1__function-image{
  display: grid;
  gap: 30px;
  margin-bottom: 70px;
}

.c5-bs1__function-inner .c5-bs1__function-link{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  gap: 24px;
}

.c5-bs1__function-link .c5-bs1__button-w a{
  background-color: #FFF;
  color: #0EA587;
  width: 425px;
  padding: 8px 16px;
}

.c5-bs1__banner .c5-c-consultation__ttl h3 {
  border-left: none;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .c5-bs1 p {
        font-size: 16px;
    }
  .c5-bs1__button a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 50px 20px 20px;
    background-color: #0EA587;
    border: 2px solid #0EA587;
    width: 100%;
    height: auto;
    color: #FFF;
    font-size: 16px;
    transition: all .2s;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .c5-bs1__button .c5-bs1__button-icon {
    position: absolute;
    top: 15px;
    bottom: unset;
    left: 0;
    right: 0;
    margin: auto;
    width: 32px;
  }
  .c5-bs1__button a.--no-icon {
    padding-top: 20px;
  }
  .c5-bs1__button a span{
    text-align: left;
  }
  .c5-bs1__button .c5-bs1__button-arrow {
    position: relative;
    top: unset;
    bottom: unset;
    right: unset;
    margin: auto;
    margin-right:0;
    height: 12px;
  }
  .c5-bs1__button .c5-bs1__button-arrow.c5-sp-only {
    display: inline-block;
  }
  .c5-bs1__outline > p {
    margin-bottom: 20px;
  }
  .c5-bs1__outline picture {
    width: 93%;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 2%;
  }
  .c5-bs1__function-link .c5-bs1__button-w a {
    background-color: #FFF;
    color: #0EA587;
    width: 100%;
    padding: 8px 16px;
}
}


/*-----------
media query
----------- */

@media screen and (max-width: 768px) {
  .c5-d-main__section {
    margin-bottom: 40px;
  }

  .c5-app_action__cards {
    flex-direction: column;
  }

  .c5-app_action__card {
    width: 86.5%;
    padding: 1.5% 5%;
  }

  .c5-app__UseCase__ttl {
    flex-direction: column;
    align-items: flex-start;
  }

  .c5-app__UseCase__ttl h4 {
    margin-left: 0;
    margin-top: .5rem;
  }

  .c5-app__config__flexBlock {
    flex-direction: column-reverse;
  }

  .c5-app__config__flexitem {
    width: 100%;
  }

  .c5-app__config__flexitem__img img {
    margin: 0 auto 2%;
    max-width: 708px;
  }

  .c5-app__simple__flexBlock {
    flex-direction: column;
  }

  .c5-app__simple__flexItem {
    width: 100%;
  }

  .c5-app__simple__flexItem__img img {
    margin: 0 auto;
    max-width: 708px;
  }

  .c5-app__fileType__text p {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .c5-app__fileType__text__ul {
    margin-top: 16px;
  }

  .c5-app__fileType__text p span.c5-app__fileType__label {
    margin-bottom: 8px;
    text-align: center;
  }

  .c5-app__originalContents__point1 {
    flex-direction: column;
  }

  .c5-app__originalContents__flexItem {
    width: 100%;
  }

  .c5-app__originalContents__flexItem__img img {
    max-width: 708px;
    margin: 0 auto;
  }

  .c5-flexWrap {
    flex-direction: column;

  }

  .c5-flexItem {
    width: 100%;
  }

  .c5-flexItem__img img {
    max-width: 708px;
    margin: 0 auto;
  }

  .c5-app_about {
    flex-direction: column;
    width: 96%;
  }

  .c5-app_about__table {
    width: 98%;
  }

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

  .c5-app_about__model tr ,
  .c5-app_about__model td,
  .c5-app_about__model tr td:first-of-type,
  .c5-app_about__model tr td:last-of-type {
    max-width: 100%;
    width: 100%;
  }

  .c5-app_about__model tr.c5-u-width75 td:first-of-type {
    height: 40px;
  }

  .c5-app__fileType__text li {
    display: block;
  }

  .c5-app_about .c5-app_about__model tr td {
    font-size: 11px;
  }

  .c5-app_about__model tbody {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .c5-app_about__model {
    width: 100%;
  }

  #dicom_sim .c5-app_action__card {
    width: 100%;
    max-width: 300px;
  }

  #dicom_sim .c5-app_about {
    margin-bottom: 50px;
  }

  #dicom_sim .c5-mt-16 {
    margin-top: 10px;
  }

  .c5-app_about__model td span{
    font-size: 10px;
  }
}