@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*共通*/
@media (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}

body {
  min-width: 100%;
}

@media (min-width: 769px) {
  a {
    transition: opacity 0.3s ease;
  }
  a:hover {
    opacity: 0.7;
  }
}

@media (max-width: 768px) {
  footer {
    width: 100vw;
    overflow: hidden;
  }
}

.home5g {
  width: 100%;
  overflow: hidden;
  font-family: "Noto Sans JP", sans-serif;
  color: #333333;
  background-color: #F7F7F7;
  position: relative;
}
.home5g::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 0;
}
.home5g img {
  max-width: 100%;
  display: inline-block;
  height: auto;
}

@keyframes loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 min(1100px, 80.5270863836vw);
  }
}
@keyframes loop-sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -214.9333333333vw 0;
  }
}
@keyframes results-sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -217.8666666667vw 0;
  }
}
.l-wrapper {
  width: min(1000px, 73.2064421669vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-wrapper {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}

.c-btn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(340px, 24.8901903367vw);
  height: min(80px, 5.8565153734vw);
  border-radius: min(40px, 2.9282576867vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/btn1-bg.png") no-repeat center center/100% 100%;
  font-size: min(20px, 1.4641288433vw);
  line-height: 1;
  font-weight: bold;
  color: #fff;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .c-btn1 {
    width: 69.3333333333vw;
    height: 14.9333333333vw;
    font-size: 4.5333333333vw;
    border-radius: 10.6666666667vw;
  }
}
.c-btn1::after {
  content: "";
  width: min(12px, 0.878477306vw);
  height: min(20px, 1.4641288433vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/btn1-icon-arrow.png") no-repeat center center/100% 100%;
  position: absolute;
  top: 50%;
  right: min(27px, 1.9765739385vw);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .c-btn1::after {
    width: 2.6666666667vw;
    height: 4.2666666667vw;
    right: 5.3333333333vw;
  }
}

.c-btn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(420px, 30.7467057101vw);
  height: min(80px, 5.8565153734vw);
  border-radius: min(40px, 2.9282576867vw);
  font-size: min(20px, 1.4641288433vw);
  line-height: 1;
  font-weight: bold;
  color: #CC0033;
  position: relative;
  border: min(3px, 0.2196193265vw) solid #CC0033;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 768px) {
  .c-btn2 {
    width: 69.3333333333vw;
    height: 14.9333333333vw;
    font-size: 4.5333333333vw;
    border-radius: 10.6666666667vw;
    border: 0.8vw solid #CC0033;
  }
}
.c-btn2::after {
  content: "";
  width: min(12px, 0.878477306vw);
  height: min(20px, 1.4641288433vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/btn2-icon-arrow.png") no-repeat center center/100% 100%;
  position: absolute;
  top: 50%;
  right: min(27px, 1.9765739385vw);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .c-btn2::after {
    width: 2.6666666667vw;
    height: 4.2666666667vw;
    right: 5.3333333333vw;
  }
}

.c-box {
  background-color: #fff;
  border: min(7px, 0.5124450952vw) solid #CC0033;
  box-sizing: border-box;
  border-radius: min(20px, 1.4641288433vw);
  padding: min(49px, 3.5871156662vw) min(20px, 1.4641288433vw);
}
@media (max-width: 768px) {
  .c-box {
    width: 89.3333333333vw;
    margin: 0 auto;
    border-radius: 5.3333333333vw;
    border: 1.0666666667vw solid #CC0033;
    padding: 7.2vw 2.6666666667vw;
  }
}
.c-box_ttl {
  text-align: center;
}
.c-box_ttl span {
  font-size: min(28px, 2.0497803807vw);
  line-height: 1.4285714286;
  font-weight: 800;
  background: linear-gradient(transparent 67%, rgba(250, 213, 0, 0.88) 50%);
}
@media (max-width: 768px) {
  .c-box_ttl span {
    font-size: 5.0666666667vw;
    line-height: 1.4210526316;
  }
}
.c-box_btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: min(48px, 3.513909224vw);
}
@media (max-width: 768px) {
  .c-box_btn {
    display: block;
    margin-top: 5.3333333333vw;
  }
}
.c-box_btn .c-btn1 {
  margin: 0 min(16px, 1.1713030747vw);
}
@media (max-width: 768px) {
  .c-box_btn .c-btn1 {
    margin: 3.7333333333vw auto 0;
  }
}
.c-box_btn .c-btn2 {
  margin-top: min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .c-box_btn .c-btn2 {
    margin: 4vw auto 0;
  }
}
.c-box.style3 .c-box_btn {
  margin-top: min(39px, 2.8550512445vw);
}
.c-box.style3 .c-box_btn .c-btn1 {
  width: min(280px, 20.4978038067vw);
}
@media (max-width: 768px) {
  .c-box.style3 .c-box_btn .c-btn1 {
    width: 69.3333333333vw;
    margin-top: 4vw;
  }
}

.kv {
  overflow: hidden;
  padding-bottom: min(110px, 8.0527086384vw);
  background-color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .kv {
    padding-bottom: 0;
  }
}
.kv_content {
  width: 100%;
}
@media (min-width: 769px) {
  .kv_content {
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/kv-bg.jpg") no-repeat center top/cover;
    height: min(597px, 43.7042459736vw);
    position: relative;
  }
}
.kv_content::after {
  content: "";
  width: min(60px, 4.39238653vw);
  height: min(60px, 4.39238653vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/kv-icon.png") no-repeat center center/100% 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: max(-30px, -2.196193265vw);
  z-index: 1;
}
@media (max-width: 768px) {
  .kv_content::after {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    left: auto;
    right: 5.6vw;
    transform: translateX(0);
    bottom: 32.8vw;
  }
}
.kv_wrap {
  width: min(1366px, 100vw);
  margin: 0 auto;
}
@media (min-width: 769px) {
  .kv_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
  }
}
.kv_img {
  width: min(597px, 43.7042459736vw);
  margin: min(38px, 2.7818448023vw) 0 0 max(-136px, -9.9560761347vw);
}
@media (max-width: 768px) {
  .kv_img {
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 0;
  }
  .kv_img::after {
    content: "";
    width: 100%;
    height: 2.4vw;
    background-color: #F7F7F7;
    position: absolute;
    bottom: 20.5333333333vw;
    left: 0;
    z-index: -1;
  }
}
.kv_txt {
  width: min(529px, 38.7262079063vw);
  margin: min(55px, 4.0263543192vw) 0 0 max(-43px, -3.1478770132vw);
}
@media (max-width: 768px) {
  .kv_txt {
    display: none;
  }
}
.kv_slider {
  width: min(300px, 21.9619326501vw);
  height: min(597px, 43.7042459736vw);
  overflow: hidden;
  margin-left: min(50px, 3.6603221083vw);
}
@media (max-width: 768px) {
  .kv_slider {
    width: 100%;
    height: 26.9333333333vw;
    margin-left: 0;
    margin-top: -10.1333333333vw;
    position: relative;
    z-index: 1;
  }
}
.kv_slider_bgd {
  width: 100%;
  height: 100%;
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/kv-slider.png") repeat-y;
  background-size: 100% auto;
  animation: loop 30s linear infinite;
}
@media (max-width: 768px) {
  .kv_slider_bgd {
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/kv-slider-sp.png") repeat-x;
    background-size: auto 100%;
    animation: loop-sp 30s linear infinite;
  }
}

.results {
  margin-top: max(-75px, -5.4904831625vw);
  position: relative;
  overflow: hidden;
  padding-bottom: min(80px, 5.8565153734vw);
}
@media (max-width: 768px) {
  .results {
    margin-top: 0;
    padding-bottom: 10.4vw;
  }
}
.results::before {
  content: "";
  width: 160vw;
  height: min(370px, 27.0863836018vw);
  background: linear-gradient(262deg, #CC0033 20%, #FABD00 100%);
  position: absolute;
  top: min(662px, 48.4626647145vw);
  left: 50%;
  transform: translateX(-50%) rotate(-29.4deg);
  z-index: 0;
}
@media (max-width: 768px) {
  .results::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/results-bg-sp.png") no-repeat center center/100% 100%;
    height: 116.5333333333vw;
    width: 100%;
    top: 110.9333333333vw;
    transform: translateX(0) rotate(0);
    left: 0;
  }
}
.results .l-wrapper {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .results .l-wrapper {
    padding: 0;
  }
}
.results_top {
  background-color: #fff;
  padding-bottom: min(50px, 3.6603221083vw);
}
@media (max-width: 768px) {
  .results_top {
    padding-bottom: 8.5333333333vw;
    padding-top: 4vw;
  }
}
.results .ttl {
  text-align: center;
}
.results .ttl_jp {
  font-size: min(32px, 2.3426061493vw);
  font-weight: 800;
  color: #CC0033;
  line-height: 2.15625;
  position: relative;
  display: inline-block;
  padding: 0 min(16px, 1.1713030747vw) 0 min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .results .ttl_jp {
    font-size: 5.8666666667vw;
    line-height: 2.1363636364;
    padding: 0 4.2666666667vw 0 8vw;
  }
}
.results .ttl_jp::before {
  content: "";
  width: min(16px, 1.1713030747vw);
  height: min(27px, 1.9765739385vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/results-ttl-iconlefft.png") no-repeat center center/100% 100%;
  position: absolute;
  top: 50%;
  left: min(5px, 0.3660322108vw);
  transform: translateY(-30%);
}
@media (max-width: 768px) {
  .results .ttl_jp::before {
    width: 3.2vw;
    height: 5.3333333333vw;
    left: 2.1333333333vw;
  }
}
.results .ttl_jp::after {
  content: "";
  width: min(16px, 1.1713030747vw);
  height: min(27px, 1.9765739385vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/results-ttl-iconright.png") no-repeat center center/100% 100%;
  position: absolute;
  top: 50%;
  right: min(5px, 0.3660322108vw);
  transform: translateY(-30%);
}
@media (max-width: 768px) {
  .results .ttl_jp::after {
    width: 3.2vw;
    height: 5.3333333333vw;
    right: 1.3333333333vw;
  }
}
.results .ttl_eng {
  display: block;
  font-size: min(28px, 2.0497803807vw);
  line-height: 1.4;
  font-weight: 800;
  margin-top: max(-10px, -0.7320644217vw);
}
@media (max-width: 768px) {
  .results .ttl_eng {
    font-size: 5.3333333333vw;
    margin-top: -1.0666666667vw;
  }
}
@media (max-width: 768px) {
  .results_slider {
    margin-top: 4.5333333333vw;
  }
}
.results_slider .item {
  width: min(1000px, 73.2064421669vw);
  height: min(50px, 3.6603221083vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/results-slider.png") no-repeat center center/100% 100%;
  margin: min(17px, 1.2445095168vw) auto 0;
}
@media (max-width: 768px) {
  .results_slider .item {
    width: 100%;
    height: 10.9333333333vw;
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/results-slider-sp.png") repeat-x;
    background-size: auto 100%;
    animation: results-sp 30s linear infinite;
  }
}
.results .c-box {
  margin-top: min(55px, 4.0263543192vw);
}
@media (max-width: 768px) {
  .results .c-box {
    margin-top: 5.6vw;
  }
}

.campaign {
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/campaign-bg.png") no-repeat center top/cover;
  border-radius: min(30px, 2.196193265vw) min(30px, 2.196193265vw) 0 0;
  margin-top: min(80px, 5.8565153734vw);
  padding-bottom: min(35px, 2.5622254758vw);
}
@media (max-width: 768px) {
  .campaign {
    width: 89.3333333333vw;
    margin: 10.4vw auto 0;
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/campaign-bg-sp.png") no-repeat center top/cover;
    padding-bottom: 6.6666666667vw;
  }
}
.campaign .ttl {
  width: min(1094px, 80.0878477306vw);
  margin-left: max(-46px, -3.3674963397vw);
}
@media (max-width: 768px) {
  .campaign .ttl {
    width: 123.7333333333vw;
    margin-left: -17.0666666667vw;
  }
}
.campaign .ttl img {
  margin-top: max(-10px, -0.7320644217vw);
  width: 100%;
}
@media (max-width: 768px) {
  .campaign .ttl img {
    margin-top: -3.2vw;
  }
}
.campaign .note {
  width: min(760px, 55.6368960469vw);
  margin: min(3px, 0.2196193265vw) auto 0;
  background-color: #A8002A;
  border-radius: min(15px, 1.0980966325vw) min(15px, 1.0980966325vw) 0 0;
  font-size: min(21px, 1.5373352855vw);
  line-height: 1.4285714286;
  font-weight: bold;
  text-align: center;
  color: #FAD500;
  padding: min(18px, 1.317715959vw) 0;
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .campaign .note {
    width: 100%;
    font-size: 4.8vw;
    line-height: 1.4444444444;
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    margin: 6.4vw 0 -0.2666666667vw;
    padding: 5.3333333333vw 0;
  }
}
.campaign .note::after {
  content: "";
  width: min(700px, 51.2445095168vw);
  height: 1px;
  background-color: #7E001F;
  position: absolute;
  bottom: 1px;
  left: min(30px, 2.196193265vw);
  z-index: 1;
}
@media (max-width: 768px) {
  .campaign .note::after {
    width: 78.6666666667vw;
    left: 5.3333333333vw;
  }
}
.campaign .note span {
  font-size: min(17px, 1.2445095168vw);
  line-height: 1.4705882353;
  color: #fff;
}
@media (max-width: 768px) {
  .campaign .note span {
    font-size: 4vw;
    line-height: 1.4;
  }
}
.campaign_group {
  max-width: min(760px, 55.6368960469vw);
  margin-left: auto;
  margin-right: auto;
  background-color: #A8002A;
  border-radius: 0 0 min(20px, 1.4641288433vw) min(20px, 1.4641288433vw);
  padding: min(24px, 1.756954612vw) min(30px, 2.196193265vw) min(15px, 1.0980966325vw);
  margin-bottom: min(20px, 1.4641288433vw);
}
@media (max-width: 768px) {
  .campaign_group {
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    padding: 4.8vw 0 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.campaign_group .item {
  position: relative;
}
.campaign_group .item::after {
  content: "";
  width: min(77px, 5.6368960469vw);
  height: min(77px, 5.6368960469vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/campaign-icon.png") no-repeat center center/100% 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: max(-50px, -3.6603221083vw);
  z-index: 1;
}
@media (max-width: 768px) {
  .campaign_group .item::after {
    width: 16vw;
    height: 16vw;
    bottom: -10.6666666667vw;
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/campaign-icon-sp.png") no-repeat center center/100% 100%;
  }
}
.campaign_group .item + .item {
  margin-top: min(25px, 1.8301610542vw);
}
@media (max-width: 768px) {
  .campaign_group .item + .item {
    margin-top: 4.2666666667vw;
  }
}
.campaign_group .item + .item::after {
  bottom: max(-53px, -3.8799414348vw);
}
@media (max-width: 768px) {
  .campaign_group .item + .item::after {
    bottom: -10.6666666667vw;
  }
}
.campaign .item {
  width: 100%;
  max-width: min(700px, 51.2445095168vw);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 768px) {
  .campaign .item {
    max-width: 78.6666666667vw;
  }
}
.campaign .item .label {
  width: min(120px, 8.78477306vw);
  position: absolute;
  top: max(-15px, -1.0980966325vw);
  left: max(-15px, -1.0980966325vw);
  z-index: 1;
}
@media (max-width: 768px) {
  .campaign .item .label {
    width: 20.2666666667vw;
    top: -2.6666666667vw;
    left: -8vw;
  }
}

.conditions {
  background-color: #fff;
  padding: min(60px, 4.39238653vw) 0 min(60px, 4.39238653vw);
  border-radius: 0 0 min(16px, 1.1713030747vw) min(16px, 1.1713030747vw);
  margin-bottom: min(80px, 5.8565153734vw);
}
@media (max-width: 768px) {
  .conditions {
    padding: 8.5333333333vw 0 8vw;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    width: 89.3333333333vw;
    margin: 0 auto 10.9333333333vw;
  }
}
.conditions .ttl {
  font-size: min(22px, 1.6105417277vw);
  line-height: 1.4545454545;
  font-weight: 800;
  text-align: center;
  margin-bottom: min(29px, 2.1229868228vw);
}
@media (max-width: 768px) {
  .conditions .ttl {
    font-size: 5.3333333333vw;
    line-height: 1.3;
    margin-bottom: 5.6vw;
  }
}
.conditions .qa {
  width: min(800px, 58.5651537335vw);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .conditions .qa {
    width: 78.6666666667vw;
  }
}
.conditions .qa + .qa {
  margin-top: min(19px, 1.3909224012vw);
}
@media (max-width: 768px) {
  .conditions .qa + .qa {
    margin-top: 2.6666666667vw;
  }
}
.conditions .qa .question {
  background-color: #FEF2F4;
  border-radius: min(16px, 1.1713030747vw);
  padding: min(22px, 1.6105417277vw) min(30px, 2.196193265vw);
  position: relative;
  cursor: pointer;
  transition: border-radius 0.2s ease;
  transition-delay: 0.4s;
}
@media (max-width: 768px) {
  .conditions .qa .question {
    border-radius: 4.2666666667vw;
    padding: 4.5333333333vw 4vw;
  }
}
.conditions .qa .question::after {
  content: "";
  width: min(30px, 2.196193265vw);
  height: min(30px, 2.196193265vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/qa-icon-open.png") no-repeat center/100% 100%;
  position: absolute;
  top: 50%;
  right: min(20px, 1.4641288433vw);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .conditions .qa .question::after {
    width: 6.4vw;
    height: 6.4vw;
    right: 4vw;
  }
}
.conditions .qa .question.is-open {
  border-radius: min(16px, 1.1713030747vw) min(16px, 1.1713030747vw) 0 0;
  transition: none;
  transition-delay: 0;
}
@media (max-width: 768px) {
  .conditions .qa .question.is-open {
    border-radius: 4.2666666667vw 4.2666666667vw 0 0;
  }
}
.conditions .qa .question.is-open::after {
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/qa-icon-close.png") no-repeat center/100% 100%;
}
.conditions .qa .question .desc {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
  font-weight: 800;
}
@media (max-width: 768px) {
  .conditions .qa .question .desc {
    font-size: 4.2666666667vw;
    line-height: 1.25;
  }
}
.conditions .qa .question .desc span {
  color: #CC0033;
  display: inline-block;
  margin-right: min(15px, 1.0980966325vw);
}
@media (max-width: 768px) {
  .conditions .qa .question .desc span {
    margin-right: 0;
    display: block;
  }
}
.conditions .qa .anser {
  background-color: #FFF7F8;
  border-radius: 0 0 min(16px, 1.1713030747vw) min(16px, 1.1713030747vw);
  padding: min(32px, 2.3426061493vw) min(30px, 2.196193265vw) min(40px, 2.9282576867vw);
  display: none;
}
@media (max-width: 768px) {
  .conditions .qa .anser {
    border-radius: 0 0 4.2666666667vw 4.2666666667vw;
    padding: 5.3333333333vw 4vw 6.6666666667vw;
  }
}
.conditions .qa .anser .row + .row {
  margin-top: min(33px, 2.4158125915vw);
}
@media (max-width: 768px) {
  .conditions .qa .anser .row + .row {
    margin-top: 5.3333333333vw;
  }
}
.conditions .qa .anser .row2 + .row2 {
  margin-top: min(15px, 1.0980966325vw);
}
@media (max-width: 768px) {
  .conditions .qa .anser .row2 + .row2 {
    margin-top: 4vw;
  }
}
.conditions .qa .anser_ttl {
  font-size: min(20px, 1.4641288433vw);
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: min(12px, 0.878477306vw);
}
@media (max-width: 768px) {
  .conditions .qa .anser_ttl {
    font-size: 4.8vw;
    line-height: 1.2222222222;
    margin-bottom: 2.1333333333vw;
  }
}
.conditions .qa .anser_ttl2 {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
  font-weight: bold;
}
@media (max-width: 768px) {
  .conditions .qa .anser_ttl2 {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.conditions .qa .anser_desc {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .conditions .qa .anser_desc {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.conditions .qa .anser_desc a {
  color: rgb(70, 120, 134);
  text-decoration: underline;
}
.conditions .qa .anser .note {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .conditions .qa .anser .note {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.conditions .qa .anser .note a {
  color: rgb(70, 120, 134);
  text-decoration: underline;
}
.conditions .qa .anser .number {
  margin-top: min(10px, 0.7320644217vw);
}
.conditions .qa .anser .number li {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
  position: relative;
  padding-left: min(20px, 1.4641288433vw);
}
@media (max-width: 768px) {
  .conditions .qa .anser .number li {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
    padding-left: 4vw;
  }
}
.conditions .qa .anser .number li + li {
  margin-top: min(10px, 0.7320644217vw);
}
@media (max-width: 768px) {
  .conditions .qa .anser .number li + li {
    margin-top: 2.1333333333vw;
  }
}
.conditions .qa .anser .number li span {
  font-weight: bold;
  color: #CC0033;
  position: absolute;
  top: 0;
  left: 0;
}
.conditions .qa .anser .list li {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
  position: relative;
  padding-left: min(20px, 1.4641288433vw);
}
@media (max-width: 768px) {
  .conditions .qa .anser .list li {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
    padding-left: 4vw;
  }
}
.conditions .qa .anser .list li::before {
  content: "";
  width: min(10px, 0.7320644217vw);
  height: min(10px, 0.7320644217vw);
  border-radius: 50%;
  background-color: #CC0033;
  position: absolute;
  top: min(8px, 0.5856515373vw);
  left: 0;
}
@media (max-width: 768px) {
  .conditions .qa .anser .list li::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 1.6vw;
  }
}
.conditions .qa .anser .list li + li {
  margin-top: 10px;
}

.problems {
  background-color: #fff;
  padding-top: min(91px, 6.6617862372vw);
  padding-bottom: min(76px, 5.5636896047vw);
}
@media (max-width: 768px) {
  .problems {
    padding-top: 10.6666666667vw;
    padding-bottom: 9.0666666667vw;
  }
}
.problems .ttl {
  font-size: min(49px, 3.5871156662vw);
  line-height: 1.4081632653;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 768px) {
  .problems .ttl {
    font-size: 6.9333333333vw;
    line-height: 1.4230769231;
    margin: 0 -5.3333333333vw;
  }
}
.problems .ttl .small {
  font-size: min(42px, 3.074670571vw);
}
@media (max-width: 768px) {
  .problems .ttl .small {
    font-size: 5.8666666667vw;
  }
}
.problems .ttl .red {
  color: #CC0033;
}
.problems .tab {
  width: 100%;
  margin-top: min(41px, 3.0014641288vw);
}
@media (max-width: 768px) {
  .problems .tab {
    margin-top: 6.9333333333vw;
  }
}
.problems .tab_list {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  height: 100%;
}
.problems .tab_list .item {
  text-align: center;
  padding: min(20px, 1.4641288433vw) 0 min(17px, 1.2445095168vw);
  cursor: pointer;
  border: min(3px, 0.2196193265vw) solid #333;
  background-color: #F0F0F0;
}
@media (max-width: 768px) {
  .problems .tab_list .item {
    padding: 4vw 0 8.8vw;
    border: 0.5333333333vw solid #333;
  }
}
.problems .tab_list .item span {
  font-size: min(22px, 1.6105417277vw);
  line-height: 1.4545454545;
  font-weight: 800;
  position: relative;
  display: inline-block;
  padding-right: min(40px, 2.9282576867vw);
}
@media (max-width: 768px) {
  .problems .tab_list .item span {
    font-size: 4.2666666667vw;
    line-height: 1.125;
    padding-right: 0;
  }
}
.problems .tab_list .item span::after {
  content: "";
  width: min(30px, 2.196193265vw);
  height: min(30px, 2.196193265vw);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .problems .tab_list .item span::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: auto;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -6.9333333333vw;
  }
}
.problems .tab_list .item.tab_red {
  border-radius: min(30px, 2.196193265vw) 0 0 0;
  width: calc(50% + min(3px, 0.2196193265vw));
  margin-right: max(-3px, -0.2196193265vw);
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_red {
    width: calc(50% + 0.5333333333vw);
    margin-right: -0.5333333333vw;
    border-radius: 5.3333333333vw 0 0 0;
  }
}
.problems .tab_list .item.tab_red span::after {
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-red.png") no-repeat center/100% 100%;
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_red span::after {
    background: #CC0033 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-red.png") no-repeat center/100% 100%;
    border: 1px solid #CC0033;
    border-radius: 50%;
  }
}
.problems .tab_list .item.tab_red.is-active {
  background-color: #CC0033;
  border-radius: min(30px, 2.196193265vw) min(30px, 2.196193265vw) 0 0;
  padding: min(32px, 2.3426061493vw) 0 min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_red.is-active {
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    padding: 6.4vw 0 11.4666666667vw;
  }
}
.problems .tab_list .item.tab_red.is-active span {
  color: #fff;
}
.problems .tab_list .item.tab_red.is-active span::after {
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-white-red.png") no-repeat center/100% 100%;
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_red.is-active span::after {
    border: 1px solid #fff;
    background: #fff url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-white-red.png") no-repeat center/100% 100%;
  }
}
.problems .tab_list .item.tab_yellow {
  width: 50%;
  border-radius: 0 min(30px, 2.196193265vw) 0 0;
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_yellow {
    border-radius: 0 5.3333333333vw 0 0;
  }
}
.problems .tab_list .item.tab_yellow span::after {
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-red.png") no-repeat center/100% 100%;
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_yellow span::after {
    background: #CC0033 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-red.png") no-repeat center/100% 100%;
    border: 1px solid #CC0033;
    border-radius: 50%;
  }
}
.problems .tab_list .item.tab_yellow.is-active {
  background-color: #CC0033;
  border-radius: min(30px, 2.196193265vw) min(30px, 2.196193265vw) 0 0;
  padding: min(32px, 2.3426061493vw) 0 min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_yellow.is-active {
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    padding: 8.8vw 0 9.0666666667vw;
  }
}
.problems .tab_list .item.tab_yellow.is-active span {
  color: #fff;
}
.problems .tab_list .item.tab_yellow.is-active span::after {
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-white-red.png") no-repeat center/100% 100%;
}
@media (max-width: 768px) {
  .problems .tab_list .item.tab_yellow.is-active span::after {
    border: 1px solid #fff;
    background: #fff url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-icon-white-red.png") no-repeat center/100% 100%;
  }
}
.problems .tab_content {
  border: min(3px, 0.2196193265vw) solid #333;
  border-top: 0;
  border-radius: 0 0 min(30px, 2.196193265vw) min(30px, 2.196193265vw);
  height: min(429px, 31.4055636896vw);
  position: relative;
}
@media (max-width: 768px) {
  .problems .tab_content {
    height: 92.5333333333vw;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    border-width: 0.5333333333vw;
  }
}
.problems .tab_content_red {
  background: #FEF2F4 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-bg.png") repeat-x left center/auto 100%;
  border-radius: 0 0 min(30px, 2.196193265vw) min(30px, 2.196193265vw);
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .problems .tab_content_red {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    background: #FEF2F4 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-bg-sp.png") no-repeat left center/100% 100%;
  }
}
.problems .tab_content_red img {
  width: min(968px, 70.8638360176vw);
  position: absolute;
  top: max(-17px, -1.2445095168vw);
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .problems .tab_content_red img {
    width: 96.8vw;
    top: -2.6666666667vw;
    max-width: none;
    margin-left: 0.8vw;
  }
}
.problems .tab_content_yellow {
  background: #FEF2F4 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-bg.png") repeat-x left center/auto 100%;
  border-radius: 0 0 min(30px, 2.196193265vw) min(30px, 2.196193265vw);
  height: 100%;
  width: 100%;
  display: none;
}
@media (max-width: 768px) {
  .problems .tab_content_yellow {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    background: #FEF2F4 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/problems-tab-bg-sp.png") no-repeat left center/100% 100%;
  }
}
.problems .tab_content_yellow img {
  width: min(962px, 70.4245973646vw);
  position: absolute;
  top: max(-12px, -0.878477306vw);
  margin-left: max(-5px, -0.3660322108vw);
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .problems .tab_content_yellow img {
    width: 93.3333333333vw;
    top: -3.7333333333vw;
    max-width: none;
    margin-left: 0.8vw;
  }
}
.problems .solve {
  margin-top: min(50px, 3.6603221083vw);
}
@media (max-width: 768px) {
  .problems .solve {
    margin-top: 8.5333333333vw;
  }
}
.problems .solve .icon-top {
  text-align: center;
}
@media (max-width: 768px) {
  .problems .solve .icon-top {
    padding-right: 3.2vw;
  }
}
.problems .solve .icon-top img {
  width: min(127px, 9.2972181552vw);
}
@media (max-width: 768px) {
  .problems .solve .icon-top img {
    width: 24vw;
  }
}
.problems .solve_ttl {
  text-align: center;
  margin-top: max(-15px, -1.0980966325vw);
}
@media (max-width: 768px) {
  .problems .solve_ttl {
    margin: 4.8vw -2.6666666667vw 0;
  }
}
.problems .solve_ttl img {
  width: min(796px, 58.2723279649vw);
}
@media (max-width: 768px) {
  .problems .solve_ttl img {
    width: 90.9333333333vw;
  }
}
.problems .solve .voice {
  position: relative;
  z-index: 0;
  margin-top: min(34px, 2.4890190337vw);
}
@media (max-width: 768px) {
  .problems .solve .voice {
    margin-top: 2.9333333333vw;
  }
}
.problems .solve .voice dl {
  display: flex;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 768px) {
  .problems .solve .voice dl {
    flex-wrap: wrap;
  }
}
@media (min-width: 769px) {
  .problems .solve .voice dl::before {
    content: "";
    width: min(154px, 11.2737920937vw);
    height: min(102px, 7.467057101vw);
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/solve-icon-group.png") no-repeat center center/100% 100%;
    top: min(30px, 2.196193265vw);
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1;
    margin-left: max(-5px, -0.3660322108vw);
  }
}
.problems .solve .voice dl dt {
  width: min(480px, 35.1390922401vw);
  margin-right: min(30px, 2.196193265vw);
  background-color: #fff;
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: relative;
  padding: min(37px, 2.7086383602vw) min(48px, 3.513909224vw) 0;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt {
    width: 87.4666666667vw;
    border: 0.5333333333vw solid #1A1310;
    border-radius: 5.3333333333vw;
    padding: 7.2vw 5.8666666667vw 0;
    margin-right: 0;
  }
}
.problems .solve .voice dl dt::after {
  content: "";
  width: 100%;
  height: calc(100% + min(3px, 0.2196193265vw));
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: absolute;
  top: min(10px, 0.7320644217vw);
  left: min(13px, 0.9516837482vw);
  z-index: -1;
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt::after {
    border: 0.5333333333vw solid #1A1310;
    border-radius: 6.6666666667vw 5.3333333333vw 6.6666666667vw 5.3333333333vw;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
  }
}
.problems .solve .voice dl dt .number img {
  height: min(43px, 3.1478770132vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .number img {
    height: 7.2vw;
  }
}
.problems .solve .voice dl dt .dt_ttl {
  font-size: min(39px, 2.8550512445vw);
  line-height: 1.3333333333;
  color: #CC0033;
  font-weight: 800;
  margin-top: min(16px, 1.1713030747vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .dt_ttl {
    font-size: 6.9333333333vw;
    line-height: 1.3461538462;
    margin-top: 2.6666666667vw;
  }
}
.problems .solve .voice dl dt .dt_ttl span {
  color: #333;
}
.problems .solve .voice dl dt .dt_desc {
  font-size: min(20px, 1.4641288433vw);
  line-height: 1.7;
  font-weight: bold;
  margin-top: min(15px, 1.0980966325vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .dt_desc {
    font-size: 4.8vw;
    line-height: 1.5555555556;
    margin-top: 3.2vw;
    margin-right: -2.6666666667vw;
  }
}
.problems .solve .voice dl dt .dt_desc span {
  color: #CC0033;
}
.problems .solve .voice dl dt .dt_desc span i {
  font-size: min(15px, 1.0980966325vw);
  font-style: normal;
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .dt_desc span i {
    font-size: 4.8vw;
  }
}
.problems .solve .voice dl dt .dt_desc sub {
  font-size: 70%;
  vertical-align: text-top;
  line-height: 1;
}
.problems .solve .voice dl dt .img {
  text-align: center;
  line-height: 0;
}
.problems .solve .voice dl dt .img.--img1 {
  margin-top: min(31px, 2.2693997072vw);
  padding-right: min(18px, 1.317715959vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .img.--img1 {
    margin-top: 8.2666666667vw;
    padding-right: 3.4666666667vw;
    margin-top: 0;
    text-align: right;
  }
}
.problems .solve .voice dl dt .img.--img1 img {
  width: min(293px, 21.4494875549vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .img.--img1 img {
    width: 53.3333333333vw;
  }
}
.problems .solve .voice dl dt .img.--img2 {
  margin-top: min(32px, 2.3426061493vw);
  padding-left: min(20px, 1.4641288433vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .img.--img2 {
    margin-top: 0.5333333333vw;
    padding-left: 4vw;
  }
}
.problems .solve .voice dl dt .img.--img2 img {
  width: min(266px, 19.4729136164vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .img.--img2 img {
    width: 48vw;
  }
}
.problems .solve .voice dl dt .img.--img3 {
  margin-top: min(35px, 2.5622254758vw);
  width: min(425px, 31.1127379209vw);
  margin-left: max(-25px, -1.8301610542vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dt .img.--img3 {
    width: 68vw;
    margin: 8.8vw -1.6vw 0 auto;
  }
}
.problems .solve .voice dl dt .img.--img3 img {
  width: 100%;
}
.problems .solve .voice dl dd {
  width: min(480px, 35.1390922401vw);
  background-color: #CC0033;
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: relative;
  margin-top: min(70px, 5.1244509517vw);
  padding: min(37px, 2.7086383602vw) min(38px, 2.7818448023vw) min(45px, 3.2942898975vw) min(48px, 3.513909224vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dd {
    width: 87.4666666667vw;
    border: 0.5333333333vw solid #1A1310;
    border-radius: 5.3333333333vw;
    padding: 7.2vw 5.8666666667vw 7.2vw;
    margin-top: 4.8vw;
  }
}
@media (max-width: 768px) {
  .problems .solve .voice dl dd::before {
    content: "";
    width: 5.8666666667vw;
    height: 29.0666666667vw;
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/solve-icon-group-sp.png") no-repeat center center/100% 100%;
    top: -17.3333333333vw;
    left: 6.4vw;
    position: absolute;
    z-index: 1;
  }
}
.problems .solve .voice dl dd::after {
  content: "";
  width: 100%;
  height: calc(100% + min(3px, 0.2196193265vw));
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: absolute;
  top: min(10px, 0.7320644217vw);
  left: min(13px, 0.9516837482vw);
  z-index: -1;
}
@media (max-width: 768px) {
  .problems .solve .voice dl dd::after {
    border: 0.5333333333vw solid #1A1310;
    border-radius: 6.6666666667vw 5.3333333333vw 6.6666666667vw 5.3333333333vw;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
    height: 100%;
  }
}
.problems .solve .voice dl dd .dd_ttl {
  text-align: right;
}
.problems .solve .voice dl dd .dd_ttl img {
  width: min(153px, 11.2005856515vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dd .dd_ttl img {
    width: 25.6vw;
  }
}
.problems .solve .voice dl dd .dd_desc {
  position: relative;
  font-size: min(22px, 1.6105417277vw);
  line-height: 2.0909090909;
  color: #fff;
  font-weight: bold;
  padding: min(60px, 4.39238653vw) 0 min(44px, 3.2210834553vw);
  margin-top: min(42px, 3.074670571vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl dd .dd_desc {
    font-size: 4.2666666667vw;
    line-height: 2;
    padding: 15.7333333333vw 0 13.6vw;
    margin-top: 1.8666666667vw;
  }
}
.problems .solve .voice dl dd .dd_desc::before {
  content: "";
  width: min(53px, 3.8799414348vw);
  height: min(40px, 2.9282576867vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/solve-icon-note-top.png") no-repeat center center/100% 100%;
  top: 0;
  left: 0;
  position: absolute;
}
@media (max-width: 768px) {
  .problems .solve .voice dl dd .dd_desc::before {
    width: 9.8666666667vw;
    height: 7.4666666667vw;
  }
}
.problems .solve .voice dl dd .dd_desc::after {
  content: "";
  width: min(53px, 3.8799414348vw);
  height: min(40px, 2.9282576867vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/solve-icon-note-bottom.png") no-repeat center center/100% 100%;
  bottom: 0;
  right: 0;
  position: absolute;
}
@media (max-width: 768px) {
  .problems .solve .voice dl dd .dd_desc::after {
    width: 9.8666666667vw;
    height: 7.4666666667vw;
    bottom: -0.8vw;
  }
}
.problems .solve .voice dl dd .dd_desc span {
  color: #FAD500;
}
.problems .solve .voice dl + dl {
  margin-top: min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl + dl {
    margin-top: 10.1333333333vw;
  }
}
.problems .solve .voice dl.style2 dt {
  margin-right: 0;
  margin-top: min(70px, 5.1244509517vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl.style2 dt {
    margin-top: 0;
    order: 1;
  }
}
.problems .solve .voice dl.style2 dt .number {
  text-align: right;
}
@media (max-width: 768px) {
  .problems .solve .voice dl.style2 dt .number {
    text-align: left;
  }
}
.problems .solve .voice dl.style2 dd {
  margin-right: min(30px, 2.196193265vw);
  margin-top: 0;
}
@media (max-width: 768px) {
  .problems .solve .voice dl.style2 dd {
    order: 2;
    margin-top: 4.5333333333vw;
  }
}
.problems .solve .voice dl.style2 dd .dd_ttl {
  text-align: left;
}
@media (max-width: 768px) {
  .problems .solve .voice dl.style2 dd .dd_ttl {
    text-align: right;
  }
}
@media (max-width: 768px) {
  .problems .solve .voice dl.style2 dd .dd_desc {
    padding: 16.5333333333vw 0 12.5333333333vw;
  }
}
.problems .solve .voice dl.style3 dd .dd_desc {
  padding: min(80px, 5.8565153734vw) 0 min(71px, 5.1976573939vw);
}
@media (max-width: 768px) {
  .problems .solve .voice dl.style3 dd .dd_desc {
    padding: 19.7333333333vw 0 17.8666666667vw;
  }
}
.problems .solve-banner {
  margin-top: min(69px, 5.0512445095vw);
  text-align: center;
}
@media (max-width: 768px) {
  .problems .solve-banner {
    margin-top: 12.8vw;
  }
}
.problems .solve-banner img {
  width: min(850px, 62.2254758419vw);
}
@media (max-width: 768px) {
  .problems .solve-banner img {
    width: 89.3333333333vw;
  }
}

.flow {
  padding-top: min(67px, 4.9048316252vw);
  padding-bottom: min(80px, 5.8565153734vw);
}
@media (max-width: 768px) {
  .flow {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
.flow .ttl {
  font-size: min(30px, 2.196193265vw);
  line-height: 2.3;
  text-align: center;
  font-weight: 800;
}
@media (max-width: 768px) {
  .flow .ttl {
    font-size: 6.4vw;
    line-height: 1.5416666667;
  }
}
.flow .slide01 {
  margin-top: min(28px, 2.0497803807vw);
}
@media (max-width: 768px) {
  .flow .slide01 {
    padding: 2.1333333333vw 0;
    background-color: #fff;
    border-radius: 5.3333333333vw;
    margin-top: 5.0666666667vw;
  }
}
@media (min-width: 769px) {
  .flow .slide01 .splide {
    visibility: visible;
  }
}
@media (max-width: 768px) {
  .flow .slide01 .splide {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .flow .slide01 .splide__slide {
    line-height: 1;
    padding-right: 2.6666666667vw;
    width: 100%;
  }
}
.flow .slide01 .splide__img img {
  width: 100%;
}
@media (max-width: 768px) {
  .flow .slide01 .splide__pagination {
    bottom: -12vw;
  }
  .flow .slide01 .splide__pagination li {
    line-height: 1;
    margin: 0 2.6666666667vw;
  }
  .flow .slide01 .splide__pagination__page {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    background-color: #CCC;
    transform: scale(1);
    opacity: 1;
    margin: 0;
  }
  .flow .slide01 .splide__pagination__page.is-active {
    background-color: #CC0033;
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  .flow .slide01 .splide__arrow {
    top: auto;
    bottom: -16.8vw;
    background: #CC0033;
    width: 6.4vw;
    height: 6.4vw;
    opacity: 1;
  }
  .flow .slide01 .splide__arrow svg {
    fill: #fff;
    width: 3.2vw;
    height: 4.8vw;
  }
}
@media (max-width: 768px) {
  .flow .slide01 .splide__arrow--prev {
    left: 21.0666666667vw;
  }
}
@media (max-width: 768px) {
  .flow .slide01 .splide__arrow--next {
    right: 21.0666666667vw;
  }
}
@media (max-width: 768px) {
  .flow .slide01 .splide__track {
    border-radius: 5.3333333333vw;
  }
}
.flow .step {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media (min-width: 769px) {
  .flow .step {
    flex-wrap: wrap;
  }
}
.flow .step li {
  background-color: #fff;
  width: min(320px, 23.4260614934vw);
  border-radius: min(20px, 1.4641288433vw);
  padding: min(33px, 2.4158125915vw) 0 min(45px, 3.2942898975vw);
}
@media (max-width: 768px) {
  .flow .step li {
    padding: 8.5333333333vw 2.6666666667vw 9.8666666667vw;
    border-radius: 5.3333333333vw;
  }
}
.flow .step_sub img {
  height: min(16px, 1.1713030747vw);
}
@media (max-width: 768px) {
  .flow .step_sub img {
    height: 4vw;
  }
}
.flow .step_ttl {
  font-size: min(24px, 1.756954612vw);
  line-height: 1.3333333333;
  font-weight: 800;
  margin-top: min(13px, 0.9516837482vw);
}
@media (max-width: 768px) {
  .flow .step_ttl {
    font-size: 6.4vw;
    margin-top: 3.7333333333vw;
  }
}
.flow .step_desc {
  font-size: min(18px, 1.317715959vw);
  line-height: 1.5555555556;
  margin-top: min(19px, 1.3909224012vw);
}
@media (max-width: 768px) {
  .flow .step_desc {
    font-size: 4.8vw;
    line-height: 1.5555555556;
    margin-top: 4.8vw;
  }
}
.flow .step .img.--img1 {
  margin-top: min(18px, 1.317715959vw);
}
@media (max-width: 768px) {
  .flow .step .img.--img1 {
    margin-top: 4.8vw;
    padding-right: 4.5333333333vw;
  }
}
.flow .step .img.--img1 img {
  width: min(106px, 7.7598828697vw);
}
@media (max-width: 768px) {
  .flow .step .img.--img1 img {
    width: 28.2666666667vw;
  }
}
.flow .step .img.--img2 {
  margin-top: min(34px, 2.4890190337vw);
}
@media (max-width: 768px) {
  .flow .step .img.--img2 {
    margin-top: 9.0666666667vw;
  }
}
.flow .step .img.--img2 img {
  width: min(130px, 9.5168374817vw);
}
@media (max-width: 768px) {
  .flow .step .img.--img2 img {
    width: 34.6666666667vw;
  }
}
.flow .step .img.--img3 {
  margin-top: min(31px, 2.2693997072vw);
}
@media (max-width: 768px) {
  .flow .step .img.--img3 {
    margin-top: 8.2666666667vw;
  }
}
.flow .step .img.--img3 img {
  width: min(117px, 8.5651537335vw);
}
@media (max-width: 768px) {
  .flow .step .img.--img3 img {
    width: 31.2vw;
  }
}
.flow .c-box {
  margin-top: min(80px, 5.8565153734vw);
}
@media (max-width: 768px) {
  .flow .c-box {
    margin-top: 21.8666666667vw;
  }
}

.features {
  background-color: #fff;
  padding-top: min(119px, 8.7115666179vw);
  padding-bottom: min(90px, 6.588579795vw);
}
@media (max-width: 768px) {
  .features {
    padding-top: 18.1333333333vw;
    padding-bottom: 12.2666666667vw;
  }
}
.features .list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .features .list {
    display: block;
  }
}
.features .list li {
  width: min(320px, 23.4260614934vw);
  border-radius: min(20px, 1.4641288433vw);
  box-shadow: 0 min(6px, 0.439238653vw) 0 #B5002D;
  position: relative;
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/features-list-bg.png") no-repeat top center/100% 100%;
  text-align: center;
  padding: min(70px, 5.1244509517vw) 0 min(38px, 2.7818448023vw);
}
@media (max-width: 768px) {
  .features .list li {
    width: 100%;
    border-radius: 5.3333333333vw;
    padding: 11.4666666667vw 0 6.6666666667vw;
    box-shadow: 0 1.6vw 0 #B5002D;
  }
}
.features .list li .number {
  width: 100%;
  position: absolute;
  top: max(-39px, -2.8550512445vw);
  left: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .features .list li .number {
    top: -7.2vw;
  }
}
.features .list li .number img {
  width: min(78px, 5.710102489vw);
}
@media (max-width: 768px) {
  .features .list li .number img {
    width: 14.9333333333vw;
  }
}
.features .list li .desc {
  font-size: min(30px, 2.196193265vw);
  line-height: 1.2;
  font-weight: 800;
  color: #fff;
}
@media (max-width: 768px) {
  .features .list li .desc {
    font-size: 8vw;
  }
}
.features .list li .desc .yellow {
  color: #FAD500;
}
.features .list li .desc .small {
  font-size: min(24px, 1.756954612vw);
}
@media (max-width: 768px) {
  .features .list li .desc .small {
    font-size: 6.4vw;
  }
}
@media (max-width: 768px) {
  .features .list li + li {
    margin-top: 12.8vw;
  }
}
.features .ttl {
  margin-top: min(69px, 5.0512445095vw);
  text-align: center;
}
@media (max-width: 768px) {
  .features .ttl {
    margin-top: 9.0666666667vw;
  }
}
.features .ttl img {
  width: min(921px, 67.4231332357vw);
}
@media (max-width: 768px) {
  .features .ttl img {
    width: 85.0666666667vw;
  }
}
.features .group {
  margin-top: min(32px, 2.3426061493vw);
}
@media (max-width: 768px) {
  .features .group {
    margin-top: 6.6666666667vw;
  }
}
.features .group_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.features .group_ttl img {
  width: min(67px, 4.9048316252vw);
}
@media (max-width: 768px) {
  .features .group_ttl img {
    width: 13.6vw;
  }
}
@media (max-width: 768px) {
  .features .group_ttl img.img2 {
    width: 15.2vw;
  }
}
.features .group_ttl span {
  font-size: min(29px, 2.1229868228vw);
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #CC0033;
  margin-left: min(20px, 1.4641288433vw);
  padding-top: min(10px, 0.7320644217vw);
}
@media (max-width: 768px) {
  .features .group_ttl span {
    font-size: 6.4vw;
    margin-left: 5.3333333333vw;
    padding-top: 0;
  }
}
.features .group + .group {
  margin-top: min(69px, 5.0512445095vw);
}
@media (max-width: 768px) {
  .features .group + .group {
    margin-top: 12.2666666667vw;
  }
}
.features .before-after {
  position: relative;
  z-index: 0;
  margin-top: min(25px, 1.8301610542vw);
}
@media (max-width: 768px) {
  .features .before-after {
    margin-top: 4.5333333333vw;
  }
}
.features .before-after sub {
  font-size: 60%;
  vertical-align: text-top;
  line-height: 1;
}
.features .before-after dl {
  display: flex;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 768px) {
  .features .before-after dl {
    flex-wrap: wrap;
  }
}
@media (min-width: 769px) {
  .features .before-after dl::before {
    content: "";
    width: min(154px, 11.2737920937vw);
    height: min(102px, 7.467057101vw);
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/solve-icon-group.png") no-repeat center center/100% 100%;
    top: min(30px, 2.196193265vw);
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1;
    margin-left: max(-5px, -0.3660322108vw);
  }
}
.features .before-after dl dt {
  width: min(480px, 35.1390922401vw);
  margin-right: min(30px, 2.196193265vw);
  background-color: #fff;
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: relative;
  padding: min(43px, 3.1478770132vw) min(47px, 3.4407027818vw) min(63px, 4.6120058565vw);
  box-sizing: border-box;
  background: #F5F5F5 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/features-before-bg.png") no-repeat top center/100% auto;
}
@media (max-width: 768px) {
  .features .before-after dl dt {
    width: 87.4666666667vw;
    border: 0.5333333333vw solid #1A1310;
    border-radius: 5.3333333333vw;
    padding: 6.6666666667vw 6.1333333333vw 4.5333333333vw;
    margin-right: 0;
    background: #F5F5F5 url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/features-before-bg-sp.png") no-repeat top center/100% auto;
  }
}
.features .before-after dl dt::after {
  content: "";
  width: 100%;
  height: calc(100% + min(3px, 0.2196193265vw));
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: absolute;
  top: min(10px, 0.7320644217vw);
  left: min(13px, 0.9516837482vw);
  z-index: -1;
}
@media (max-width: 768px) {
  .features .before-after dl dt::after {
    border: 0.5333333333vw solid #1A1310;
    border-radius: 6.6666666667vw 5.3333333333vw 6.6666666667vw 5.3333333333vw;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
  }
}
.features .before-after dl dt .before {
  padding-left: min(5px, 0.3660322108vw);
}
@media (max-width: 768px) {
  .features .before-after dl dt .before {
    padding-left: 0.8vw;
  }
}
.features .before-after dl dt .before img {
  width: min(186px, 13.616398243vw);
}
@media (max-width: 768px) {
  .features .before-after dl dt .before img {
    width: 31.2vw;
  }
}
.features .before-after dl dt .dt_desc {
  font-size: min(22px, 1.6105417277vw);
  line-height: 1.5454545455;
  font-weight: bold;
  margin-top: min(24px, 1.756954612vw);
}
@media (max-width: 768px) {
  .features .before-after dl dt .dt_desc {
    font-size: 4.8vw;
    line-height: 1.5555555556;
    margin-top: 3.4666666667vw;
  }
}
.features .before-after dl dt .img {
  text-align: center;
  line-height: 0;
}
.features .before-after dl dt .img.--img1 {
  margin-top: min(79px, 5.7833089312vw);
  padding-right: min(35px, 2.5622254758vw);
}
@media (max-width: 768px) {
  .features .before-after dl dt .img.--img1 {
    margin-top: 8.5333333333vw;
    padding-right: 2.6666666667vw;
  }
}
.features .before-after dl dt .img.--img1 img {
  width: min(240px, 17.5695461201vw);
}
@media (max-width: 768px) {
  .features .before-after dl dt .img.--img1 img {
    width: 47.4666666667vw;
  }
}
.features .before-after dl dt .img.--img2 {
  margin-top: min(58px, 4.2459736457vw);
  margin-bottom: max(-10px, -0.7320644217vw);
}
@media (max-width: 768px) {
  .features .before-after dl dt .img.--img2 {
    margin-top: 4.5333333333vw;
    margin-bottom: 0;
    padding-right: 5.0666666667vw;
  }
}
.features .before-after dl dt .img.--img2 img {
  width: min(191px, 13.9824304539vw);
}
@media (max-width: 768px) {
  .features .before-after dl dt .img.--img2 img {
    width: 40vw;
  }
}
.features .before-after dl dd {
  width: min(480px, 35.1390922401vw);
  background-color: #CC0033;
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: relative;
  margin-top: min(70px, 5.1244509517vw);
  padding: min(35px, 2.5622254758vw) min(38px, 2.7818448023vw) min(22px, 1.6105417277vw) min(48px, 3.513909224vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd {
    width: 87.4666666667vw;
    border: 0.5333333333vw solid #1A1310;
    border-radius: 5.3333333333vw;
    padding: 6.6666666667vw 5.8666666667vw 5.0666666667vw;
    margin-top: 4.8vw;
  }
}
@media (max-width: 768px) {
  .features .before-after dl dd::before {
    content: "";
    width: 5.8666666667vw;
    height: 29.0666666667vw;
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/solve-icon-group-sp.png") no-repeat center center/100% 100%;
    top: -17.3333333333vw;
    left: 6.4vw;
    position: absolute;
    z-index: 1;
  }
}
.features .before-after dl dd::after {
  content: "";
  width: 100%;
  height: calc(100% + min(3px, 0.2196193265vw));
  border: min(3px, 0.2196193265vw) solid #1A1310;
  border-radius: min(30px, 2.196193265vw);
  position: absolute;
  top: min(10px, 0.7320644217vw);
  left: min(13px, 0.9516837482vw);
  z-index: -1;
}
@media (max-width: 768px) {
  .features .before-after dl dd::after {
    border: 0.5333333333vw solid #1A1310;
    border-radius: 6.6666666667vw 5.3333333333vw 6.6666666667vw 5.3333333333vw;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
    height: 100%;
  }
}
.features .before-after dl dd .after {
  text-align: right;
}
@media (max-width: 768px) {
  .features .before-after dl dd .after {
    padding-right: 1.6vw;
  }
}
.features .before-after dl dd .after img {
  width: min(146px, 10.6881405564vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd .after img {
    width: 24.5333333333vw;
  }
}
.features .before-after dl dd .dd_ttl {
  font-size: min(32px, 2.3426061493vw);
  line-height: 1.4375;
  color: #fff;
  font-weight: 800;
  margin-top: min(24px, 1.756954612vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd .dd_ttl {
    font-size: 5.8666666667vw;
    line-height: 1.4545454545;
    margin-top: 3.7333333333vw;
  }
}
.features .before-after dl dd .dd_desc {
  font-size: min(22px, 1.6105417277vw);
  line-height: 1.5454545455;
  font-weight: bold;
  color: #fff;
  margin-top: min(10px, 0.7320644217vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd .dd_desc {
    font-size: 4.8vw;
    line-height: 1.5555555556;
    margin-top: 1.8666666667vw;
  }
}
.features .before-after dl dd .dd_desc2 {
  font-size: min(28px, 2.0497803807vw);
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 768px) {
  .features .before-after dl dd .dd_desc2 {
    font-size: 5.3333333333vw;
    line-height: 1.6;
  }
}
.features .before-after dl dd .img {
  text-align: center;
  line-height: 0;
}
.features .before-after dl dd .img.--img1 {
  margin-top: min(21px, 1.5373352855vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd .img.--img1 {
    margin-top: 6.6666666667vw;
  }
}
.features .before-after dl dd .img.--img1 img {
  width: min(225px, 16.4714494876vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd .img.--img1 img {
    width: 44.8vw;
  }
}
.features .before-after dl dd .img.--img2 {
  margin-top: min(27px, 1.9765739385vw);
  padding-right: min(10px, 0.7320644217vw);
  padding-bottom: min(13px, 0.9516837482vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd .img.--img2 {
    margin-top: 6.1333333333vw;
    padding-right: 6.4vw;
    padding-bottom: 0;
  }
}
.features .before-after dl dd .img.--img2 img {
  width: min(205px, 15.0073206442vw);
}
@media (max-width: 768px) {
  .features .before-after dl dd .img.--img2 img {
    width: 44.5333333333vw;
  }
}
.features .before-after dl + dl {
  margin-top: min(30px, 2.196193265vw);
}

.customer {
  padding: min(68px, 4.9780380673vw) 0 min(80px, 5.8565153734vw);
}
@media (max-width: 768px) {
  .customer {
    padding: 10.4vw 0 10.6666666667vw;
  }
}
.customer_ttl {
  font-size: min(30px, 2.196193265vw);
  line-height: 2.3;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 768px) {
  .customer_ttl {
    font-size: 6.4vw;
    line-height: 1.5416666667;
  }
}
.customer .slide02 {
  margin-top: min(28px, 2.0497803807vw);
}
@media (max-width: 768px) {
  .customer .slide02 {
    padding: 2.1333333333vw 0;
    background-color: #fff;
    border-radius: 5.3333333333vw;
    margin-top: 5.0666666667vw;
  }
}
@media (min-width: 769px) {
  .customer .slide02 .splide {
    visibility: visible;
  }
}
@media (max-width: 768px) {
  .customer .slide02 .splide {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .customer .slide02 .splide__slide {
    line-height: 1;
    width: 100%;
  }
}
.customer .slide02 .splide__img img {
  width: 100%;
}
@media (max-width: 768px) {
  .customer .slide02 .splide__pagination {
    bottom: -11.2vw;
  }
  .customer .slide02 .splide__pagination li {
    line-height: 1;
    margin: 0 2.6666666667vw;
  }
  .customer .slide02 .splide__pagination__page {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    background-color: #CCC;
    transform: scale(1);
    opacity: 1;
    margin: 0;
  }
  .customer .slide02 .splide__pagination__page.is-active {
    background-color: #CC0033;
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  .customer .slide02 .splide__arrow {
    top: auto;
    bottom: -16.2666666667vw;
    background: #CC0033;
    width: 6.4vw;
    height: 6.4vw;
    opacity: 1;
  }
  .customer .slide02 .splide__arrow svg {
    fill: #fff;
    width: 3.2vw;
    height: 4.8vw;
  }
}
@media (max-width: 768px) {
  .customer .slide02 .splide__arrow--prev {
    left: 21.0666666667vw;
  }
}
@media (max-width: 768px) {
  .customer .slide02 .splide__arrow--next {
    right: 21.0666666667vw;
  }
}
@media (max-width: 768px) {
  .customer .slide02 .splide__track {
    border-radius: 5.3333333333vw;
  }
}
.customer .list {
  display: flex;
  justify-content: space-between;
  margin-top: min(28px, 2.0497803807vw);
}
@media (min-width: 769px) {
  .customer .list {
    flex-wrap: wrap;
  }
}
.customer .list li {
  width: min(320px, 23.4260614934vw);
  border-radius: min(20px, 1.4641288433vw);
  background-color: #fff;
  padding: min(20px, 1.4641288433vw) min(20px, 1.4641288433vw) 0;
}
@media (max-width: 768px) {
  .customer .list li {
    width: 100%;
    padding: 2.1333333333vw 5.3333333333vw 0;
  }
}
.customer .list li .logo {
  text-align: center;
}
.customer .list li .logo img {
  width: min(240px, 17.5695461201vw);
}
@media (max-width: 768px) {
  .customer .list li .logo img {
    width: 68vw;
  }
}
.customer .list li .list_ttl {
  font-size: min(18px, 1.317715959vw);
  line-height: 1.3333333333;
  font-weight: bold;
  text-align: center;
  margin-top: min(1px, 0.0732064422vw);
}
@media (max-width: 768px) {
  .customer .list li .list_ttl {
    font-size: 4.8vw;
    margin-top: -1.0666666667vw;
  }
}
.customer .list li .desc {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
  margin-top: min(21px, 1.5373352855vw);
  min-height: min(96px, 7.027818448vw);
}
@media (max-width: 768px) {
  .customer .list li .desc {
    font-size: 4.2666666667vw;
    margin-top: 5.8666666667vw;
    min-height: 19.2vw;
  }
}
.customer .list li .desc span {
  font-weight: bold;
}
.customer .list li .note {
  text-align: center;
  margin-top: min(29px, 2.1229868228vw);
  border-top: 1px solid #EAEAEA;
  padding: min(20px, 1.4641288433vw) 0 min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .customer .list li .note {
    margin-top: 7.7333333333vw;
    padding: 5.3333333333vw 0 6.1333333333vw;
  }
}
.customer .list li .note img {
  height: min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .customer .list li .note img {
    height: 8vw;
  }
}
.customer .c-box {
  margin-top: min(80px, 5.8565153734vw);
}
@media (max-width: 768px) {
  .customer .c-box {
    margin-top: 21.8666666667vw;
  }
}
@media (max-width: 768px) {
  .customer .c-box.style3 {
    margin-top: 10.6666666667vw;
  }
}
.customer .note {
  font-size: min(14px, 1.0248901903vw);
  line-height: 1.5714285714;
  margin-top: min(78px, 5.710102489vw);
}
@media (max-width: 768px) {
  .customer .note {
    font-size: 3.2vw;
    line-height: 1.6666666667;
    margin-top: 10.1333333333vw;
  }
}

.faq {
  width: 100%;
  background-color: #fff;
  padding: min(60px, 4.39238653vw) 0 min(80px, 5.8565153734vw);
  margin-top: min(80px, 5.8565153734vw);
  border-radius: min(20px, 1.4641288433vw);
}
@media (max-width: 768px) {
  .faq {
    margin-top: 10.4vw;
    border-radius: 5.3333333333vw;
    padding: 8.5333333333vw 0 8vw;
  }
}
.faq_ttl {
  font-size: min(22px, 1.6105417277vw);
  line-height: 1.4545454545;
  font-weight: 800;
  text-align: center;
  margin-bottom: min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .faq_ttl {
    font-size: 5.3333333333vw;
    line-height: 1.3;
    margin-bottom: 5.6vw;
  }
}
.faq .qa {
  width: min(800px, 58.5651537335vw);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .faq .qa {
    width: 78.6666666667vw;
  }
}
.faq .qa + .qa {
  margin-top: min(19px, 1.3909224012vw);
}
@media (max-width: 768px) {
  .faq .qa + .qa {
    margin-top: 2.6666666667vw;
  }
}
.faq .qa .question {
  background-color: #FEF2F4;
  border-radius: min(16px, 1.1713030747vw);
  padding: min(22px, 1.6105417277vw) min(60px, 4.39238653vw) min(22px, 1.6105417277vw) min(30px, 2.196193265vw);
  position: relative;
  cursor: pointer;
  transition: border-radius 0.2s ease;
  transition-delay: 0.4s;
}
@media (max-width: 768px) {
  .faq .qa .question {
    border-radius: 4.2666666667vw;
    padding: 4.5333333333vw 13.0666666667vw 4vw 4.2666666667vw;
  }
}
.faq .qa .question::after {
  content: "";
  width: min(30px, 2.196193265vw);
  height: min(30px, 2.196193265vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/qa-icon-open.png") no-repeat center/100% 100%;
  position: absolute;
  top: 50%;
  right: min(20px, 1.4641288433vw);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .faq .qa .question::after {
    width: 6.4vw;
    height: 6.4vw;
    right: 4vw;
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/qa-icon-open-sp.png") no-repeat center/100% 100%;
  }
}
.faq .qa .question.is-open {
  border-radius: min(16px, 1.1713030747vw) min(16px, 1.1713030747vw) 0 0;
  transition: none;
  transition-delay: 0s;
}
@media (max-width: 768px) {
  .faq .qa .question.is-open {
    border-radius: 4.2666666667vw 4.2666666667vw 0 0;
  }
}
.faq .qa .question.is-open::after {
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/qa-icon-close.png") no-repeat center/100% 100%;
}
@media (max-width: 768px) {
  .faq .qa .question.is-open::after {
    background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/qa-icon-close-sp.png") no-repeat center/100% 100%;
  }
}
.faq .qa .question .desc {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
  font-weight: 800;
  position: relative;
  padding-left: min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .faq .qa .question .desc {
    font-size: 4vw;
    line-height: 1.3333333333;
    padding-left: 6.1333333333vw;
  }
}
.faq .qa .question .desc::before {
  content: "Q.";
  font-size: min(18px, 1.317715959vw);
  color: #CC0033;
  position: absolute;
  top: max(-3px, -0.2196193265vw);
  left: 0;
}
@media (max-width: 768px) {
  .faq .qa .question .desc::before {
    top: 0;
    font-size: 4vw;
  }
}
.faq .qa .anser {
  background-color: #FFF7F8;
  border-radius: 0 0 min(16px, 1.1713030747vw) min(16px, 1.1713030747vw);
  padding: min(19px, 1.3909224012vw) min(30px, 2.196193265vw) min(20px, 1.4641288433vw);
  display: none;
}
@media (max-width: 768px) {
  .faq .qa .anser {
    border-radius: 0 0 4.2666666667vw 4.2666666667vw;
    padding: 3.4666666667vw 4vw 3.2vw;
  }
}
.faq .qa .anser_desc {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.5;
  position: relative;
  padding-left: min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .faq .qa .anser_desc {
    font-size: 4vw;
    line-height: 1.6;
    padding-left: 6.1333333333vw;
  }
}
.faq .qa .anser_desc::before {
  content: "A.";
  font-size: min(18px, 1.317715959vw);
  color: #CC0033;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 800;
}
@media (max-width: 768px) {
  .faq .qa .anser_desc::before {
    font-size: 4vw;
  }
}
.faq .qa .anser_desc img {
  width: min(30px, 2.196193265vw);
}
@media (max-width: 768px) {
  .faq .qa .anser_desc img {
    width: 6.6666666667vw;
  }
}
.faq .qa .anser_desc a {
  color: rgb(70, 120, 134);
  text-decoration: underline;
}
.faq .qa .anser_desc a.tel {
  color: #333;
  text-decoration: none;
}
@media (min-width: 769px) {
  .faq .qa .anser_desc a.tel {
    pointer-events: none;
  }
}
.faq .qa .anser_flex {
  display: flex;
  align-items: flex-start;
}
.faq .qa .anser_flex span {
  flex: 1;
}

.modal1 {
  display: none;
  width: min(710px, 51.9765739385vw);
  min-height: min(480px, 35.1390922401vw);
  background-color: #fff;
  padding: 0;
  border-radius: min(30px, 2.196193265vw);
  font-family: "Noto Sans JP", sans-serif;
  color: #333333;
}
@media (max-width: 768px) {
  .modal1 {
    width: 89.3333333333vw;
    border-radius: 5.3333333333vw;
    min-height: auto;
  }
}
.modal1__content {
  width: min(696px, 50.9516837482vw);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: min(40px, 2.9282576867vw) min(32px, 2.3426061493vw);
}
@media (max-width: 768px) {
  .modal1__content {
    width: 100%;
    display: block;
    padding: 4vw 0;
  }
}
.modal1_item {
  text-align: center;
  width: min(300px, 21.9619326501vw);
  border: min(5px, 0.3660322108vw) solid #CC0033;
  border-radius: min(20px, 1.4641288433vw);
  padding: min(27px, 1.9765739385vw) min(10px, 0.7320644217vw) min(20px, 1.4641288433vw);
}
@media (max-width: 768px) {
  .modal1_item {
    width: 81.3333333333vw;
    border-radius: 4.2666666667vw;
    border: 1.3333333333vw solid #CC0033;
    margin-left: auto;
    margin-right: auto;
    padding: 7.4666666667vw 0 4.8vw;
  }
}
.modal1_item .c-btn1 {
  width: min(240px, 17.5695461201vw);
  height: min(60px, 4.39238653vw);
  font-size: min(16px, 1.1713030747vw);
  margin: min(13px, 0.9516837482vw) auto 0;
}
@media (max-width: 768px) {
  .modal1_item .c-btn1 {
    width: 64vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    margin: 3.2vw auto 0;
  }
}
.modal1_item .c-btn1::after {
  width: min(9px, 0.6588579795vw);
  height: min(14px, 1.0248901903vw);
  right: min(18px, 1.317715959vw);
}
@media (max-width: 768px) {
  .modal1_item .c-btn1::after {
    width: 2.4vw;
    height: 3.7333333333vw;
    right: 4.8vw;
  }
}
.modal1_item .img1 {
  width: min(224px, 16.3982430454vw);
}
@media (max-width: 768px) {
  .modal1_item .img1 {
    width: 59.7333333333vw;
  }
}
.modal1_item .img2 {
  width: min(245px, 17.9355783309vw);
}
@media (max-width: 768px) {
  .modal1_item .img2 {
    width: 65.3333333333vw;
  }
}
@media (max-width: 768px) {
  .modal1_item + .modal1_item {
    margin-top: 4vw;
  }
}
.modal1_desc {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.375;
  font-weight: bold;
  margin-top: min(19px, 1.3909224012vw);
  min-height: min(58px, 4.2459736457vw);
}
@media (max-width: 768px) {
  .modal1_desc {
    font-size: 4.2666666667vw;
    margin-top: 5.0666666667vw;
    min-height: 15.4666666667vw;
  }
}
@media (max-width: 768px) {
  .modal1.style2 .modal1__content {
    padding: 0;
  }
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.6);
}

.f-button.is-close-btn {
  width: min(60px, 4.39238653vw);
  height: min(60px, 4.39238653vw);
  background: url("/content/dam/nttcom/hq/jp/business/lp/cp/home5g_biz/img/icon-close.png") no-repeat center;
  background-size: 100% 100%;
  opacity: 1 !important;
  top: max(-20px, -1.4641288433vw) !important;
  right: max(-20px, -1.4641288433vw) !important;
}
@media (max-width: 768px) {
  .f-button.is-close-btn {
    width: 16vw;
    height: 16vw;
    top: -2.6666666667vw !important;
    right: -2.6666666667vw !important;
  }
}
@media (min-width: 769px) {
  .f-button.is-close-btn {
    transition: opacity 0.3s ease;
  }
}
.f-button.is-close-btn svg {
  display: none;
}
@media (min-width: 769px) {
  .f-button.is-close-btn:hover {
    opacity: 0.7 !important;
  }
}
.f-button.is-close-btn:nth-child(2) {
  opacity: 0 !important;
  display: none !important;
}

@media (max-width: 768px) {
  .fancybox__slide {
    padding: 10.6666666667vw 0;
  }
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    background-color: transparent !important;
  }
}
@media (min-width: 769px) {
  .floating {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
    margin-right: max(-300px, -21.9619326501vw);
    transition: 0.3s all ease;
  }
}
.floating.is-close {
  margin-right: 0;
}
@media (min-width: 769px) {
  .floating_inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
.floating_banner {
  width: min(52px, 3.8067349927vw);
  cursor: pointer;
}
.floating_content {
  width: min(300px, 21.9619326501vw);
  background-color: #fff;
  border-radius: min(20px, 1.4641288433vw) 0 0 min(20px, 1.4641288433vw);
  box-shadow: 0 min(3px, 0.2196193265vw) min(20px, 1.4641288433vw) rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: min(25px, 1.8301610542vw) 0;
}
@media (max-width: 768px) {
  .floating_content {
    width: 89.3333333333vw;
    border-radius: 5.3333333333vw;
    box-shadow: 0 0.8vw 5.3333333333vw rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 8vw 0 9.0666666667vw;
  }
}
@media (max-width: 768px) {
  .floating_icon {
    margin-right: 2.6666666667vw;
  }
}
.floating_icon img {
  width: min(40px, 2.9282576867vw);
}
@media (max-width: 768px) {
  .floating_icon img {
    width: 6.9333333333vw;
  }
}
.floating .desc {
  font-size: min(16px, 1.1713030747vw);
  line-height: 1.25;
  font-weight: 800;
  margin-top: min(7px, 0.5124450952vw);
}
@media (max-width: 768px) {
  .floating .desc {
    font-size: 4.2666666667vw;
    margin-top: 1.8666666667vw;
  }
}
.floating .desc + .c-btn1 {
  margin-top: min(13px, 0.9516837482vw);
}
@media (max-width: 768px) {
  .floating .desc + .c-btn1 {
    margin-top: 5.6vw;
  }
}
.floating .c-btn1 {
  width: min(240px, 17.5695461201vw);
  height: min(60px, 4.39238653vw);
  font-size: min(16px, 1.1713030747vw);
  margin: min(12px, 0.878477306vw) auto 0;
}
@media (max-width: 768px) {
  .floating .c-btn1 {
    width: 64vw;
    height: 14.9333333333vw;
    font-size: 4.2666666667vw;
    margin: 1.3333333333vw auto 0;
  }
}
.floating .c-btn1::after {
  width: min(9px, 0.6588579795vw);
  height: min(14px, 1.0248901903vw);
  right: min(19px, 1.3909224012vw);
}
@media (max-width: 768px) {
  .floating .c-btn1::after {
    width: 2.4vw;
    height: 3.7333333333vw;
    right: 5.0666666667vw;
  }
}
.floating .c-btn1 + .c-btn1 {
  margin-top: min(10px, 0.7320644217vw);
}
@media (max-width: 768px) {
  .floating .c-btn1 + .c-btn1 {
    margin-top: 2.6666666667vw;
  }
}
.floating .c-btn2 {
  width: min(240px, 17.5695461201vw);
  height: min(60px, 4.39238653vw);
  font-size: min(16px, 1.1713030747vw);
  margin: min(12px, 0.878477306vw) auto 0;
}
@media (max-width: 768px) {
  .floating .c-btn2 {
    width: 64vw;
    height: 14.9333333333vw;
    font-size: 4.2666666667vw;
    margin: 3.2vw auto 0;
  }
}
.floating .c-btn2::after {
  width: min(9px, 0.6588579795vw);
  height: min(14px, 1.0248901903vw);
  right: min(13px, 0.9516837482vw);
}
@media (max-width: 768px) {
  .floating .c-btn2::after {
    width: 2.4vw;
    height: 3.7333333333vw;
    right: 3.4666666667vw;
  }
}
.floating .row + .row {
  border-top: 1px solid #D9D9D9;
  margin-top: min(24px, 1.756954612vw);
  padding-top: min(19px, 1.3909224012vw);
}
@media (max-width: 768px) {
  .floating .row + .row {
    margin-top: 5.3333333333vw;
    padding-top: 4vw;
  }
}
@media (max-width: 768px) {
  .floating .group-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .floating .group-ttl .desc {
    margin-top: 0;
  }
}

.floating_sp {
  display: none;
}
@media (max-width: 768px) {
  .floating_sp {
    display: block;
    width: 81.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    bottom: 0;
    z-index: 2;
    line-height: 0;
  }
}/*# sourceMappingURL=style.css.map */



/* -----------------------------------
2026.02 オンライン相談ボタン削除、調整
----------------------------------- */
.c-box_btn .c-btn2 {
  /*margin-top: min(30px, 2.196193265vw);*/
  margin-top:0;
}
@media (max-width: 768px) {
  .c-box_btn .c-btn2 {
    margin: 4vw auto 0;
    
  }
}
.c-btn2 {
  width: min(340px, 24.8901903367vw);
  height: min(80px, 5.8565153734vw);
}
@media (max-width: 768px) {
  .c-btn2 {
    width: 69.3333333333vw;
    height: 14.9333333333vw;
  }
}
/*最下部CTA*/
.c-box.style3 .c-box_btn .c-btn2 {
  width: min(280px, 20.4978038067vw);
}
@media (max-width: 768px) {
  .c-box.style3 .c-box_btn .c-btn2 {
    width: 69.3333333333vw;
    margin-top: 4vw;
  }
}