/* ------------------------------
 * office比較表用
 * c/microsoft/office/index.jsp で使用しているCSSの
 * 該当箇所だけ切り出し
 * ------------------------------ */
#ms #office :where(.table) html, 
#ms #office :where(.table) body, 
#ms #office :where(.table) div, 
#ms #office :where(.table) span, 
#ms #office :where(.table) applet, 
#ms #office :where(.table) object, 
#ms #office :where(.table) iframe, 
#ms #office :where(.table) h1, 
#ms #office :where(.table) h2, 
#ms #office :where(.table) h3, 
#ms #office :where(.table) h4, 
#ms #office :where(.table) h5, 
#ms #office :where(.table) h6, 
#ms #office :where(.table) p, 
#ms #office :where(.table) blockquote, 
#ms #office :where(.table) pre, 
#ms #office :where(.table) a, 
#ms #office :where(.table) abbr, 
#ms #office :where(.table) acronym, 
#ms #office :where(.table) address, 
#ms #office :where(.table) big, 
#ms #office :where(.table) cite, 
#ms #office :where(.table) code, 
#ms #office :where(.table) del, 
#ms #office :where(.table) dfn, 
#ms #office :where(.table) em, 
#ms #office :where(.table) font, 
#ms #office :where(.table) img, 
#ms #office :where(.table) ins, 
#ms #office :where(.table) kbd, 
#ms #office :where(.table) q, 
#ms #office :where(.table) s, 
#ms #office :where(.table) samp, 
#ms #office :where(.table) small, 
#ms #office :where(.table) strike, 
#ms #office :where(.table) strong, 
#ms #office :where(.table) sub, 
#ms #office :where(.table) sup, 
#ms #office :where(.table) tt, 
#ms #office :where(.table) var, 
#ms #office :where(.table) b, 
#ms #office :where(.table) u, 
#ms #office :where(.table) i, 
#ms #office :where(.table) center, 
#ms #office :where(.table) dl, 
#ms #office :where(.table) dt, 
#ms #office :where(.table) dd, 
#ms #office :where(.table) ol, 
#ms #office :where(.table) ul, 
#ms #office :where(.table) li, 
#ms #office :where(.table) fieldset, 
#ms #office :where(.table) form, 
#ms #office :where(.table) label, 
#ms #office :where(.table) legend, 
#ms #office :where(.table) table, 
#ms #office :where(.table) caption, 
#ms #office :where(.table) tbody, 
#ms #office :where(.table) tfoot, 
#ms #office :where(.table) thead, 
#ms #office :where(.table) tr, 
#ms #office :where(.table) th, 
#ms #office :where(.table) td{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    zoom: 1;
	box-sizing: border-box;
	text-align: center;
	line-height: 1;
}

