:root {
  --dRed: #CC0033;
  --iownGray: #9a9a9a;
  --RadiusPC: 28px;
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}

.nowrap {
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.reverse {
  -webkit-flex-flow: row-reverse wrap;
  -moz-flex-flow: row-reverse wrap;
  -ms-flex-flow: row-reverse wrap;
  -o-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
}

.column {
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
}

.flex-align-start {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}

.flex-align-end {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}

.flex-align-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

.flex-align-baseline {
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
}

.flex-align-stretch {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
}

.flex-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.flex-evenly {
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  -o-justify-content: space-evenly;
  justify-content: space-evenly;
}

.flex-justify-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}

.flex-justify-start {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-justify-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}



.wrapper {
  /*
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZWNvcjVPVk1RcVAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2U0ZGFkYSI+PHN0eWxlPjwhW0NEQVRBWyNlY29yNU9WTVFxUDJfdG8ge2FuaW1hdGlvbjogZWNvcjVPVk1RcVAyX3RvX190byAxMDAwMG1zIGxpbmVhciBpbmZpbml0ZSBub3JtYWwgZm9yd2FyZHN9QGtleWZyYW1lcyBlY29yNU9WTVFxUDJfdG9fX3RvIHsgMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDMyNS45ODg5MXB4LDY1MC4yMjY3NzdweCl9IDEwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMzk5Ljc5Nzk5MXB4LDMwNC4zODI5MTZweCl9IDIwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoNjk3LjM4MjZweCwxMjEuOTY0MjE0cHgpfSAzMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDExMDQuNDAyNDEzcHgsMTAxLjczMTUxNnB4KX0gNDAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxNDQ0LjMxMjA4NHB4LDIzMi43MzgzNjhweCl9IDUwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMTYyMi40MDY4MDdweCw1NDBweCl9IDYwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMTQ0NC4zMTIwODRweCw4NDguODI0NjQ3cHgpfSA3MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDExNjAuMTAzMjFweCw5OTQuNTk2NzAycHgpfSA4MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDc3Ny40Njg4NnB4LDk3Ni4yMTc2NDhweCl9IDkwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoNDc5LjM3MDAwNXB4LDg0OC44MjQ2NDdweCl9IDEwMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDMyNC40MzU4MzFweCw2NDcuNDMxNjJweCl9fSAjZWNvcjVPVk1RcVAzX3RvIHthbmltYXRpb246IGVjb3I1T1ZNUXFQM190b19fdG8gMTAwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzfUBrZXlmcmFtZXMgZWNvcjVPVk1RcVAzX3RvX190byB7IDAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxNTg5LjU0OTk5NnB4LDQwNS43NDQxOTRweCl9IDEwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMTYwNC45NDM3NTlweCw2ODguMDAyOTMycHgpfSAyMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDEzMzAuMTMzOTdweCw5MjMuODgwOTZweCl9IDMwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoMTAwOC42NjA4MTFweCw5OTQuNTk2NzAycHgpfSA0MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDYyNC43MjEyNzdweCw5MzQuODA5MzQxcHgpfSA1MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDM2Ni42MTA2NjVweCw3NDcuNjc5MTQ4cHgpfSA2MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDMyMS40NDEzMDhweCwzOTYuMDAzNDRweCl9IDcwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoNTYwLjE5MzYyNHB4LDE3MC4xNTY2NTVweCl9IDgwJSB7dHJhbnNmb3JtOiB0cmFuc2xhdGUoOTA1LjQxNjU2NnB4LDgzLjA0NDMyNHB4KX0gOTAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxMzM0LjUyNTQ1N3B4LDE1Ny4yNTExMjVweCl9IDEwMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDE1ODkuNTVweCw0MDUuNzRweCl9fV1dPjwvc3R5bGU+PGRlZnM+PGZpbHRlciBpZD0iZWNvcjVPVk1RcVAyLWZpbHRlciIgeD0iLTE1MCUiIHdpZHRoPSI0MDAlIiB5PSItMTUwJSIgaGVpZ2h0PSI0MDAlIj48ZmVHYXVzc2lhbkJsdXIgaWQ9ImVjb3I1T1ZNUXFQMi1maWx0ZXItYmx1ci0wIiBzdGREZXZpYXRpb249IjEwMCwxMDAiIHJlc3VsdD0icmVzdWx0Ii8+PC9maWx0ZXI+PHJhZGlhbEdyYWRpZW50IGlkPSJlY29yNU9WTVFxUDItZmlsbCIgY3g9IjAiIGN5PSIwIiByPSIwLjUiIHNwcmVhZE1ldGhvZD0icGFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUgMC41KSI+PHN0b3AgaWQ9ImVjb3I1T1ZNUXFQMi1maWxsLTAiIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmIxNTIiLz48c3RvcCBpZD0iZWNvcjVPVk1RcVAyLWZpbGwtMSIgb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMTc3LCA4MiwgMCkiLz48L3JhZGlhbEdyYWRpZW50PjxmaWx0ZXIgaWQ9ImVjb3I1T1ZNUXFQMy1maWx0ZXIiIHg9Ii0xNTAlIiB3aWR0aD0iNDAwJSIgeT0iLTE1MCUiIGhlaWdodD0iNDAwJSI+PGZlR2F1c3NpYW5CbHVyIGlkPSJlY29yNU9WTVFxUDMtZmlsdGVyLWJsdXItMCIgc3RkRGV2aWF0aW9uPSIxMDAsMTAwIiByZXN1bHQ9InJlc3VsdCIvPjwvZmlsdGVyPjxyYWRpYWxHcmFkaWVudCBpZD0iZWNvcjVPVk1RcVAzLWZpbGwiIGN4PSIwIiBjeT0iMCIgcj0iMC41IiBzcHJlYWRNZXRob2Q9InBhZCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxzdG9wIGlkPSJlY29yNU9WTVFxUDMtZmlsbC0wIiBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzg5Y2I1Ii8+PHN0b3AgaWQ9ImVjb3I1T1ZNUXFQMy1maWxsLTEiIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSg1NiwgMTU2LCAxODEsIDApIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PGcgaWQ9ImVjb3I1T1ZNUXFQMl90byIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI1Ljk4ODkxLDY1MC4yMjY3NzcpIj48ZWxsaXBzZSByeD0iNTgyLjYzODU0OCIgcnk9IjQ0NC45MjM5ODIiIHRyYW5zZm9ybT0ic2NhbGUoMS43NzgzMTksMS44MDIzNjgpIHRyYW5zbGF0ZSgwLjAwMDAwMSwtMC4wMDAwMDEpIiBmaWx0ZXI9InVybCgjZWNvcjVPVk1RcVAyLWZpbHRlcikiIGZpbGw9InVybCgjZWNvcjVPVk1RcVAyLWZpbGwpIiBzdHJva2Utd2lkdGg9IjAiLz48L2c+PGcgaWQ9ImVjb3I1T1ZNUXFQM190byIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU4OS41NDk5OTYsNDA1Ljc0NDE5NCkiPjxwYXRoIGQ9Ik0tNTgyLjYzODU0OCwxMjMuNTI1MDNjMC0zMTMuOTQ1NzIsMzUwLjcwNjMwMi01NjguNDQ5MDEyLDc4My4zMjQ0NS01NjguNDQ5MDEyczc4My4zMjQ0NSwyNTQuNTAzMjkyLDc4My4zMjQ0NSw1NjguNDQ5MDEyLTM1MC43MDYzMDEsNTY4LjQ0OTAxMi03ODMuMzI0NDUsNTY4LjQ0OTAxMi03ODMuMzI0NDUtMjU0LjUwMzI5Mi03ODMuMzI0NDUtNTY4LjQ0OTAxMloiIHRyYW5zZm9ybT0ic2NhbGUoMS4zMjI3MTUsMS40MTA3MDcpIHRyYW5zbGF0ZSgtMjAwLjY4NTkwMiwtMTIzLjUyNTAzKSIgZmlsdGVyPSJ1cmwoI2Vjb3I1T1ZNUXFQMy1maWx0ZXIpIiBmaWxsPSJ1cmwoI2Vjb3I1T1ZNUXFQMy1maWxsKSIgc3Ryb2tlLXdpZHRoPSIwIi8+PC9nPjwvc3ZnPg==");
    */
}