@media (max-width: 750px) {
  #ms #office .ms365-of {
    border-top: 0;
  }
}
#ms #office .ms365-of__title-head {
	font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    padding-left: 23px;
    text-align: left;
}
#ms #office .ms365-of__title-head span{line-height: 1.6;text-align: left;font-size: 18px;}
@media (max-width: 750px) {
  #ms #office .ms365-of__title-head {
    font-size: 4.8vw;
    line-height: 1.6666666667;
    border-width: 1px;
  }
}
#ms #office .ms365-of__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 54px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of__wrapper {
    display: block;
    margin-top: 5.0666666667vw;
  }
}
#ms #office .ms365-of__title {
  position: relative;
  font-size: min(20px, 2vw);
  line-height: 1.95;
  width: fit-content;
}
#ms #office .ms365-of__title .sub-text {
  position: absolute;
  top: 0;
  right: -22px;
  font-size: min(13px, 1.3vw);
}
#ms #office .ms365-of .ms365-of--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px;
  margin-top: 14px;
  height: calc(100% - 30px);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of--grid {
    display: block;
    margin-top: 2.1333333333vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__right {
    margin-top: 12vw;
  }
}
#ms #office .ms365-of .ms365-of__item {
  border: 2px solid #bdbdbd;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__item {
    display: flex;
    min-height: 54.6666666667vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__item:nth-child(2) {
    margin-top: 2.4vw;
  }
}
#ms #office .ms365-of .ms365-of__item--orange {
  border: 2px solid #ea6000;
}
#ms #office .ms365-of .ms365-of__item--orange .ms365-of__text-en {
  color: #d43b01;
}
#ms #office .ms365-of .ms365-of__item--purple {
  border: 2px solid #701a71;
}
#ms #office .ms365-of .ms365-of__item--purple .ms365-of__block--sub-text {
  margin-top: 5px;
  display: block;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__item--purple .ms365-of__block--sub-text {
    margin-top: 0.6666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__item--purple .ms365-of__text-en {
  color: #5d00b9;
}
#ms #office .ms365-of .ms365-of__item--purple .ms365-of__text-en {
  margin-top: 10px;
  font-size: min(20px, 2vw);
  font-weight: 700;
}
#ms #office .ms365-of .ms365-of__thumb {
  max-width: 280px;
  width: 100%;
  max-height: 217px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__thumb {
    max-height: none;
  }
}
#ms #office .ms365-of .ms365-of__thumb img {
  width: 100%;
  /*height: 100%;*/
}
#ms #office .ms365-of .ms365-of__heading {
  position: relative;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading {
    width: 40.5333333333vw;
    flex-shrink: 0;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading::after {
    content: "";
    display: block;
    position: absolute;
    height: 57.0666666667vw;
    width: 0.1333333333vw;
    right: 0;
    top: 3.8666666667vw;
    background-color: #8d8d8d;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading--no-title::after {
    height: 46.6666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__group-heading {
  border-bottom: 2px solid #7c7c7c;
  margin: 0px clamp(0px, calc(0.0833333333vw * 24), 24px);
  padding-top: 15px;
  padding-bottom: 24px;
  min-height: 192px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading .ms365-of__group-heading {
    margin: 2.6666666667vw 4vw 0;
    border-bottom: 0;
    padding: 0;
    min-height: 0;
  }
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__group-heading--orange {
  border-color: #ea6000;
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__group-heading--purple {
  border-color: #701a71;
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__heading-title {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 70px;
  position: relative;
  color: #595959;
  line-height: 1;
  font-size: min(16px, 1.6vw);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading .ms365-of__heading-title {
    display: block;
    text-align: left;
    font-size: 3.4666666667vw;
    line-height: 1.1923076923;
    border-bottom: none;
    min-height: unset;
    font-size: 3.3333333333vw;
    margin-top: 2.6666666667vw;
    position: static;
    top: unset;
    line-height: unset;
  }
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__heading-title strong {
  line-height: 1;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading .ms365-of__heading-title strong {
    text-align: left;
  }
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__heading-title .ms365-of__text-en {
  margin-top: 10px;
  font-size: min(20px, 2vw);
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading .ms365-of__heading-title .ms365-of__text-en {
    font-size: 3.4666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__wrapper-link {
  margin: 24px auto 0;
  max-width: 211px;
  width: 100%;
  min-height: 52px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading .ms365-of__wrapper-link {
    margin: 2.4vw auto 4.2666666667vw;
    min-height: auto;
  }
}
#ms #office .ms365-of .ms365-of__heading .ms365-of__link {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #d43b01;
  text-decoration: none;
  color: #fff;
  padding: clamp(0px, calc(0.0833333333vw * 13), 13px);
  font-weight: 700;
  font-size: min(16px, 1.6vw);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading .ms365-of__link {
    font-size: 3.3333333333vw;
    font-weight: bold;
    padding: 1.3333333333vw;
  }
}
#ms #office .ms365-of .ms365-of__block {
  border-bottom: 1px solid #b0b0b0;
  min-height: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block {
    position: relative;
    border: none;
    min-width: 29.3333333333vw;
    flex-shrink: 0;
    justify-content: flex-start;
  }
  #ms #office .ms365-of .ms365-of__block::after {
    content: "";
    display: block;
    position: absolute;
    height: 57.0666666667vw;
    width: 0.1333333333vw;
    right: -0.2666666667vw;
    top: 3.8666666667vw;
    background-color: #8e8e8e;
  }
}
#ms #office .ms365-of .ms365-of__block .ms365-of__sub-text,
#ms #office .ms365-of .ms365-of__block .ms365-of__access,
#ms #office .ms365-of .ms365-of__block .ms365-of__text {
  color: #595959;
  font-size: min(15px, 1.3vw);
}
#ms #office .ms365-of .ms365-of__block .ms365-of__text {
  font-weight: 700;
}
#ms #office .ms365-of .ms365-of__block .ms365-of__text--s13 {
  font-size: min(12px, 1.1vw);
}
#ms #office .ms365-of .ms365-of__block .ms365-of__text--mt6 {
  margin-top: 6px;
}
#ms #office .ms365-of .ms365-of__block .ms365-of__text--mt4 {
  margin-top: 4px;
}
#ms #office .ms365-of .ms365-of__block .ms365-of__text--mt8 {
  margin-top: min(8px, 0.8vw);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block .ms365-of__text {
    order: 1;
    min-height: 21.3333333333vw;
    margin-top: 10.6666666667vw;
    font-size: 3.3333333333vw;
    line-height: 1.52;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block .ms365-of__text--mh93 {
    min-height: 24.8vw;
  }
}
#ms #office .ms365-of .ms365-of__block .ms365-of__text .sub-text {
  white-space: nowrap;
  position: relative;
  top: -3px;
  left: 2px;
  font-size: min(10px, 1vw);
  display: inline !important;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block .ms365-of__text .sub-text {
    font-size: 2.6666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__block .divider {
  width: 20px;
  height: 2px;
  background-color: #b0b0b0;
}
#ms #office .ms365-of .ms365-of__block .ms365-of__sub-text-02 {
  display: inline !important;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block .ms365-of__sub-text-02 {
    position: relative;
    top: -1.6vw;
    font-size: 2.6666666667vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block .shield-sp {
    position: relative;
    top: -0.6666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__block picture {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block picture {
    margin-top: 4.8vw;
    order: 2;
    justify-content: flex-start;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block picture.device-icon {
    margin-top: 2.6666666667vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block picture.copilot-icon {
    margin-top: 7.2vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block picture.mt0 {
    margin-top: 0;
  }
}
#ms #office .ms365-of .ms365-of__block:last-child {
  border-bottom: none;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block:last-child {
    padding: 4vw 4.8vw;
  }
  #ms #office .ms365-of .ms365-of__block:last-child::after {
    display: none;
  }
}
#ms #office .ms365-of .ms365-of__block--people {
  padding: 13px 0 11px;
  min-height: 100px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people {
    padding: 4.8vw 1.6vw;
    font-size: 2vw;
    width: 28vw;
    text-align: left;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people picture {
    flex: none;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people img {
    height: auto;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people .ms365-of__text {
    text-align: center;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people .person-icon {
    width: 5.3333333333vw;
    order: 2 !important;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people .device-icon {
    width: 17.4666666667vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people .gorup-img {
    width: 17.6vw;
  }
}
#ms #office .ms365-of .ms365-of__block--people .ms365-of__sub-text {
  font-size: min(10px, 0.8vw);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people .ms365-of__sub-text {
    margin-top: 2.9333333333vw;
    font-size: 1.8666666667vw;
    line-height: 1.25;
    justify-self: flex-end;
    order: 3;
    text-align: left;
  }
}
#ms #office .ms365-of .ms365-of__block--people .ms365-of__sub-text .sub-text {
  position: relative;
  top: -3px;
  left: 2px;
  font-size: min(10px, 1vw);
  display: inline !important;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--people .ms365-of__sub-text .sub-text {
    font-size: 1.8666666667vw;
    top: -0.4vw;
  }
}
#ms #office .ms365-of .ms365-of__block--people p + p {
  margin-top: 7px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--no-sub {
    justify-content: flex-start;
  }
  #ms #office .ms365-of .ms365-of__block--no-sub picture {
    margin-top: 0;
  }
  #ms #office .ms365-of .ms365-of__block--no-sub .ms365-of__text {
    min-height: 21.3333333333vw;
  }
}
#ms #office .ms365-of .ms365-of__block--cloud {
  min-height: 110px;
  justify-content: flex-start;
  padding: 12px 0 9px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--cloud {
    padding: 4vw 1.6vw;
  }
}
#ms #office .ms365-of .ms365-of__block--cloud p {
  line-height: 1.2;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--cloud .cloud-sp {
    padding-top: 8.4vw;
    padding-bottom: 4.2666666667vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--cloud .ms365-of__text {
    line-height: 1.4;
  }
}
#ms #office .ms365-of .ms365-of__block--cloud .ms365-of__block--sub-text {
  font-size: min(12px, 1vw);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--cloud .ms365-of__block--sub-text {
    font-size: 3.3333333333vw;
    line-height: 1.52;
    font-weight: 700;
  }
}
#ms #office .ms365-of .ms365-of__block--shield {
  min-height: 103px;
  padding: 12px 0 10px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--shield {
    padding: 4vw 1.6vw;
  }
}
#ms #office .ms365-of .ms365-of__block--shield p {
  line-height: 1.4;
}
#ms #office .ms365-of .ms365-of__block--shield p span {
  display: inline-block;
  margin-top: -12px;
}
#ms #office .ms365-of .ms365-of__block--copilot {
  min-height: 190px;
  padding: 0;
}
@media (max-width: 750px) and (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--copilot {
    padding: 4vw 2.1333333333vw;
  }
}
#ms #office .ms365-of .ms365-of__block--copilot .ms365-of__text.ms365-of__text-pt {
  line-height: 1.4;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--copilot .ms365-of__text.ms365-of__text-pt {
    font-size: 3.2vw;
    line-height: 1.3333333333;
  }
}
#ms #office .ms365-of .ms365-of__block--convention {
  min-height: 90px;
  padding: 15px 0px 9px;
}
@media (max-width: 750px) and (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block--convention {
    padding: 4vw 1.6vw;
  }
}
#ms #office .ms365-of .ms365-of__block--divider {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading-gray .ms365-of__block::after {
    height: 46.6666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__heading-gray .ms365-of__heading-title {
  line-height: 1;
  justify-content: center;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__heading-gray .ms365-of__heading-title {
    margin-top: 2.2666666667vw;
    border: none;
  }
}
#ms #office .ms365-of .ms365-of__info {
  text-align: center;
  margin: 0 clamp(0px, calc(0.0833333333vw * 24), 24px);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__info {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    flex-basis: 300px;
    flex-grow: 1;
    margin: 0;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__text-pt {
    margin-top: 8vw;
  }
}
#ms #office .ms365-of .ms365-of__title {
  font-weight: 700;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__title {
    font-size: 3.4666666667vw;
    line-height: 1.5;
  }
}
#ms #office .ms365-of .ms365-of__title .sub-text {
  margin-left: clamp(0px, calc(0.0833333333vw * 5), 5px);
  font-size: min(14px, 1.4vw);
  display: inline !important;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__title .sub-text {
    top: 0;
    margin-left: 0;
    right: -4vw;
    font-size: 2.1333333333vw;
  }
}
#ms #office .ms365-of picture.ms365-of__tool-img {
  margin-top: 12px;
  width: 107%;
}
@media (max-width: 750px) {
  #ms #office .ms365-of picture.ms365-of__tool-img {
    width: 100%;
    order: inherit;
    margin-left: 2.4vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of picture.ms365-of__tool-img--sm {
    align-self: flex-start;
    width: 79%;
    margin-left: 1.0666666667vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of picture.ms365-of__tool-img--lg {
    margin-left: 0;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .mt-sp {
    margin-top: 1.8666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__sub-text {
  font-size: min(9px, 0.9vw);
  font-weight: 400;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__sub-text {
    font-size: 2.1333333333vw;
    line-height: 1.25;
  }
}
#ms #office .ms365-of .ms365-of__block-group-device {
  padding: 12px 0;
  font-weight: 700;
  min-height: 126px;
  gap: 10px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-group-device {
    padding: 4vw 1.6vw;
    width: 100%;
    font-size: 3.3333333333vw;
    line-height: 1.52;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-group-device img {
    order: 2;
  }
}
#ms #office .ms365-of .ms365-of__block-group-device span {
  display: block;
  font-size: min(12px, 1vw);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-group-device span {
    font-size: 3.3333333333vw;
    line-height: 1.52;
  }
}
#ms #office .ms365-of .ms365-of__block-group-device span i {
  font-weight: 500;
}
#ms #office .ms365-of .ms365-of__block-group-device span > span {
  display: block;
  margin-top: -2px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office {
    width: 61.3333333333vw;
    padding: 0 5.0666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365-of_title {
  color: #595959;
  font-size: min(15px, 1.5vw);
  margin-top: 7px;
  margin-bottom: 2px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365-of_title {
    margin-top: 10.6666666667vw;
    font-size: 3.3333333333vw;
    width: 100%;
    text-align: left;
    padding-left: 1.3333333333vw;
    font-weight: 700;
  }
}
#ms #office .ms365-of .ms365-of__block-office p {
  font-weight: 700;
  font-size: 12px;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .red-plus {
    font-size: 5.3333333333vw;
    font-weight: 400;
    position: relative;
    top: -0.5333333333vw;
    margin-top: 0.5333333333vw;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365-of__extend {
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(4px, 0.4vw);
  font-size: min(16px, 1.6vw);
  margin-top: min(20px, 2.1vw);
  color: #d43b01;
  line-height: 1;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365-of__extend {
    margin-top: 3.2vw;
    font-size: 3.0666666667vw;
    width: 100%;
    justify-content: flex-start;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365-of__extend--purple {
  color: #701a71;
}
#ms #office .ms365-of .ms365-of__block-office .ms365-of__access {
  margin-top: 27px;
  font-size: min(11px, 1.1vw);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365-of__access {
    margin-top: 3.4666666667vw;
    font-size: 1.8666666667vw;
    line-height: 2.125;
    letter-spacing: -0.02em;
    position: relative;
    align-self: flex-start;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 112%;
  gap: clamp(0px, calc(0.0833333333vw * 3), 3px) clamp(0px, calc(0.0833333333vw * 4), 4px);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool {
    margin-top: 3.2vw;
    justify-content: unset;
    width: 100%;
    gap: clamp(0px, calc(0.0833333333vw * 16), 16px) clamp(0px, calc(0.0833333333vw * 2), 2px);
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool.is-sp {
    display: grid !important;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item {
  height: clamp(0px, calc(0.0833333333vw * 43), 43px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item {
    height: clamp(0px, calc(0.0833333333vw * 110), 110px);
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item img {
  width: 100%;
  height: 100%;
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item.self-end {
  align-self: end;
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--copilot {
  margin-bottom: clamp(-3px, -0.25vw, -2px);
  transform: scale(0.9);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--copilot img {
    margin-bottom: -0.2666666667vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--outlook img {
    margin-left: 6.4vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--powerpoint {
    transform: scale(1.12);
  }
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--powerpoint img {
    margin-left: 2.4vw;
    margin-bottom: -0.1333333333vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--onenote {
    transform: scale(1);
  }
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--onenote img {
    margin-left: 5.6vw;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--word img, #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--onedrive img {
  margin-left: clamp(0px, calc(0.0833333333vw * 8), 8px);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--word img {
    margin-left: 1.3333333333vw;
  }
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--excel img {
    margin-left: 1.3333333333vw;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--ms-defend {
  height: clamp(0px, calc(0.0833333333vw * 52), 52px);
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--ms-defend img {
  transform: scale(0.96);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--ms-defend {
    height: clamp(0px, calc(0.0833333333vw * 124), 124px);
  }
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--ms-defend img {
    margin-bottom: -2px;
    margin-left: 2.1333333333vw;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--designer {
  margin-top: clamp(0px, calc(0.0833333333vw * 4), 4px);
  transform: scale(0.94);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--designer {
    transform: scale(0.9);
  }
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--designer img {
    margin-bottom: -2px;
    margin-left: 3.2vw;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--access {
  margin-top: clamp(0px, calc(0.0833333333vw * 3), 3px);
  transform: scale(0.9);
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__block-office .ms365__tool .ms365__tool-item--access img {
    margin-left: 5.8666666667vw;
  }
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool--4items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, calc(0.0833333333vw * 5), 5px);
  width: 100%;
  padding: 0 clamp(0px, calc(0.0833333333vw * 10), 10px);
}
#ms #office .ms365-of .ms365-of__block-office .ms365__tool--4items .ms365__tool-item {
  width: 25%;
}
#ms #office .ms365-of .ms365-of__block-office--start {
  justify-content: start;
}
#ms #office .ms365-of .ms365-of__box {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bdbdbd;
  height: 69px;
  padding: 20px;
  width: 100%;
  margin-top: 32px;
  font-size: 22px;
  line-height: 1.1;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__box {
    height: 13.3333333333vw;
    font-size: 3.7333333333vw;
    padding: 4vw 2.1333333333vw;
  }
}
#ms #office .ms365-of .ms365-of__policy {
  margin-top: 40px;
  max-width: 980px;
  width: 100%;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms365-of__policy {
    margin-top: 4.8vw;
    max-width: 100%;
  }
}
#ms #office .ms365-of .ms364-of__text-flex {
  display: flex;
  line-height: 1.4166666667;
  font-size: 12px;
  gap: 4px;
  color: #505050;
}
#ms #office .ms365-of .ms364-of__text-flex .ms364-of__node {
  flex-shrink: 0;
}
#ms #office .ms365-of .ms364-of__text-flex a {
  display: inline-block;
}
@media (max-width: 750px) {
  #ms #office .ms365-of .ms364-of__text-flex {
    font-size: 2.1333333333vw;
    line-height: 1.4782608696;
    gap: 0.2666666667vw;
  }
}