body.modalOn{
  overflow: hidden;
}

main{
  padding-top: 134px;
}

.sectioning_layout-inner a.module{
  pointer-events: all;
}
.sectioning_layout-inner.off a.module{
  pointer-events: none;
}


.wrapper-bg {
  background-color: hsla(197, 0%, 100%, 1);
  background-image: radial-gradient(circle at -0.05833851897946484% 106.85167100694444%, hsla(25, 92%, 60%, 1) 4.4037670559353295%, transparent 46.07262505425349%), radial-gradient(circle at 25.757104335200165% 77.09689670138889%, hsla(196, 45%, 53%, 1) 19.935201009114596%, transparent 84.94083150227867%), radial-gradient(circle at 5.638093756482058% 10.0439453125%, hsla(25, 84%, 62%, 1) 26.412381913926865%, transparent 46.873853895399314%), radial-gradient(circle at 62.03873677660236% 30.52029079861111%, hsla(196, 45%, 53%, 1) 24.754006279839416%, transparent 128.71495225694446%);
  background-blend-mode: normal, normal, normal, normal;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.7;
}


.sectioning_layout-inner {
  margin: 30px 0;
}

.rJstfy {
  margin-right: 0;
}

.lJstfy {
  margin-left: 0;
}

.cJstfy {
  margin-left: auto;
  margin-right: auto;
}

.red {
  color: var(--dRed);
}

picture {
  display: block;
  border-radius: var(--RadiusPC);
  overflow: hidden;
  line-height: 0;
}

picture img {
  width: 100%;
  height: auto;
}

.h2 h1,
.h2 h2,
.h2 h3,
.h2 h4,
.h2 h5,
.h2 h6 {
  font-size: 32px;
}

.asp169 picture {
  aspect-ratio: 16 / 9;
}

.asp169 picture img,
.aspSQ picture img {
  height: 100%;
  object-fit: cover;
}

.aspSQ picture {
  aspect-ratio: 1 / 1;
}

.inview {
  opacity: 0;
  transform: translateY(15px);
  transition: all 1s;
  will-change: transform;
}

.inview.loaded {
  opacity: 1;
  transform: translateY(0px);
}

.mov-title.inview {
  transform: translateY(15);
  opacity: 0;
  will-change: transform;
}

.mov-title.inview.loaded {
  transform: translateY(0px);
  opacity: 1;
}

.module.bg,
.module .gBody.bg {
  background: rgb(255 255 255 / 70%);
  backdrop-filter: saturate(100%) blur(40px);
  -webkit-backdrop-filter: saturate(100%) blur(40px);
  border-radius: 28px;
  padding: 10px;
  margin: 0 10px;
  width: 100%;
}

.module.bg.flat,
.module .gBody.bg.flat {
  background: #f3f3f3;
  /*backdrop-filter: none;
  -webkit-backdrop-filter: none;*/
}

.module.noBg {
  padding: 10px;
}

.module .gBody.bg {
  padding: 20px;
  margin: 0;
}

.module .gBody.noBg {
  padding-left: 1em;
}

.rJstfy .module.bg {
  border-radius: 28px 0px 0px 28px;
  margin-left: auto;
  margin-right: 0;
  width: calc(100% - 10px);
}

.lJstfy .module.bg {
  border-radius: 0px 28px 28px 0px;
  margin-right: auto;
  margin-left: 0;
  width: calc(100% - 10px);
}

.cJstfy .module.bg {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}

.module .gHead {
  padding: 20px;
}

.module .gHead.pgTitle {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid;
}

.module .gHead .sec-title {
  margin: 0 0 0.5em 0;
  gap: 0.2em;
  line-height: 1;
}

.module .gHead .sec-title .sub {
  font-size: 50%;
  text-align: left;
  color: #000;
}

.module .gHead .lede {
  width: 100%;
}

.module .gHead .lede span {}

.module .gHead.txt {
  padding-bottom: 0.5em;
}

.module .gBody.txt {
  padding: 0px 25px 20px;
}

.module .gHead.min,
.module .gBody.min {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
}

.gConv {
  margin: 35px 0;
}

a.module {
  text-decoration: none;
}

.col3 {
  gap: 20px;
}

.col3 .module.bg,
.col1 .module.bg {
  width: 100%;
}

.news .col1 {
  gap: 10px 0;
}

#newsrelease .news .col1 {
  gap: 0;
}

p.h3 {
  margin-bottom: 0.25em;
  font-size: 18px;
}

p.h3.mid {
  font-size: 16px;
}

p.title,
h3.title,
h4.title,
h5.title {
  font-weight: 600;
}

p.h4 {
  font-size: 92.5%;
}

p.mTop {
  margin-top: 0.5em;
}

a.btn {
  position: relative;
  background: var(--dRed);
  color: #fff;
  text-decoration: none;
  padding: 1em 2em;
  border-radius: 2em;
  gap: 0.4em;
  will-change: transform;
  cursor: pointer;
  border: 1px solid var(--dRed);
}

a.btn:hover {
  animation: bg-gradient 2s linear infinite alternate;
  color: var(--dRed);
  background: #fff;
  border: 1px solid;
}

@keyframes bg-gradient {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.btn {
  transition: 0.3s all;
}

button.btn {
  background: var(--dRed);
  border: 1px solid var(--dRed);
  padding: 1em 2.45em;
  border-radius: 2em;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  line-height: 1;

}

button.btn:hover {
  background: #fff;
  color: var(--dRed);
}

button:disabled {
  opacity: 0.3;
  cursor: auto;
}

button:disabled:hover {
  background: var(--dRed);
  color: #fff;
}

.tags {
  gap: 5px;
}

.tags.pined .tag {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 6px -4px;
}

.pin-spacer:has(.tags) {
  z-index: 1 !important;
}

.tag {
  font-size: 13px;
  /*background: #3f7a92;*/
  background: #013364;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 2em;
  display: inline-block;
}

.tag.red {
  background: var(--dRed);
}

.module.card .tag {
  margin-right: 10px;
}

.sort-buttons .tag {
  background: #666666;
  border: 1px solid #666666;
  cursor: pointer;
}

.shoulder.tag {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--dRed);
  color: #fff;
  border-radius: 2em 0;
  z-index: 1;
  padding: 1.5em 2em;
}

.sort-buttons .tag:hover {
  background: #fff;
  color: #666666;
  border: 1px solid #666666;
}

.sort-buttons .tag.mixitup-control-active {
  /*background: #3f7a92;*/
  background: #013364;
}

.sort-buttons .tag.mixitup-control-active:hover {
  opacity: 1;
  background: #013364;
  color: #fff;
  border: 1px solid #013364;
}

.mix,
.gap {
  display: inline-block;
  vertical-align: top;
}

.gap {
  width: 100%;
}

.divide {
  font-weight: 200;
  margin: 20px 0;
  font-size: 26px;
  width: 100%;
}

.divide span {
  flex: 0 0 auto;
  padding: 0 0.5em;
  text-align: center;
}

.divide::before,
.divide::after {
  content: '';
  flex-grow: 1;
  display: block;
  width: auto;
  height: 1px;
  background: var(--dRed);
}

.btn--forward.btn--secondary::after {
  content: "";
  display: block;
  width: 6.409px;
  height: 9.561px;
  /*background-size: 100% 100%;
  background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-accent.svg);*/
}

.btn--forward.btn--secondary::after {
  mask-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-accent.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #fff;
}

.btn--forward.btn--secondary:hover::after {
  background-color: var(--dRed);
}

#iown-bg-grd {
  width: 250%;
  height: 250%;
  position: fixed;
  left: -75%;
  right: 0;
  top: 0;
  z-index: -1;
  bottom: 0;
  margin: auto;
}

#fv {
  background: none;
  margin-bottom: 0;
  height: calc(100dvh - 99px);
}

#fv .gConv {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#fv .btn.pause{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 10%;
  color: #666666;
  background: #fff;
  border: none;
}
#fv .btn.pause::after{
  content: 'STOP';
  margin-left: 0.5em;
  color: #666666;
}
#fv .btn.pause.paused::after{
  content: 'PLAY';
}
#fv .btn.pause::before{
  border-left-color: #666666;
  border-right-color: #666666;
}
#fv .btn.pause.paused::before{
  background-color: #666666;
}

.gConv a.btn.grd {
  /*animation: btn-gradient 20s linear infinite alternate;
  background: linear-gradient(45deg, #CC0033, #53A1BF, #CC0033) 0 / 300% 100%;*/
  color: #fff;
  background: var(--dRed);
  position: static;
  padding: 1em 2em;
  font-size: inherit;
}

.btn.grd.blank::after {
  background-color: #fff;
}

.gConv a.btn.grd:hover {
  background: #fff;
  color: var(--dRed);
  border: 1px solid var(--dRed);
}

.btn.grd.blank:hover::after {
  background-color: var(--dRed);
}


@keyframes btn-gradient {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

#fv .gConv a.btn.grd span {
  font-size: 65%;
  margin-bottom: auto;
}

.txt-mv__contents {
  padding: 10px;
  max-width: 100%;
  height: 100%;
}

.txt-mv__contents--inner {
  padding: 0;
  position: relative;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  container-type: inline-size;
}

#kv-mov {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--RadiusPC);
}

.cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #333;
  z-index: 0;
  mix-blend-mode: multiply;
  opacity: 0.3;
  border-radius: var(--RadiusPC);
}

.txt-mv__contents--title {
  /* position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;*/
  margin: auto;
  width: max-content;
  height: max-content;
  padding: 0 10px;
  font-style: normal;
}

.txt-mv__contents--title h1 {
  text-align: center;
    font-size: 6cqw;
  margin-bottom: 0;
  color: #fff;
  font-weight: 300;
  line-height: 1.35;
  margin-top: 0;
  display: flex;
  flex-flow: column;
}

.txt-mv__contents--title h1 span.bg,
.txt-mv__contents--title p span.bg {
  display: inline-block;
  background: none;
  padding: 0.1em 0.45em;
  color: #fff;
  mix-blend-mode: hard-light;
}

.txt-mv__contents--title p span.bg {
  background: #fff;
  mix-blend-mode: normal;
}

.txt-mv__contents--title h1 span.bg:first-child,
.txt-mv__contents--title p span.bg:first-child {
  border-radius: 8px 8px 0 0;
}

.txt-mv__contents--title h1 span.bg:last-child {
  border-radius: 8px;
}

.txt-mv__contents--title p span.bg:last-child {
  border-radius: 0 0 8px 8px;
}

.txt-mv__contents--title h1 span.r {
  font-size: 65%;
  vertical-align: super;
}

.txt-mv__contents--title p {
  text-align: center;
  font-size: min(4vw, 18px);
  color: var(--dRed);
}

.mov-title {
  position: absolute;
  z-index: 1;
  font-style: italic;
  font-size: 40cqw;
  color: #fff;
  font-weight: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  opacity: 0.5;
  /*mix-blend-mode: overlay;*/
}

.mov-title h1{
  font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: inherit;
    text-align: inherit;
    margin-bottom: inherit;
    font-family: inherit;
}

.mov-title h1 span{
  display: none;
}

.anchor-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  border: none;
  background: #ffffff;
  margin: 0;
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  display: none;
  pointer-events: all;
}

.anchor-nav.open {
  display: flex;
}

.anchor-nav::before {
  content: '';
  display: block;
  background: #fff;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border-radius: 15px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  filter: drop-shadow(0px 0px 4px rgb(170, 170, 170));
  pointer-events: all;
}

.anchor-nav__list>li {
  list-style: none;
}

.anchor-nav__list>li a {
  color: var(--dRed);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  font-weight: 400;
}

.anchor-nav__list>li a.current {
  border-bottom: 1px solid var(--dRed);
}



.nav-title {
  font-style: italic;
  font-weight: 100;
  color: var(--dRed);
  font-size: 38vw;
  text-indent: -1.5vw;
  letter-spacing: -3px;
  text-align: center;
  opacity: 0.75;
  position: absolute;
  bottom: 8%;
}

.anchor-nav__list {
  margin: auto;
  gap: 10px;
  z-index: 1;
  padding-left: 0;
  z-index: 1;
}

#local-menu.btn {
    width: 50px;
    height: 65px;
    background: var(--dRed);
    position: fixed;
    right: 0;
    top: 109px;
    border-radius: 12px 0 0 12px;
    gap: 5px;
    z-index: 2;
    transition: all 0.6s;
    z-index: 999;
}

#local-menu.btn.set{
  top: 60px;
}

#local-menu.btn .bar {
  width: 50%;
  height: 1px;
  background: #fff;
}

#local-menu.btn .bar:nth-child(3) {
  margin-bottom: 14px;
}

#local-menu .contents-title {
  font-weight: 500;
  font-size: 8px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  color: #fff;
}

.anchor-nav .btn.close {
    position: absolute;
    right: 0;
    top: 109px;
    width: 50px;
    height: 65px;
    background: var(--dRed);
        border-radius: 12px 0 0 12px;
        z-index: 1002;
        pointer-events: all;
}

.anchor-nav .btn.close::before,
.anchor-nav .btn.close::after {
  content: '';
  display: block;
  width: 50%;
  background: #fff;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
  will-change: transform;
}

.anchor-nav .btn.close::after {
  transform: rotate(-45deg);
}

.anchor-nav__list>li.rnd a {
  color: var(--dRed);
  text-decoration: none;
}

.anchor-nav__list>li.lang {
  gap: 0.25em;
}

.anchor-nav__list>li.lang::before {
  content: '/';
  display: inline-block;
  order: 1;
  margin-right: 0;
  color: var(--iownGray);
}

.anchor-nav__list>li.lang a:first-child {
  order: 0;
}

.anchor-nav__list>li.lang a:last-child {
  order: 2;
}

.anchor-nav__list>li.lang a.disable {
  color: var(--iownGray);
}

.navigations,
.btn.pause {
  position: relative;
  background: #666666;
  width: max-content;
  padding: 8px 15px;
  border-radius: 2em;
}

.btn.pause {
  cursor: pointer;
}

.btn.pause:hover {
  opacity: 0.5;
}

.slide-controls {
  gap: 10px;
}

.btn.pause::before {
  content: '';
  display: block;
  height: 12px;
  width: 5px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin: 0px 2.5px;
  transition: 0.3s all;
}

.btn.pause.paused::before {
  content: '';
  background: #ffffff;
  display: block;
  height: calc(tan(60deg) * 13.85px / 2);
  width: 10px;
  margin: 0;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}


.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
  position: static;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: max-content;
  display: flex;
  align-items: center;
  margin: 0 20px;
}

.swiper-button-next,
.swiper-button-prev {
  width: 7px;
  height: max-content;
  margin-top: 0;
  color: #fff;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 12px;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #ccc;
  transition: 0.3s all;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 9px;
  height: 9px;
  background: #fff;
}

.usecaseSwiper {
  margin-bottom: 60px;
}

.usecaseSwiper .module.card {
  margin-left: 1.5px;
}

/*
.usecaseSwiper .swiper-button-prev,
.usecaseSwiper .swiper-button-next {
  position: absolute;
  background: #666666;
  width: 40px;
  border-radius: 20px;
  height: 40px;
  top: -15%;
  bottom: 0;
  left: -10px;
  margin: auto;
}

.usecaseSwiper .swiper-button-next {
  right: -10px;
  left: inherit;
}

.usecaseSwiper .btn.pause {
  margin-left: auto;
}
*/
.ofWrap {
  overflow: hidden;
}

.module.card picture {
  position: relative;
}

.btn.modal,
.btn.blank {
  background: white;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 1em 1.5em;
  border-radius: 1em;
}

.btn.blank::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  mask-image: url(/content/dam/nttcom/img/external-link-icon-red.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--dRed);
}

.usecaseSwiper .btn.blank::after,
.journalSwiper .btn.blank::after,
.journal-lists .btn.blank::after,
#journal-lists .btn.blank::after,
#links .btn.blank::after,
.news .btn.blank::after,
.btn.blank.txt::after {
  margin-left: 0.5em;
}

.news .btn.blank::after {
  width: 10px;
  height: 10px;
}

.btn.blank {
  padding: 0.85em 1.65em;
  border-radius: 1.5em;
  font-size: 12px;
  color: var(--dRed);
  border: 1px solid var(--dRed);
}

.btn.modal {
  border: 1px solid var(--dRed);
  font-size: 12px;
  padding: 1.3em 2.7em 1.3em 2em;
  border-radius: 1.5em;
  color: var(--dRed);
}

.single .btn.blank {
  position: static;
  width: max-content;
}

.single .usecaseSwiper .btn.blank{
  position: absolute;
}

/*
.news .btn.blank {
  padding: 0.5em 0.5em;
}
*/
.btn.modal::before,
.btn.modal::after {
  content: '';
  width: 10px;
  display: block;
  height: 1px;
  background: var(--dRed);
  position: absolute;
  right: 15px;
}

.btn.modal::after {
  transform: rotate(90deg);
  will-change: transform;
}

a.module.card:hover .btn.modal,
a.module.card:hover .btn.blank {
  background: var(--dRed);
}


a.module.card:hover .btn.modal,
a.module.card:hover .btn.blank {
  color: #fff;
}

a.module.card:hover .btn.blank::after {
  background-color: #fff
}

a.module.card:hover .btn.modal::before,
a.module.card:hover .btn.modal::after {
  background: #fff;
}

/*a.module.card:hover .gBody.bg {
  opacity: 0.7;
}*/

.journalSwiper .module.card {
  padding: 0 5px;
}



#contact .gConv {
  margin-top: 0;
}

#links .gHead.h2 {
  padding-bottom: 0;
}

#local-footer .gConv.anchor {
  margin: 0;
  position: relative;
  bottom: -34px;
}

#local-footer .gConv .goPageTop:after {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  height: 18px;
  width: 18px;
  border-radius: 15px;
  border: 1px solid var(--dRed);
}

#local-footer .gConv .goPageTop:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-top: 1px solid var(--dRed);
  border-left: 1px solid var(--dRed);
  transform: rotate(45deg);
  will-change: transform;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

#local-footer .caution {
  font-size: 12px;
  margin: auto;
  margin-top: 60px;
  text-align: right !important;
}

.grid_contents:has(#contact.grid_cols) {
  margin-bottom: 50px;
}

#contact.grid_cols {
  padding: 50px 0;
}

#contact .gHead {
  gap: 1em;
}

.whats .aspSQ picture img {
  height: 126%;
}

.whats .gConv {
  margin-top: 0;
}

.news .module.bg {
  transition: all 0.3s;
  width: 100%;
}

#newsrelease .news .module.bg {
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0;
  border-bottom: 1px solid #000;
  position: relative;
}

.news .module.bg:hover .gHead {
  color: #000;
}

.news .module.bg .gBody.txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*-webkit-line-clamp: 2;*/
}

.news .col1 .module.bg .gBody.txt p {
  -webkit-line-clamp: none;
  overflow: inherit;
}

#newsrelease .news .btn.blank {
  border: 1px solid var(--dRed);
}

.gConv.backword {
  margin-top: 60px;
}

.gConv.backword a.btn {
  flex-flow: row-reverse;
  padding: 1em 2.65em;
}

.gConv.backword a.btn:after {
  transform: rotate(180deg);
}

.gConv.backword a.btn:hover {
  animation: 3s linear 0s infinite alternate none running bg-gradient;
  background: #fff;
  color: var(--dRed);
}

.gConv.backword a.btn:hover::after {}

.sectioning_layout-inner.heading .h2 h1 {
  font-size: 300%;
}

.sectioning_layout-inner.heading h2 {
  margin-top: 0;
  margin-bottom: 0.75em;
  line-height: 1.25;
}

.section.anchors {
  gap: 10px;
}

.section.anchors a.btn {}

.section.anchors .btn--forward.btn--secondary::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  mask-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-accent.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #fff;
  background-image: none;
  transform: rotate(90deg);
}

.section.anchors .btn--forward.btn--secondary:hover:after {
  background-color: var(--dRed);
}

.gHead-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 1.7;
  overflow: hidden;
}

.gHead-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gHead-bg+.gHead,
.gHead-bg+.gHead .sec-title {
  color: #fff;
  font-weight: 200;
}

.ofh {
  overflow: hidden;
}

.module.card.suit {
  display: flex;
  flex-flow: column;
}

.module.card.suit .gHead {
  padding-bottom: 0;

}

.module.card.suit .gBody {
  border-radius: 0 0 var(--RadiusPC) var(--RadiusPC);
  padding-top: 20px;
  height: 100%;
}

.module.card.suit picture {
  border-radius: var(--RadiusPC) var(--RadiusPC) 0 0;
}

.journalSwiper .module.card .gBody p {
  min-height: 4.5em;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.journal-lists .module.card.suit {
  display: flex;
  flex-flow: column;
}

br.pc {
  display: none;
}

.full {
  width: 100%;
}

a.btn.w {
  min-width: 70%;
  justify-content: center;
}

#sec01 .gHead-bg {
  /*background-color: hsla(197, 0%, 100%, 1);
    background-image: radial-gradient(circle at -0.05833851897946484% 106.85167100694444%, hsla(25, 92%, 60%, 1) 4.4037670559353295%, transparent 46.07262505425349%), radial-gradient(circle at 25.757104335200165% 77.09689670138889%, hsla(196, 45%, 53%, 1) 19.935201009114596%, transparent 84.94083150227867%), radial-gradient(circle at 5.638093756482058% 10.0439453125%, hsla(25, 84%, 62%, 1) 26.412381913926865%, transparent 46.873853895399314%), radial-gradient(circle at 62.03873677660236% 30.52029079861111%, hsla(196, 45%, 53%, 1) 24.754006279839416%, transparent 128.71495225694446%);
    background-blend-mode: normal, normal, normal, normal;*/
  /*background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;*/
}

#sec01 .gHead-bg img {
  object-position: top;
}

#sec02 .gHead-bg {
  /*background-color: hsla(197, 0%, 100%, 1);
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 3770 3770' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),  
    radial-gradient(circle at -0.05833851897946484% 106.85167100694444%, 
    hsla(25, 92%, 60%, 1) 4.4037670559353295%, transparent 46.07262505425349%), 
    radial-gradient(circle at 25.757104335200165% 77.09689670138889%, 
    hsla(196, 45%, 53%, 1) 19.935201009114596%, transparent 84.94083150227867%), 
    radial-gradient(circle at 5.638093756482058% 10.0439453125%,
     hsla(25, 84%, 62%, 1) 26.412381913926865%, transparent 46.873853895399314%), 
     radial-gradient(circle at 62.03873677660236% 30.52029079861111%, hsla(196, 45%, 53%, 1) 24.754006279839416%, transparent 128.71495225694446%);
    background-blend-mode: overlay, normal, normal, normal, normal, normal;*/
  /*background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;*/
}

#sec03 .gHead-bg {
  /*background-color: hsla(306, 0%, 100%, 1);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 3718 3718' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"), radial-gradient(circle at 98.65160678822892% 63.48917672107878%, hsla(25, 97%, 56%, 1) 6.534220579755143%, transparent 47.81484783922551%), radial-gradient(circle at 41% 56%, hsla(207, 36%, 51%, 1) 6%, transparent 78%), radial-gradient(circle at 30.698230727568152% 56.017122072391764%, hsla(211, 100%, 42%, 1) 0%, transparent 55%), radial-gradient(circle at 81% 31%, hsla(218, 64%, 28%, 1) 9%, transparent 80%), radial-gradient(circle at 86% 44%, hsla(212, 100%, 75%, 1) 6%, transparent 60%), radial-gradient(circle at 43% 55%, hsla(23, 78%, 64%, 1) 3%, transparent 69%), radial-gradient(circle at 57% 85%, hsla(212, 85%, 34%, 1) 15%, transparent 90%), radial-gradient(circle at 35.01901290846723% -19.237380234208658%, hsla(23, 94%, 66%, 1) 18%, transparent 47.26875256442954%);
    background-blend-mode: overlay, normal, normal, normal, normal, normal, normal, normal, normal;
    */
  /*background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;*/
}

#sec03 .gHead-bg img {
  object-position: bottom;
}

#whatsiown .module .gHead-bg+.gHead .sec-title {
  /*-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;*/
  /*-webkit-text-stroke: 2px #000;
  text-stroke: 2px #000;
  paint-order: stroke;*/
}


.gHead-bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  position: absolute;
  background: black;
  opacity: 0.25;
}


#modal .gConv {
  gap: 10px;
}

#modal .h2 h1 {
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 0;
}

#colorbox {
  border-radius: var(--RadiusPC);
}

#modal .module.card {
  padding-left: 20px;
  padding-right: 20px;
}

#modal .module .gBody video {
  width: 100%;
}

#modal .module .gBody p.lede {
  line-height: 1.75;
  margin-top: 0;
}

#modal .module .gBody a.btn.link::after{
content: '';
    display: block;
    width: 12px;
    height: 12px;
    mask-image: url(/content/dam/nttcom/img/external-link-icon-red.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #fff;
}
#modal .module .gBody a.btn.link:hover::after{
  background-color:var(--dRed);
}

#modal.sectioning_layout-inner {
  margin-top: 0;
}

#modal .module .gBody video {
  object-fit: cover;
  border-radius: var(--RadiusPC);
  aspect-ratio: 16 / 9;
  height: 100%;
}

#modal .module .gBody.play video {
  border-radius: 0;
}

#sec03 .col2 .module.card p.h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}

#sec03 .col2 .module.card p.h3 span {
  font-size: 90%;
}

#sec03 .col2 .module.card p.h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

#sec03 .col2 .module.card .btn.blank {
  padding: 1.3em 2.7em 1.3em 2em;
  position: absolute;
}

#sec03 .col2 .module.card .btn.blank::before,
#sec03 .col2 .module.card .btn.blank::after {
  content: '';
  width: 10px;
  display: block;
  height: 1px;
  background: var(--dRed);
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#sec03 .col2 .module.card .btn.blank::after {
  transform: rotate(90deg);
  will-change: transform;
  mask-image: none;
  mask-size: inherit;
  mask-repeat: inherit;
  mask-position: inherit;
}

#sec03 .col2 .module.card:hover .btn.blank::before,
#sec03 .col2 .module.card:hover .btn.blank::after {
  background: #fff;
}

#sec02 .module.card .h3.title {
  font-weight: 400;
}

  #sec03 .col2 .module.card p.h4 {
    -webkit-line-clamp: 5;
    word-break: break-all;
  }

@media (768px >=width) {
  .anchor-nav__list {
    align-items: center;
    gap: 16px;
    padding-bottom: 10%;
    pointer-events: all;
  }

  .btn.blank ,#news.news .btn.blank{
    font-size: 11px;
  }

  .journalSwiper .btn.blank,
  #journal .btn.blank{
font-size: 11px;
  }
  .btn.modal {
font-size: 11px;
  }

  .anchor-nav__list>li.lang {
    position: absolute;
    bottom: 22.5px;
    line-height: 1;
  }

  p.h3 {
    font-size: 16px;
  }

  .news .col1 .module.bg .gBody {
    padding-bottom: 1rem;
    padding: 0px 20px 20px;
  }

  #newsrelease .news .col1 .module.bg .gBody {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
  }

  #newsrelease .news .col1 .module.bg .gHead {
    padding-left: 0;
  }

  .gHead-bg+.gHead {
    aspect-ratio: 4 / 1.7;
    justify-content: center;
  }

  .gHead-bg+.gHead+.gBody {
    margin-top: 10vw;
  }

  .gHead-bg+.gHead .sec-title {
    font-size: 24px;
  }

  p.lede.main {
    font-size: 18px;
    line-height: 1.75;
    text-align: left !important;
  }

  #sec01 .col2 p.h3 {
    line-height: 1.75;
    text-align: justify;
  }

  #sec01 .gBody,
  #sec02 .gBody,
  #sec03 .gBody {
    padding-left: 20px;
    padding-right: 20px;
  }

  #sec03 .gBody.col2 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
  }

  #sec01 .col2 {
    flex-flow: column-reverse;
    margin-top: 20%;
  }

  #sec01 .col2 .cont:last-of-type {
    margin-bottom: 10px;
    gap: 10px;
  }

  #sec01 .col2 .gConv {
    gap: 10px;
    margin-bottom: 0;
    width: 100%;
    margin-top: 15px;
  }

  #sec01 .col2 .gConv a.btn {
    width: 100%;
    justify-content: center;
    padding: 1em 1.2em;
    margin-top: 0;
  }

  .module .gHead .lede {
    line-height: 1.75;
  }

  #sec02 h5 {
    font-size: 22px;
  }

  p.lede.min {
    line-height: 1.75;
  }

  #sec02 .gBody:last-of-type {
    margin-top: 20%;
  }

  #sec02 .aspSQ picture {
    aspect-ratio: 3 / 2;
  }

  #sec02 .module.card {
    margin-bottom: 30px;
  }

  #sec02 .module.card .h3.title {
    margin-top: 0.5em;
  }

  #sec02 .gHead-bg img {
    object-position: center;
    width: 260%;
    margin-left: -80%;
  }

  #modal .module.card {
    padding-left: 10px;
    padding-right: 10px;
  }

  #modal .gConv a.btn {
    cursor: pointer;
    min-width: 70%;
    justify-content: center;
  }

  #modal .module .gBody .cont {
    display: flex;
    flex-flow: column;
  }

  #modal .module .gBody .cont .gConv {
    order: 0;
    margin-bottom: 10px;
  }

  #modal .module .gBody .cont p:first-of-type {
    order: 1;
  }

  #modal .module .gBody .cont p:last-of-type {
    order: 2;
  }

  .grid_contents:has(#contact.grid_cols) {
    margin-bottom: 10px;
  }

  #newsrelease .news .module.bg {
    padding-bottom: 0.5rem;
    z-index: -1;
  }

  #news.news .btn.blank,
  #newsrelease .news .btn.blank {
    right: 0;
    left: 0;
    margin: auto;
    width: max-content;
    position: static;
  }

  #news.news .btn.blank {
    margin-bottom: 1rem;
  }


  #journal-lists .tags {
    margin-top: 20px;
  }

  #contact.grid_cols {
    padding: 10px 0;
  }

  #contact.grid_cols .gHead .sec-title {
    margin-bottom: 0;
  }

  .usecaseSwiper .module.card {
    margin-left: 0;
  }

  #whatsiown .gConv.backword {
    margin-bottom: 65px;
  }

  #modal .h2 h1 {
    font-size: 22px;
    line-height: 1.5;
    margin-top: 1em;
  }

  #usecase .aspSQ picture {
    aspect-ratio: 16 / 9;
  }

  .anchor-nav__list>li a {
    font-weight: 300;
    font-size: 22px;
  }

  .anchor-nav__list>li.lang a {
    font-size: 18px;
  }

#cboxLoadedContent {
    padding-top: 3rem;
  }

  .content-challenge {
    margin-bottom: 0;
  }

  #whatsiown .h2.section__heading {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: 1.5px solid;
    padding-bottom: 0.5em;
    font-size: 30px;
  }

  #whatsiown .h4.section__heading {
    font-size: 22px;
  }

  #links .col4 .module.card {
    background: #fff;
    width: 100%;
    border-radius: var(--RadiusPC);
    padding: 2rem;
  }

  #links .col4 {
    gap: 10px;
  }

  .single .btn.blank {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
  }
}


@media (320px >=width) {}



@media (600px <=width) {
  #fv {
    height: calc(100dvh - 74.5px);
  }

  .txt-mv__contents--title p {
    text-align: left;
  }
}

@media (769px <=width) {
  .sectioning_layout-inner {
    margin-top: 100px;
  }

  a.btn:hover {
    /*opacity: 0.6;
    transform: scale(1.05);*/
  }

  a.module.card picture img {
    transition: 0.3s all;
  }

  /*a.module.card:hover picture {
    opacity: 0.7;
  }*/

  a.module.card:hover picture img {
    transform: scale(1.05);
  }

  .h2 h1,
  .h2 h2,
  .h2 h3,
  .h2 h4,
  .h2 h5,
  .h2 h6 {
    font-size: 42px;
  }

  br.sp {
    display: none;
  }

  br.pc {
    display: block;
  }

  .module .gHead .lede {
    font-size: 1.15em;
  }

  .anchor-nav {
    display: flex;
    width: max-content;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    top: 144px;
    padding: 0.5em 2em;
    border-radius: 2em;
    z-index: 10;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .5);
  }

  .anchor-nav__list>li {
    display: flex;
    align-items: center;
  }

  .anchor-nav__list>li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1em;
    background: var(--dRed);
    margin-left: 15px;
    margin-right: 5px;
  }

  .anchor-nav__list>li:nth-child(5)::after {
    display: none;
  }

  .anchor-nav__list>li.lang::after {
    display: none;
  }

  .anchor-nav__list>li.lang::before {
    color: var(--dRed);
  }

  .anchor-nav__list>li.lang {
    position: fixed;
    right: 25px;
    background: #fff;
    padding: 0.5em 1em;
    border-radius: 2em;
    top: 144px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .5);
  }

  .anchor-nav__list {
    flex-flow: row;
    align-items: center;
  }

  .anchor-nav::before,
  .nav-title,
  .anchor-nav .btn.close,
  #local-menu.btn {
    display: none;
  }

  .anchor-nav__list>li a {
    color: var(--dRed);
    transition: 0.3s all;
  }

  .anchor-nav__list>li a:hover {
    opacity: 0.5;
  }

  .anchor-nav__list>li.rnd {
    background: #fff;
    justify-content: center;
    padding: 0.35em 3em;
    border-radius: 32px;
  }

  .tag {
    padding: 0.75em 1em;
    font-size: 12px;
  }

  #fv {
    height: calc(100dvh - 134px);
  }

  .txt-mv__contents {
    padding-top: 28px;
  }

  .mov-title {
    top: 0;
    bottom: 0;
    margin: auto;
    left: -0.75%;
    font-size: 40.25cqw;
    height: max-content;
    z-index: 0;
  }

  /*.txt-mv__contents--title {
    padding-left: 60px;
  }*/

  .txt-mv__contents--title h1,
  .txt-mv__contents--title p {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-top: -5.5%;
    font-weight: 500;
        font-size: 2.25cqw;
  }

  #fv .gConv a.btn.grd {
    font-size: 25px;
    padding: 0.65em 1.25em;
  }

  #fv .gConv a.btn.grd:hover {
    background: var(--dRed);
  }

  #fv .gConv {
    right: 20px;
    left: inherit;
    margin-bottom: 0;
    bottom: 20px;
  }

  .txt-mv__contents--title h1 span.bg,
  .txt-mv__contents--title p span.bg {
    width: max-content;
    background: none;
    color: #fff;
    padding: 0;
  }

  .module.bg,
  .module .gBody.bg {
    padding: 35px;
  }

  .grid_contents.module.sm {
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 65px;
  }

  .rJstfy {
    margin-right: 0;
    width: calc(1260px + (50% - (1280px / 2)));
    margin-left: auto;
  }

  .lJstfy {
    margin-left: 0;
    width: calc(1260px + (50% - (1280px / 2)));
  }

  .module .gHead {
    flex-flow: row;
    align-items: center;
  }

  .module .gHead.pgTitle {
    margin-bottom: 50px;
    border-bottom: 1px solid;
  }

  .module .gHead .sec-title {
    flex: 0 0 auto;
    margin-bottom: 0;
  }

  .module .gHead .lede {
    width: 65%;
    max-width: max-content;
    line-height: 1.75;
  }

  .whats .module .gHead {
    margin-bottom: 20px;
    flex-flow: column;
    gap: 20px;
  }

  .whats .module .gHead .sec-title {
    text-align: center;
  }

  .whats .module .gHead .lede {
    width: 50%;
  }

  .whats .aspSQ picture {
    aspect-ratio: 16 / 5;
  }

  .whats .aspSQ picture img {
    height: 120%;
  }

  .col3 .module.card,
  .col3 .module.bg,
  .gap {
    width: calc((100% / 3) - 13.333px);
  }

  .col2 .module.card {
    width: calc((100% / 2) - 10px);
  }

  .usecase .col3.flex {
    flex-flow: row wrap;
  }

  .divide {
    font-size: 36px;
    margin: 35px 0;
    font-weight: 200;
  }

  .usecaseSwiper {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
  }

  .usecaseSwiper.aspSQ picture {
    aspect-ratio: 4 / 3;
  }

  .usecaseSwiper .module.card {
    margin: 0;
    transition:
      opacity 0.3s,
      background-color 0.3s,
      color 0.3s;
  }

  .usecaseSwiper .module.card p.h4 {
    min-height: calc(3rem * 1.4);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }


  .tags {
    justify-content: center;
    margin: 10px 0px;
  }

  .journal-lists .tags {
    justify-content: flex-start;
  }

  #contact .gHead,
  #links .gHead {
    flex-flow: column;
  }

  #links .col2,
  #links .col4 {
    gap: 20px;
  }

  #links .gHead.h2 {
    margin-bottom: 2rem;
  }

  #links .col4 .module.card {
    width: calc((100% / 4) - 15px);
    border-radius: var(--RadiusPC);
    background: #fff;
    display: flex;
    padding: 2rem 1.5rem;
    flex-flow: column;
    align-items: center;
  }

  #links .col4 .module .gBody.noBg {
    padding-left: 0;
    height: 100%;
  }

  #links .col4 .module.card .btn.blank {
    margin-top: 1em;
  }

  #local-footer .gConv.anchor {
    bottom: -60px;
  }

  .btn.blank::after {
    width: 12px;
    height: 12px;
  }

  .btn.blank,
  .news .btn.blank {
    padding: 0.85em 1.65em;
  }

  .news .col1 .btn.blank {
    position: static;
    margin-left: auto;
  }

  .news .col1 .module.bg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .news .col1 .module.bg .gHead {
    padding: 0;
    width: 10em;
  }

  .news .col1 .module.bg .gBody {
    padding-bottom: 0;
    width: 75%;
  }

  .gConv.backword {
    margin-top: 100px;
  }

  .sectioning_layout-inner.heading {
    margin-top: 120px;
  }

  .sectioning_layout-inner.heading .h2 h1 {
    font-size: 400%;
  }

  .sectioning_layout-inner.heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
  }

  .sectioning_layout-inner.heading .gHead .sec-title .sub {
    font-size: 35%;

  }

  .gHead-bg {
    height: 230px;
  }

  .gHead-bg+.gHead {
    height: calc(230px - 75px);
  }

  .gHead-bg+.gHead+.gBody {
    margin-top: 120px;
  }

  .news .module.bg .gBody.txt p {
    -webkit-line-clamp: 2;
  }

  .journalSwiper .module.card .gBody p {
    min-height: 4.5em;
  }

  .usecaseSwiper .swiper-button-prev,
  .usecaseSwiper .swiper-button-next {
    top: -20%;
  }

  .usecaseSwiper .swiper-button-prev {
    left: -20px;
  }

  .usecaseSwiper .swiper-button-next {
    right: -20px;
  }

  p.lede.main {
    font-size: 20px;
    line-height: 1.75;
  }

  #whatsiown p.lede.main {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }

  #sec01 .col2 {
    gap: 65px;
    margin-top: 100px;
  }

  #sec01 .col2 .cont:first-of-type {
    gap: 20px;
    width: 100%;
  }

  #sec01 .col2 .cont:first-of-type .gConv {
    width: calc(44% - 10px);
    gap: 20px;
  }

  #sec01 .col2 .cont:first-of-type .gConv a.btn {
        min-width: 19rem;
        justify-content: center;
  }

  #whatsiown .h2.section__heading {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    border-bottom: 1.5px solid;
    padding-bottom: 0.5em;
    font-size: 35px;
  }

  #whatsiown .h4.section__heading {
    max-width: 870px;
    width: inherit;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    font-weight: 500;
  }

  #whatsiown .sectioning_layout-inner {}

  #sec01 .col2 p.h3 {
    line-height: 1.75;
    max-width: 870px;
    width: inherit;
    margin-left: auto;
    margin-right: auto;
  }

  p.lede.min {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
  }

  #sec02 h5 {
    font-size: 24px;
  }

  #sec02 .gBody:last-of-type {
    margin-top: 60px;
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }

  #sec02 .module.card .h3.title {
    margin-top: 1em;
  }

  #sec02 .module p.lede {
    font-size: 18px;
    line-height: 1.75;
  }

  #sec02 .module.card .h3.title,
  #sec02 .module.card .h4 {
    padding: 0 1rem;
  }

  #sec03 .col2 {
    gap: 20px;
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
  }

  #sec03 .col2 .module.card {
    width: calc((100% / 2) - 10px);
  }

  #sec03 .col2 .module.card p.h4 {
    -webkit-line-clamp: 4;
  }

  a.btn.w {
    min-width: auto;
  }

  #modal .module .gHead {
    flex-flow: column;
    align-items: flex-start;
  }

  #modal .module .gBody video {
    width: calc(50% - 15px);
    transition: all 0.6s;
    will-change: auto;
  }

  #modal .module .gBody .cont {
    width: calc(50% - 15px);
    transition: all 0.6s;
    will-change: auto;
  }

  #modal .module .gBody.play {}

  #modal .module .gBody.play video {
    width: 100%;
    height: auto;
  }

  #modal .module .gBody.play .cont {
    margin-left: auto;
    margin-right: auto;
  }
  #whatsiown .anchors a.btn{
        min-width: 15rem;
  }

}