@charset "UTF-8";
:root {
  --color-CCGn: #8CD700;
  --color-CCGn-rgb: 140, 215, 0;
  --color-CCM: #E65078;
  --color-CCM-rgb: 230, 80, 120;
  --color-CCB: #4B8CFA;
  --color-CCB-rgb: 75, 140, 250;
  --color-CCY: #F0870F;
  --color-CCltgry: #efefef;
  --color-CCgryText: #9a9a9a;
  --color-blue: #3769be;
  --clm-entry-lh: 1.8;
  --letter-spacing: 0.05rem;
  --ddc-width-desktop: 1250px;
  --ddc-font-size-base: 16px;
  --ddc-font-size-xxxxl: 2.25rem;
  --ddc-font-size-xxxl: 2.0rem;
  --ddc-font-size-xxl: 1.75rem;
  --ddc-font-size-xl: 1.5rem;
  --ddc-font-size-l: 1.25rem;
  --ddc-font-size-m: 1.0rem;
  --ddc-font-size-s: 0.875rem;
  --ddc-font-size-xs: 0.75rem;
  --ddc-color-VG: #289b7d;
--color-SVDG: #2d8068;
--color-GY: #788287;
--color-SDGy: #5a6469;
--color-SGn: #92bf3e;
--color-SDGn: #4e7d3e;
--color-SY: #f6bc3e;
--color-SDY: #db7f2f;
--color-SM: #cc398a;
--color-SDM: #a61977;
--color-SP: #70589e;
--color-SDP: #473564;
--color-SB: #44bde9;
--color-SDB: #2b7690;
--color-normal: #000;
--color-link: #2b7690;
--color-link-hover: #44bde9;
--color-bg-active: #ececec;
--color-ltgry: #a5a5a5;
}



/* local5g-lp1 */
.ddc-local5g-navi a {
  margin-right: 20px;
  color: blue;
  display: inline-block;
}

.ddc-local5g-link a {
  color: blue;
  display: inline-block;
}

.ddc-local5g a {
  text-decoration: none;
  color: inherit;
}

.ddc-local5g a:hover {
  color: inherit;
}

.ddc-local5g-lp1-hero {
  background-image: url(https://tm-jp.anritsu.com/rs/408-MNE-052/images/local5g-lp-mainvisual-w1100h240-.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 240px;
  padding: 40px 1rem;
}

.ddc-local5g-lp1-hero-text1,
.ddc-local5g-lp1-hero-text2 {
  color: #fff;
  margin-left: 20px;
  font-weight: bold;
  text-shadow: 1px 2px 2px #535353;
}

.ddc-local5g-lp1-hero-text1 {
  font-size: var(--ddc-font-size-l);
}

.ddc-local5g-lp1-hero-text2 {
  font-size: var(--ddc-font-size-xl);
}

.ddc-local5g-lp1-hero-text3 {
  color: var(--color-normal);
  background-color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  padding: 3px 10px;
  margin-left: 20px;
  font-weight: bold;
}

.ddc-local5g-lp1-hero-ticker a {
  color: var(--color-blue);
}

.ddc-local5g-navi {
  border-top: 1px solid #A3A3A3;
  border-bottom: 1px solid #A3A3A3;
  padding: 10px 0;
}

.ddc-local5g-lp1-ss-column {
  width: 14%;
  min-height: 170px;
}

.ddc-local5g-lp1-column-evenly {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.ddc-local5g-lp1-img-left-full {
  width: 100%;
  max-width: 352px;
}

.ddc-local5g-lp1-bgcolor-2 {
  background-color: #036eb7;
  text-align: center;
  font-weight: normal;
  padding: 10px;
}

.ddc-local5g-lp1-bgcolor-2 a {
  color: #fff;
}

.ddc-local5g-lp1-border-blue {
  border: 2px solid #5080c1;
  padding: 20px;
}

@-webkit-keyframes ddc-local5g-lp1-ticker {
  /*アニメーション設定*/
  /* 1行目 */
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  45% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(0);
  }
  /* 2行目 */
  51% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(-24px);
  }
  95% {
    opacity: 1;
    -webkit-transform: translateY(-24px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
  }
}
@keyframes ddc-local5g-lp1-ticker {
  /*アニメーション設定*/
  /* 1行目 */
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  45% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  /* 2行目 */
  51% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
  }
  95% {
    opacity: 1;
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
  }
}
.ddc-local5g-lp1-ticker-wrap {
  /*ティッカーを包括している親要素*/
  width: 100%;
  overflow: hidden;
  height: 30px;
  background-color: #EFEFEF;
  text-align: center;
}

.ddc-local5g-lp1-ticker-wrap ul {
  list-style: none;
}

.ddc-local5g-lp1-ticker-wrap li {
  height: 24px;
  /*3行あるliを1行だけ表示させるため*/
  line-height: 24px;
  /*3行あるliを1行だけ表示させるため*/
  padding: 3px;
  font-size: 1rem;
  color: blue;
}

.ddc-local5g-lp1-ticker {
  /*ティッカー本体*/
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ddc-local5g-lp1-ticker;
          animation-name: ddc-local5g-lp1-ticker;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}

@media screen and (max-width: 768px) {
  .ddc-local5g-lp1-ticker-wrap {
    /*ティッカーを包括している親要素*/
    height: 60px;
  }
  .ddc-local5g-lp1-ticker-wrap li {
    height: 55px;
    /*3行あるliを1行だけ表示させるため*/
  }
}
@media screen and (max-width: 768px) {
  @-webkit-keyframes ddc-local5g-lp1-ticker {
    /*アニメーション設定*/
    /* 1行目 */
    0% {
      opacity: 0;
      -webkit-transform: translateY(0);
    }
    5% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
    45% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
    50% {
      opacity: 0;
      -webkit-transform: translateY(0);
    }
    /* 2行目 */
    51% {
      opacity: 0;
      -webkit-transform: translateY(-52px);
    }
    55% {
      opacity: 1;
      -webkit-transform: translateY(-52px);
    }
    95% {
      opacity: 1;
      -webkit-transform: translateY(-52px);
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(-52px);
    }
  }
  @keyframes ddc-local5g-lp1-ticker {
    /*アニメーション設定*/
    /* 1行目 */
    0% {
      opacity: 0;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    5% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    45% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      opacity: 0;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    /* 2行目 */
    51% {
      opacity: 0;
      -webkit-transform: translateY(-52px);
              transform: translateY(-52px);
    }
    55% {
      opacity: 1;
      -webkit-transform: translateY(-52px);
              transform: translateY(-52px);
    }
    95% {
      opacity: 1;
      -webkit-transform: translateY(-52px);
              transform: translateY(-52px);
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(-52px);
              transform: translateY(-52px);
    }
  }
}
@media screen and (max-width: 768px) {
  .ddc-local5g-lp1-hero-text1,
  .ddc-local5g-lp1-hero-text2,
  .ddc-local5g-lp1-hero-text3 {
    margin-left: 0;
  }
  .ddc-local5g-lp1-hero-text1 {
    font-size: 1rem;
  }
  .ddc-local5g-lp1-hero-text2 {
    font-size: 1.3rem;
  }
  .ddc-local5g-lp1-hero-text3 {
    font-size: 1rem;
  }
  .ddc-local5g-lp1-ss-column {
    width: 30%;
  }
  .ddc-local5g-lp1-column-evenly::after {
    content: "";
    display: block;
    width: 67%;
  }
}
/* gp-top */
.ddc-gp-section-s {
  margin-bottom: 30px;
}

.ddc-gp-top {
  background-color: #00a199;
}

c.ddc-gp-top h2 {
  font-weight: normal;
  font-size: var(--ddc-font-size-m);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -14px;
}

.ddc-solution .ddc-gp-top-h3 h3 {
  margin: 0 0 5px 13px;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.ddc-gp-top-cards-column {
  max-width: 360px;
  width: 100%;
  margin: 10px auto;
}

.ddc-gp-top-darkgrey {
  background-color: #788287;
}

.ddc-gp-top-card {
  display: block;
  width: 360x;
  height: 150px;
  position: relative;
}

.ddc-gp-child-card-img {
  width: 360px;
  height: 150px;
  position: absolute;
  border: 1px solid var(--color-normal);
}

.ddc-gp-child-cards-column img {
  width: 100%;
}

.ddc-gp-child-cards-column {
  width: 360px;
  margin: 0 0 0 0;
}

.ddc-gp-child-center-border,
.ddc-gp-child-center-border0 {
  background-color: #788287;
  width: 1px;
  content: "";
  display: inline-block;
  opacity: 1;
}

.ddc-gp-child-body-one-column-width-s {
  max-width: 985px;
  margin: 0 auto 30px;
}

.ddc-gp-child-card-img {
  width: 360px;
  height: 150px;
  position: absolute;
  border: 1px solid var(--color-normal);
}

.ddc-gp-child-card {
  display: block;
  height: 150px;
  position: relative;
}

.ddc-gp-child-card .ddc-gp-child-mask-out::after {
  position: absolute;
  top: 5px;
  right: -2px;
  bottom: 35px;
  left: -2px;
  content: "";
}

.ddc-gp-child-mask-out {
  display: block;
  z-index: 10;
}

.ddc-gp-child-mask {
  width: 360px;
  height: 150px;
  z-index: 20;
}

.ddc-gp-child-card .ddc-gp-child-mask {
  position: absolute;
  /* 絶対位置指定 */
  background-color: rgba(255, 255, 255, 0.4);
  /* マスクは半透明 */
  opacity: 0;
}

.ddc-gp-child-mask:hover {
  opacity: 1;
}

.ddc-gp-top-card .ddc-gp-top-mask-out::after {
  position: absolute;
  top: 5px;
  right: -2px;
  bottom: 35px;
  left: -2px;
  content: "";
}

.ddc-gp-top-card .ddc-gp-top-mask-out:hover:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.ddc-gp-top-mask-out {
  display: block;
  z-index: 10;
}

.ddc-gp-top-mask {
  display: block;
  width: 360px;
  height: 150px;
  padding: 15px 20px 20px 20px;
  color: #fff;
  line-height: 195%;
  text-shadow: 2px 2px 4px var(--color-normal);
  text-decoration: none;
  z-index: 20;
}

.ddc-gp-top-card .ddc-gp-top-mask {
  position: absolute;
  /* 絶対位置指定 */
  background-color: rgba(0, 0, 0, 0.4);
  /* マスクは半透明 */
  opacity: 0;
  top: 0px;
}

.ddc-gp-top-mask:hover {
  opacity: 1;
}

.ddc-gp-h3 {
  -webkit-margin-after: 0;
          margin-block-end: 0;
  margin: 10px 0 0 0;
}

@media screen and (max-width: 768px) {
  .ddc-gp-section-s {
    margin-bottom: 33px;
  }
  .ddc-solution .ddc-gp-top h2 {
    font-size: var(--ddc-font-size-s);
  }
  .ddc-solution .ddc-gp-top-h3 h3 {
    margin: 20px 0 5px 0;
  }
  .ddc-gp-top-darkgrey {
    background-color: #fff;
    width: 0;
    height: 0;
  }
  .ddc-gp-child-cards-column {
    width: 100%;
    margin: 0 0 0 0;
  }
  .ddc-gp-child-center-border {
    height: 0;
    opacity: 0;
    margin-bottom: 33px;
  }
  .ddc-gp-child-center-border0 {
    height: 0;
    opacity: 0;
    margin-bottom: 0;
  }
  .ddc-gp-child-body-one-column-width-s {
    padding: 0 10px;
  }
  .ddc-gp-child-card-img {
    width: 100%;
  }
  .ddc-gp-child-card {
    width: 338px;
    height: 141px;
  }
  .ddc-gp-child-card:hover:before {
    height: 109px;
  }
  .ddc-gp-child-card:hover:after {
    height: 109px;
  }
  .ddc-gp-child-mask {
    width: 338px;
    height: 150px;
    font-size: 15px;
  }
  .ddc-gp-child-card .ddc-gp-child-mask {
    left: 0;
  }
  .ddc-gp-child-card .ddc-gp-child-mask-out::after {
    right: -4px;
    bottom: 0;
    left: -4px;
  }
  .ddc-gp-child-card:hover:before {
    width: 0;
    height: 0;
    opacity: 0;
  }
  .ddc-gp-child-card:hover:after {
    width: 0;
    height: 0;
    opacity: 0;
  }
  .ddc-gp-top-card {
    width: 100%;
    height: 150px;
  }
  .ddc-gp-top-card:hover:before {
    height: 109px;
  }
  .ddc-gp-top-card:hover:after {
    height: 109px;
  }
  .ddc-gp-top-mask {
    width: 100%;
    height: 150px;
    font-size: 15px;
  }
  .ddc-gp-top-card .ddc-gp-top-mask {
    left: 0;
  }
  .ddc-gp-top-card .ddc-gp-top-mask-out::after {
    right: -4px;
    bottom: 0;
    left: -4px;
  }
  .ddc-gp-top-card:hover:before {
    width: 0;
    height: 0;
    opacity: 0;
  }
  .ddc-gp-top-card:hover:after {
    width: 0;
    height: 0;
    opacity: 0;
  }
}
/* local5g-lp1-casestudy-index */
h2.ddc-local5g-lp1-casestudy-index-headercolor {
  background-color: #2fa5bb;
  color: #fff;
  padding: 8px 20px;
  font-weight: normal;
}

.ddc-local5g-lp1-casestudy-border-black-a {
  position: relative;
}

.ddc-local5g-lp1-casestudy-border-black-a a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ddc-local5g-lp1-casestudy-border-black-a:hover {
  cursor: pointer;
  background: rgb(247, 246, 246);
}

.ddc-local5g-lp1-casestudy-name {
  text-decoration: none;
  color: #2b7690;
}

.ddc-local5g-lp1-casestudy-name:hover {
  color: #44bde9;
}

/* gp-lp1 */
.ddc-gp-lp1-header-section {
  margin: 70px 0 20px 0;
}

.ddc-gp-lp1-header-section p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.75;
  margin: 1rem 0;
}

.ddc-gp-lp1-section2 {
  background-image: url(/rs/anritsu/images/onayami-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.ddc-gp-lp1-section6-2 {
  background-image: url(/rs/anritsu/images/video-capture-v3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.ddc-gp-lp1-container-contact-us {
  background-image: url(/rs/anritsu/images/bt-contact-white-transparent-1px-2.png);
  text-align: center;
  background-repeat: repeat;
  line-height: 2.8;
}

.ddc-gp-lp1-container-contact-us-transparent {
  background-image: url(/rs/anritsu/images/bt-contact-transparent-transparent-1px-2.png);
  text-align: center;
  background-repeat: repeat;
  line-height: 0.7;
}

.ddc-gp-lp1-container-contact-us-gray-transparent {
  background-image: url(/rs/anritsu/images/bt-contact-gray-transparent-1px.png);
  text-align: center;
  background-repeat: repeat;
  line-height: 2.7;
}

/* ここからは共通 */
/* 寄せ */
.ddc-right-alignment {
  text-align: right;
}

.ddc-right-alignment-2 {
  text-align: right;
  position: relative;
  right: 0;
}

.ddc-left-alignment {
  text-align: left;
}

.ddc-left-centered {
  text-align: left;
}

.ddc-centered {
  text-align: center;
}

.centered {
  text-align: center;
  margin: auto;
}

.ddc-vtop {
  vertical-align: top;
}

.ddc-vmiddle {
  vertical-align: middle;
}

.ddc-vbottom {
  vertical-align: bottom;
}

/* idで飛ばすときのずれを解消するため */
.ddc-section-id {
  margin-top: -100px;
  padding-top: 100px;
}

/* ボタン */
a.button.btn-white {
  color: #fff;
  text-align: center;
  white-space: normal;
  /* width: 100%; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.button {
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  zoom: 1;
  padding: 10px 24px;
  margin: 10px 0;
  border-radius: 6px;
  display: inline-block;
  text-decoration: none;
  font-size: var(--ddc-font-size-base);
  background: var(--color-SDB);
  font-weight: bold;
}

/* 枠 */
.ddc-content-full {
  width: 100%;
  margin: 40px 0 0;
}
.ddc-content-full-0 {
  width: 100%;
  margin: 0;
}
.ddc-content-full-2 {
  width: 100%;
  margin: 10px auto 0;
  padding: 0;
  min-height: 425px;
}
.ddc-content-full-3 {
  width: 100%;
}
.ddc-content-large,
.ddc-content-large-1,
.ddc-content-large-2 {
  width: 100%;
  max-width: var(--ddc-width-desktop);
}
.ddc-content-large {
  margin-left: auto;
  margin-right: auto;
}
.ddc-content-large-1 {
  margin: 10px auto 30px;
  padding: 0 10px;
}
.ddc-content-large-2 {
  margin: 10px auto 0;
  padding: 0 10px;
}
.ddc-content-middle {
  width: 100%;
  max-width: calc(var(--ddc-width-desktop) - 20px);
  margin: 0 auto;
}
.ddc-casestudy {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
}
.ddc-content-ms {
  width: 100%;
  max-width: 985px;
  margin: 0 auto;
  padding: 0 10px;
}
.ddc-content-small {
  width: 100%;
  max-width: calc(var(--ddc-width-desktop) - 350px);
  margin: 0 auto;
  padding: 0 10px;
}
.ddc-content-ss {
  width: 100%;
  max-width: 710px;
  margin: 0 auto;
  padding: 0 10px;
}

/* ホバー */
.ddc-border {
  border: 2px solid #A3A3A3;
}
.ddc-border:hover {
  background-color: #A3A3A3;
}
.ddc-border-blue-a {
  border: 2px solid #5080c1;
  color: #5080c1 !important;
}
.ddc-border-blue-a:hover {
  background-color: rgba(80, 127, 193, 0.4235294118);
}
.ddc-border-pink-a {
  border: 2px solid #A3A3A3;
}
.ddc-border-pink-a:hover {
  background-color: rgba(230, 80, 123, 0.2392156863);
}
.ddc-bgcolor-blue-a {
  background-color: #5f91ae;
}
.ddc-bgcolor-blue-a:hover {
  background-color: #026d8e;
}
.ddc-card-img-hover img:hover {
  opacity: 0.5;
}
.button:hover {
  background: var(--color-SB);
}

/* 表 */
.detail-table {
  overflow: scroll;
}
.detail-table table {
  width: 100%;
  border-collapse: collapse;
}
.detail-table table thead tr th {
  color: #fff;
  background: var(--color-GY);
  padding: 10px;
  border: 2px solid #fff;
}
.detail-table table tbody tr td {
  border: 2px solid #ccc;
  background: #f4f4f4 none repeat scroll 0 0;
  padding: 10px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.detail-table table tbody tr td.ddc-bgcolor-white {
  background-color: #ffffff;
}

/* 線 */
.ddc-border-top {
  border-top: 1px solid;
}
.ddc-border-right {
  border-right: 1px solid;
}
.ddc-border-bottom {
  border-bottom: 1px solid;
}
.ddc-border-left {
  border-left: 1px solid;
}
.ddc-border-all {
  border: 1px solid;
}
.ddc-border-radius {
  border-radius: 12px;
}
.ddc-border-top2 {
  border-top: 2px solid;
}
.ddc-border-right2 {
  border-right: 2px solid;
}
.ddc-border-bottom2 {
  border-bottom: 2px solid;
}
.ddc-border-left2 {
  border-left: 2px solid;
}
.ddc-border-all2 {
  border: 2px solid;
}

/* 余白 */
.ddc-section-l {
  margin-bottom: 110px;
}
.ddc-section {
  margin-bottom: 60px;
}
.ddc-section-s {
  margin-bottom: 30px;
}
.ddc-margin-auto {
  margin: 0 auto;
}
.ddc-margin {
  margin: 0;
}
.ddc-margin-1 {
  margin: 10px;
}
.ddc-margin-2 {
  margin: 20px;
}
.ddc-margin-top-minus {
  margin-top: -30px;
}
.ddc-margin-top-minus-2 {
  margin-top: -38px;
}
.ddc-margin-top-zero {
  margin-top: 77px;
}
.ddc-margin-top-l {
  margin-top: 100px;
}
.ddc-margin-top-solution {
  margin-top: 117px;
}
.ddc-margin-top-0 {
  margin-top: 0;
}
.ddc-margin-top-05 {
  margin-top: 5px;
}
.ddc-margin-top-1 {
  margin-top: 10px;
}
.ddc-margin-top-2 {
  margin-top: 20px;
}
.ddc-margin-top-2-zero {
  margin-top: 20px;
}
.ddc-margin-top-3 {
  margin-top: 30px;
}
.ddc-margin-top-4 {
  margin-top: 40px;
}
.ddc-margin-top-5 {
  margin-top: 50px;
}
.ddc-margin-top-7 {
  margin-top: 70px;
}
.ddc-margin-top-8 {
  margin-top: 80px;
}
.ddc-margin-top-9 {
  margin-top: 90px;
}
.ddc-margin-top-11 {
  margin-top: 110px;
}
.ddc-margin-top-12 {
  margin-top: 120px;
}
.ddc-margin-top-13 {
  margin-top: 130px;
}
.ddc-margin-top-14 {
  margin-top: 140px;
}
.ddc-margin-top-15 {
  margin-top: 150px;
}
.ddc-margin-top-16 {
  margin-top: 160px;
}
.ddc-margin-top-17 {
  margin-top: 170px;
}
.ddc-margin-top-18 {
  margin-top: 180px;
}
.ddc-margin-top-19 {
  margin-top: 190px;
}
.ddc-margin-top-20 {
  margin-top: 200px;
}
.ddc-margin-top-21 {
  margin-top: 210px;
}
.ddc-margin-top-22 {
  margin-top: 220px;
}

.ddc-margin-right-1 {
  margin-right: 10px;
}
.ddc-margin-right-2 {
  margin-right: 20px;
}
.ddc-margin-right-3 {
  margin-right: 30px;
}
.ddc-margin-bottom-05 {
  margin-bottom: 5px;
}
.ddc-margin-bottom-1 {
  margin-bottom: 10px;
}
.ddc-margin-bottom-1-0 {
  margin-bottom: 10px;
}
.ddc-margin-bottom-2 {
  margin-bottom: 20px;
}
.ddc-margin-bottom-3 {
  margin-bottom: 30px;
}
.ddc-margin-bottom-4 {
  margin-bottom: 40px;
}
.ddc-margin-bottom-5 {
  margin-bottom: 50px;
}
.ddc-margin-bottom-6 {
  margin-bottom: 60px;
}
.ddc-margin-bottom-7 {
  margin-bottom: 70px;
}
.ddc-margin-bottom-8 {
  margin-bottom: 80px;
}
.ddc-margin-bottom-9 {
  margin-bottom: 90px;
}
.ddc-margin-bottom-10 {
  margin-bottom: 100px;
}
.ddc-margin-bottom-11,
.ddc-section-l-20 {
  margin-bottom: 110px;
}
.ddc-margin-bottom-12 {
  margin-bottom: 120px;
}
.ddc-margin-bottom-13 {
  margin-bottom: 130px;
}
.ddc-margin-bottom-14 {
  margin-bottom: 140px;
}
.ddc-margin-bottom-15 {
  margin-bottom: 150px;
}
.ddc-margin-bottom-18 {
  margin-bottom: 180px;
}
.ddc-margin-bottom-19 {
  margin-bottom: 190px;
}
.ddc-margin-bottom-20 {
  margin-bottom: 200px;
}
.ddc-margin-bottom-21 {
  margin-bottom: 210px;
}
.ddc-margin-bottom-22 {
  margin-bottom: 220px;
}
.ddc-margin-left-auto {
    margin-left: auto;
}
.ddc-margin-left-1 {
  margin-left: 10px;
}
.ddc-margin-left-2 {
  margin-left: 20px;
}
.ddc-margin-left-3 {
  margin-left: 30px;
}
.ddc-margin-left-15 {
  margin-left: 150px;
}
.ddc-margin-left-list {
  margin-left: 25px;
}
.ddc-margin-left-float {
  margin-left: 410px;
}
.ddc-margin-right-auto {
    margin-right: auto;
}
.ddc-padding5 {
  padding: 5px;
}
.ddc-padding {
  padding: 10px;
}
.ddc-padding-1 {
  padding: 10px 0;
}
.ddc-padding-2,
.ddc-padding-l {
  padding: 20px;
}
.ddc-padding-3 {
  padding: 20px 1%;
}
.ddc-padding-4 {
  padding: 40px;
}
.ddc-padding-5 {
  padding: 50px;
}

.ddc-padding-top-2 {
  padding-top: 20px;
}
.ddc-padding-top-3 {
  padding-top: 30px;
}
.ddc-padding-bottom-2 {
  padding-bottom: 20px;
}
.ddc-padding-bottom-3 {
  padding-bottom: 30px;
}
.ddc-padding-right-1 {
  padding-right: 10px;
}
.ddc-padding-right-2 {
  padding-right: 20px;
}
.ddc-padding-right-3 {
  padding-right: 30px;
}
.ddc-padding-left-1 {
  padding-left: 10px;
}
.ddc-padding-left-2 {
  padding-left: 20px;
}
.ddc-padding-left-3 {
  padding-left: 30px;
}

/* テキスト */
.ddc-font-size-base {
  font-size: var(--ddc-font-size-base);
}
.ddc-xxxl-text {
  font-size: var(--ddc-font-size-xxxl);
}
.ddc-xxl-text {
  font-size: var(--ddc-font-size-xxl);
}
.ddc-xl-text {
  font-size: var(--ddc-font-size-xl);
}
.ddc-l-text {
  font-size: var(--ddc-font-size-l);
}
.ddc-m-text {
  font-size: var(--ddc-font-size-m);
}
.ddc-stext {
  font-size: var(--ddc-font-size-s);
}
.ddc-s-text {
  font-size: var(--ddc-font-size-xs);
}
.ddc-normal-text {
  font-weight: normal;
}
.ddc-white-text {
  color: #fff;
}

/* ヒーロー背景イメージ */
.ddc-hero-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ddc-float-left,
.ddc-float-left-none {
  float: left;
}
.ddc-float-right,
.ddc-float-right-none {
  float: right;
}

/* イメージ */
.ddc-img-left,
.ddc-img-left-none {
  float: left;
  margin: 0 30px 20px 0;
}
.ddc-img-left-none-2,
.ddc-img-left-none-3 {
  float: left;
  margin-right: 30px;
}
.ddc-img-right {
  float: right;
  margin: 0 0 20px 30px;
}
.ddc-clear-both {
  clear: both;
}
.ddc-img,
.ddc-img23,
.ddc-img120,
.ddc-img174,
.ddc-img276,
.ddc-img311,
.ddc-img340,
.ddc-img379,
.ddc-img584,
.ddc-img688,
.ddc-img776,
.ddc-img790,
.ddc-img1200,
.ddc-img1920 {
  width: 100%;
  height: auto;
}
.ddc-img23 {
  max-width: 23px;
}
.ddc-img120 {
  max-width: 120px;
}
.ddc-img174 {
  max-width: 174px;
}
.ddc-img276 {
  max-width: 276px;
}
.ddc-img311 {
  max-width: 311px;
}
.ddc-img340 {
  max-width: 340px;
}
.ddc-img379 {
  max-width: 379px;
}
.ddc-img584 {
  max-width: 584px;
}
.ddc-img688 {
  max-width: 688px;
}
.ddc-img776 {
  max-width: 776px;
}
.ddc-img790 {
  max-width: 790px;
}
.ddc-img1200 {
  max-width: 1200px;
}
.ddc-img1920 {
  max-width: 1920px;
}
.ddc-img-min {
  width: 100%;
  min-width: 39px;
}
.ddc-gp-lp1-contact-img {
  max-width: 1000px;
  width: 100%;
  height: auto;
}
.ddc-gp-lp1-contact-img-bt-contact-blue {
  max-width: 674px;
  width: 100%;
  height: auto;
}
.ddc-gp-lp1-contact-img-bt-contact-orange {
  max-width: 570px;
  width: 100%;
  height: auto;
}
.ddc-gp-lp1-contact-img-bt-contact-pink {
  max-width: 570px;
  width: 100%;
  height: auto;
}
.ddc-img-2 {
  width: 80%;
  margin: 10px auto;
}
.ddc-size3-img {
  width: 33%;
}
.ddc-sizeharf-img {
  width: 49%;
}
.ddc-exhibition-img {
  width: 173px;
}
.ddc-gp-lp1-img {
  max-height: 69px;
  max-width: 100%;
}

/* 段組み */
.ddc-column-start,
.ddc-column-start-between,
.ddc-column-between,
.ddc-column-between-row,
.ddc-column-evenly,
.ddc-column-evenly-between,
.ddc-column-evenly-center,
.ddc-column-center,
.ddc-column-between-reverse,
.ddc-column-evenly-reverse,
.ddc-column-center-reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.ddc-column-start,
.ddc-column-start-between {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ddc-column-between,
.ddc-column-between-row,
.ddc-column-between-reverse {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ddc-column-evenly,
.ddc-column-evenly-between,
.ddc-column-evenly-center,
.ddc-column-evenly-reverse {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.ddc-column-center,
.ddc-column-center-reverse {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ddc-xxs-column {
  width: 1px;
}
.ddc-xs-column {
  width: 5%;
}
.ddc-ss-column {
  width: 14%;
}
.ddc-s-column,
.ddc-s-column-2 {
  width: 18%;
}
.ddc-sm-column {
  width: 19%;
}
.ddc-sl-column {
  width: 23%;
}
.ddc-mss-column-row,
.ddc-mss-column {
  width: 30%;
}
.ddc-msm-column-row,
.ddc-msm-column {
  width: 32%;
}
.ddc-ms-column {
  width: 35%;
}
.ddc-m-column {
  width: 45%;
}
.ddc-mml-column {
  width: 48.5%;
}
.ddc-ml-column {
  width: 50%;
}
.ddc-l-column-row,
.ddc-l-column {
  width: 60%;
}
.ddc-ls-column {
  width: 74%;
}
.ddc-ll-column {
  width: 70%;
}
.ddc-xl-column {
  width: 80%;
}
.ddc-xxl-column {
  width: 90%;
}
.ddc-sizefull-harf {
  width: 100%;
}
.ddc-column23 {
  width: 23px;
}
.ddc-column120 {
  width: 120px;
}
.ddc-column174 {
  width: 174px;
}
.ddc-column276 {
  width: 276px;
}
.ddc-column311 {
  width: 311px;
}
.ddc-column340 {
  width: 340px;
}
.ddc-column379 {
  width: 379px;
}
.ddc-column584 {
  width: 584px;
}
.ddc-column688 {
  width: 688px;
}
.ddc-column776 {
  width: 776px;
}
.ddc-column790 {
  width: 790px;
}
.ddc-column1200 {
  width: 1200px;
}
.ddc-column1920 {
  width: 1920px;
}

/* 関連リンク */
.ddc-related-link-banner {
  width: 200px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.ddc-related-link-banner img {
  width: 100%;
  height: auto;
}

.ddc-casestudy-related-link {
  width: 200px;
}

.ddc-related-link {
  min-height: 20px;
  background: url(https://tm-jp.anritsu.com/rs/408-MNE-052/images/arrow1.png) no-repeat left center;
}

.ddc-facebookbannerimg {
  max-width: 587px;
  width: 100%;
  height: auto;
}

/* リスト */
.ddc-list ul {
  list-style: none;
}

/* 色 */
.ddc-bgcolor {
    background-color: var(--color-bg-active);
    padding: 20px;
}
.ddc-bgcolor-bluegray {
    background-color: #e6ecee;
}
.ddc-bgcolor-black {
    background-color: var(--color-normal);
}
.ddc-bgcolor-white {
    background-color: #ffffff;
}

.ddc-communication-color-bgcolor-vgreen {
    background-color: var(--ddc-color-VG);
}
.ddc-communication-color-bgcolor-green {
    background-color: #8CD700;
}
.ddc-communication-color-bgcolor-orange {
    background-color: #F0870F;
}
.ddc-communication-color-bgcolor-pink {
    background-color: #E65078;
}
.ddc-communication-color-bgcolor-blue {
    background-color: var(--color-blue);
}
.ddc-communication-color-bgcolor-blue-2 {
    background-color: #4B8CFA;
}
.ddc-communication-color-bgcolor-purple {
    background-color: #825AD7;
}

.ddc-communication-color-bgcolor-darkdarkgrey {
background-color: #a1a1a1;
}
.ddc-communication-color-bgcolor-darkgrey {
    background-color: #d9d9d9;
}
.ddc-communication-color-bgcolor-darkgrey-gp-lp1 {
background-color: #dbdcdc;
}
.ddc-communication-color-bgcolor-lightgrey {
    background-color: #EFEFEF;
}
.ddc-communication-color-bgcolor-casestudy {
    background-color:#E6E6E6;
}
.ddc-communication-color-bgcolor-transparent {
background-color: rgba(0, 0, 0, 0.2);
}
.ddc-communication-color-bgcolor-pink-transparent {
    background-color: rgba(215, 79, 115, 0.8);
}
.communication-color-bgcolor-ccgn-rgb {
  background-color: var(--color-CCGn-rgb);
}
.communication-color-bgcolor-ccm-rgb {
  background-color: var(--color-CCM-rgb);
}
.communication-color-bgcolor-ccitgry {
  background-color: var(--color-CCltgry);
}
.communication-color-bgcolor-ccgrytext {
  background-color: var(--color-CCgryText);
}
.communication-color-bgcolor-SVDG {
  background-color: var(--color-SVDG);
}
.communication-color-bgcolor-gy {
  background-color: var(--color-GY);
}
.communication-color-bgcolor-sdgy {
  background-color: var(--color-SDGy);
}
.communication-color-bgcolor-sgn {
  background-color: var(--color-SGn);
}
.communication-color-bgcolor-sdgn {
  background-color: var(--color-SDGn);
}
.communication-color-bgcolor-sy {
  background-color: var(--color-SY);
}
.communication-color-bgcolor-sdy {
  background-color: var(--color-SDY);
}
.communication-color-bgcolor-sm {
  background-color: var(--color-SM);
}
.communication-color-bgcolor-sdm {
  background-color: var(--color-SDM);
}
.communication-color-bgcolor-sp {
  background-color: var(--color-SP);
}
.communication-color-bgcolor-sdp {
  background-color: var(--color-SDP);
}
.communication-color-bgcolor-sb {
  background-color: var(--color-SB);
}
.communication-color-bgcolor-sdb {
  background-color: var(--color-SDB);
}
.communication-color-bgcolor-normal {
  background-color: var(--color-normal);
}
.communication-color-bgcolor-link {
  background-color: var(--color-link);
}
.communication-color-bgcolor-link-hover {
  background-color: var(--color-link-hover);
}
.communication-color-bgcolor-bg-active {
  background-color: var(--color-bg-active);
}
.communication-color-bgcolor-ltgry {
  background-color: var(--color-ltgry);
}


.ddc-communication-color-border-vgreen {
    border: 1px solid var(--ddc-color-VG);
}
.ddc-communication-color-border-green {
    border: 1px solid #8CD700;
}
.ddc-communication-color-border-orange {
    border: 1px solid #F0870F;
}
.ddc-communication-color-border-pink {
    border: 1px solid #E65078;
}
.ddc-communication-color-border-blue {
    border: 1px solid var(--color-blue);
}
.ddc-communication-color-border-purple {
    border: 1px solid #825AD7;
}
.ddc-communication-color-border-darkgrey {
    border: 1px solid #A3A3A3;
}
.ddc-border-black {
    border: 1px solid var(--color-normal);
}
.ddc-border-white {
    border: 1px solid #fff;
}
.communication-color-border-ccgn-rgb {
    border-color: var(--color-CCGn-rgb);
}
.communication-color-border-ccm-rgb {
    border-color: var(--color-CCM-rgb);
}
.communication-color-border-ccitgry {
    border-color: var(--color-CCltgry);
}
.communication-color-border-ccgrytext {
    border-color: var(--color-CCgryText);
}
.communication-color-border-SVDG {
    border-color: var(--color-SVDG);
}
.communication-color-border-gy {
    border-color: var(--color-GY);
}
.communication-color-border-sdgy {
    border-color: var(--color-SDGy);
}
.communication-color-border-sgn {
    border-color: var(--color-SGn);
}
.communication-color-border-sdgn {
    border-color: var(--color-SDGn);
}
.communication-color-border-sy {
    border-color: var(--color-SY);
}
.communication-color-border-sdy {
    border-color: var(--color-SDY);
}
.communication-color-border-sm {
    border-color: var(--color-SM);
}
.communication-color-border-sdm {
    border-color: var(--color-SDM);
}
.communication-color-border-sp {
    border-color: var(--color-SP);
}
.communication-color-border-sdp {
    border-color: var(--color-SDP);
}
.communication-color-border-sb {
    border-color: var(--color-SB);
}
.communication-color-border-sdb {
    border-color: var(--color-SDB);
}
.communication-color-border-normal {
    border-color: var(--color-normal);
}
.communication-color-border-link {
    border-color: var(--color-link);
}
.communication-color-border-link-hover {
    border-color: var(--color-link-hover);
}
.communication-color-border-bg-active {
    border-color: var(--color-bg-active);
}
.communication-color-border-ltgry {
    border-color: var(--color-ltgry);
}


.ddc-communication-color-text-vgreen {
    color: var(--ddc-color-VG);
}
.ddc-communication-color-text-green {
    color: #8CD700;
}
.ddc-communication-color-text-orange {
    color: #F0870F;
}
.ddc-communication-color-text-pink {
    color: #E65078;
}
.ddc-communication-color-text-blue {
    color: var(--color-blue);
}
.ddc-communication-color-text-purple {
    color: #825AD7;
}
.ddc-communication-color-text-darkgrey {
    color: #A3A3A3;
}
.ddc-text-black {
  color: var(--color-normal);
}
.ddc-text-white {
    color: #ffffff;
}
.ddc-text-white a {
    color: #ffffff;
}
.communication-color-text-ccgn-rgb {
    color: var(--color-CCGn-rgb);
}
.communication-color-text-ccm-rgb {
    color: var(--color-CCM-rgb);
}
.communication-color-text-ccitgry {
    color: var(--color-CCltgry);
}
.communication-color-text-ccgrytext {
    color: var(--color-CCgryText);
}
.communication-color-text-SVDG {
    color: var(--color-SVDG);
}
.communication-color-text-gy {
    color: var(--color-GY);
}
.communication-color-text-sdgy {
    color: var(--color-SDGy);
}
.communication-color-text-sgn {
    color: var(--color-SGn);
}
.communication-color-text-sdgn {
    color: var(--color-SDGn);
}
.communication-color-text-sy {
    color: var(--color-SY);
}
.communication-color-text-sdy {
    color: var(--color-SDY);
}
.communication-color-text-sm {
    color: var(--color-SM);
}
.communication-color-text-sdm {
    color: var(--color-SDM);
}
.communication-color-text-sp {
    color: var(--color-SP);
}
.communication-color-text-sdp {
    color: var(--color-SDP);
}
.communication-color-text-sb {
    color: var(--color-SB);
}
.communication-color-text-sdb {
    color: var(--color-SDB);
}
.communication-color-text-normal {
    color: var(--color-normal);
}
.communication-color-text-link {
    color: var(--color-link);
}
.communication-color-text-link-hover {
    color: var(--color-link-hover);
}
.communication-color-text-bg-active {
    color: var(--color-bg-active);
}
.communication-color-text-ltgry {
    color: var(--color-ltgry);
}

/* ブロック */
.ddc-block,
.ddc-gp-lp1-block,
.ddc-block-inline-block,
.ddc-block-inline-block-l {
  display: block;
}
.ddc-inlineblock {
  display: inline-block;
}
.ddc-inlineblock-block {
  display: inline-block;
}
.ddc-inlineblock-casestudy {
  display: inline-block;
  border-radius: 0.5em;
  float: right;
  color: #ffffff;
  width: 100px;
  margin-right: 10px;
  margin-bottom: 5px;
  text-align: center;
}

/* ヘッダー */
#ddc-header {
  width: 100%;
  height: 100px;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid var(--ddc-color-VG);
  background: #fff;
}

#ddc-header__inner {
  max-width: var(--ddc-width-desktop);
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#ddc-header__logo {
  margin: 25px 20px 14px 35px;
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
}

#ddc-header__logo img {
  width: 100%;
  max-width: 300px;
}

#ddc-header__contact-us {
  margin: 0;
  padding: 0;
  color: var(--color-normal);
  position: absolute;
  bottom: 16px;
  right: 35px;
  font-size: var(--ddc-font-size-base);
  text-align: center;
  display: inline-block;
}

#ddc-header__contact-us a {
  text-decoration: none;
  color: var(--color-normal);
}

#ddc-header__contact-us a:hover {
  background-color: var(--color-bg-active);
}

/* フッター */
#ddc-footer {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  bottom: 0;
  background: var(--color-GY);
  color: #fff;
}

#ddc-footer__inner {
  max-width: var(--ddc-width-desktop);
  margin: 0 auto;
  padding: 20px 35px 60px;
  position: relative;
}

#ddc-footer__inner a {
  color: #fff;
}

#ddc-footer__logo {
  width: 69px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 40px;
  right: 35px;
  line-height: 1.5;
  text-align: right;
  font-size: var(--ddc-font-size-xs);
}

#ddc-footer-logo img {
  max-width: 100%;
}

/* 他 */
h1 {
  color: var(--ddc-color-VG);
  max-width: var(--ddc-width-desktop);
  padding: 0 10px;
  font-size: var(--ddc-font-size-xl);
}

.ddc-solution h1 {
  font-size: var(--ddc-font-size-xxxl);
  padding: 0;
}

h1.ddc-cta {
  margin: 0 auto;
  max-width: var(--ddc-width-desktop);
}
h1,
h2,
h3,
h4 {
  font-weight: bold;
}

h2 {
  font-size: var(--ddc-font-size-l);
}

.ddc-solution h2 {
  font-size: var(--ddc-font-size-xxl);
}

h3 {
  font-size: var(--ddc-font-size-l);
}

h1.ddc-text-black {
  color: var(--color-normal);
}

h1.ddc-casestudy {
  font-size: var(--ddc-font-size-xxxl);
  margin: 30px 0 0;
}

p {
  color: inherit;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .ddc-related-link-banner {
    width: 47%;
    margin-right: 0;
    margin-bottom: 10%;
  }

  /* idで飛ばすときのずれを解消するため */
  .ddc-section-id {
    margin-top: -45px;
    padding-top: 45px;
  }

  /* 寄せ */
  .ddc-float-left-none,
  .ddc-float-right-none,
  .ddc-img-left-none,
  .ddc-img-left-none-2,
  .ddc-img-left-none-3 {
    float: none;
  }
  .ddc-img-left-none,
  .ddc-img-left-none-2 {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .ddc-img-left-none-3 {
    margin-bottom: 0;
  }
  .ddc-left-centered {
    text-align: center;
  }
  
 /* イメージ */
  .ddc-img-2,
  .ddc-size3-img,
  .ddc-sizeharf-img {
    width: 100%;
    margin: 10px auto;
  }
  .ddc-img-fix {
    width: 100%;
  }
  .ddc-img-fix img {
    width: 100%;
    height: auto;
  }

  /* 枠 */
  .ddc-content-full {
    margin: 0 1%;
  }

  .ddc-content-full-2 {
    min-height: 0;
  }

  .ddc-content-full-3 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }

  /* 表 */
  .detail-table table tbody tr td {
    padding: 2px;
  }

  /* 余白 */
  .ddc-padding-5 {
    padding: 50px 20px;
  }
  .ddc-margin-right-1,
  .ddc-margin-right-2,
  .ddc-margin-left-1,
  .ddc-margin-left-2 {
    margin-left: 0;
    margin-right: 0;
  }
  .ddc-margin-bottom-1-0 {
    margin-bottom: 0;
  }
  .ddc-margin-top-minus,
  .ddc-margin-top-minus-2 {
    margin-top: 0;
  }

  /* テキスト */
  .ddc-xxxl-text {
    font-size: var(--ddc-font-size-xxl);
  }
  .ddc-xl-text {
    font-size: var(--ddc-font-size-l);
  }
  .ddc-l-text {
    font-size: var(--ddc-font-size-base);
  }

  /* ブロック */
  .ddc-inlineblock-casestudy {
    float: none;
  }
  .ddc-inlineblock-block {
    display: block;
  }

  /* 段組み */
  .ddc-column,
  .ddc-column-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ddc-column-between-reverse,
  .ddc-column-center-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ddc-column-evenly-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ddc-column-start-between,
  .ddc-column-evenly-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ddc-column-evenly-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ddc-xxs-column {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
  }
  .ddc-xs-column {
    width: 30%;
  }
  .ddc-ss-column,
  .ddc-s-column,
  .ddc-sm-column,
  .ddc-sizefull-harf {
    width: 48%;
  }
  .ddc-s-column-2,
  .ddc-sl-column,
  .ddc-mss-column,
  .ddc-msm-column,
  .ddc-ms-column,
  .ddc-m-column,
  .ddc-mml-column,
  .ddc-ml-column,
  .ddc-l-column,
  .ddc-ll-column,
  .ddc-ls-column,
  .ddc-xl-column,
  .ddc-xxl-column,
  .ddc-casestudy-related-link {
    width: 100%;
  }
  .ddc-block-inline-block {
    display: inline-block;
  }
  .ddc-gp-lp1-block {
    display: inline-block;
    width: 20%;
  }
  .ddc-block-inline-block-l {
    display: inline-block;
    width: 45%;
    margin-right: 5%;
  }
  #ddc-header {
    height: 50px;
  }
  #ddc-header__logo {
    margin: 14px;
    width: 150px;
  }
  #ddc-header__contact-us {
    bottom: 0;
    right: 15px;
    font-size: var(--ddc-font-size-xs);
  }
  #ddc-footer {
    font-size: var(--ddc-font-size-xs);
  }
  #ddc-footer__inner {
    padding: 20px 10px 30px;
  }
  #ddc-footer__logo {
    right: 15px;
    bottom: 11px;
  }
  .ddc-margin-top-2-zero {
    margin-top: 0;
  }
  .ddc-margin-top-zero {
    margin-top: 33px;
  }
  h1 {
    margin: 10px auto 0;
  }

  .ddc-section {
    margin-bottom: 20px;
  }
  .ddc-section-s {
    margin-bottom: 10px;
  }
  .ddc-margin-top-l {
    margin-top: 50px;
  }
  .ddc-solution h1 {
    font-size: var(--ddc-font-size-xl);
  }
  h1.ddc-casestudy {
    font-size: var(--ddc-font-size-xl);
  }
  .ddc-solution h2 {
    font-size: var(--ddc-font-size-l);
  }
}
header img, header svg {
  vertical-align: baseline;
}

* {
  margin: 0;
  padding: 0;
  font-family: Segoe UI, メイリオ, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-padding-top: 100px;
}
@media (max-width: 768px) {
  html {
    scroll-padding-top: 50px;
  }
}
html body {
  font-family: "Segoe UI", Meiryo, メイリオ, sans-serif;
  padding-top: 100px;
}
@media (max-width: 768px) {
  html body {
    padding-top: 50px;
  }
}
html a {
  color: var(--color-link);
  text-decoration: none;
}
html a:hover {
  color: var(--color-link-hover);
}

@media (min-width: 1400px) {
  main .container, footer .container {
    max-width: 1304px;
  }
  .clm-entry .container {
    max-width: 1084px;
  }
}
.expandToFit {
  max-height: 100%;
  max-width: 100%;
}

#heroarea {
  color: var(--ddc-color-VG);
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  #heroarea {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-image: url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_header_img.jpg);
    background-repeat: no-repeat;
    background-position: 50% 6%;
    background-size: 1820px;
  }
}
#heroarea .page-ttl {
  display: inline-block;
}
#heroarea .page-ttl a {
  color: var(--ddc-color-VG);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#heroarea .page-ttl a:hover {
  color: #95c2b2;
}
#heroarea .page-ttl .page-ttl_title {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.12rem;
  padding: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  #heroarea .page-ttl .page-ttl_title {
    font-size: 3.125rem;
  }
}
#heroarea .page-ttl .page-ttl_sub {
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.045rem;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #heroarea .page-ttl .page-ttl_sub {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
}
#heroarea .page-ttl::before, #heroarea .page-ttl::after {
  display: block;
  content: "";
  width: 220px;
  height: 42px;
  margin: 0 auto;
  background: url("data:image/svg+xml;charset=utf-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 79 81' preserveAspectRatio='none'%3e%3cpath fill='%236CC180' fill-rule='evenodd' d='M39.5 30.5a10 10 0 0 1 0 20a10 10 0 0 1 0-20'/%3e%3c/svg%3e");
}
@media (max-width: 768px) {
  #heroarea .page-ttl::before, #heroarea .page-ttl::after {
    display: none;
  }
}
#heroarea .page-ttl::before {
  margin-bottom: 0.5rem;
}
#heroarea .page-ttl::after {
  margin-top: 0.8rem;
}

#mainnav {
  background: var(--color-CCltgry);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  #mainnav {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
#mainnav .nav-item {
  margin: 8px 20px;
}
#mainnav .nav-item .nav-link {
  color: #fff;
  font-size: 0.9375rem;
  border-radius: 50px;
  background: var(--ddc-color-VG);
  border: 2px solid var(--ddc-color-VG);
  padding: 8px 20px;
  letter-spacing: var(--letter-spacing);
  text-align: center;
}
#mainnav .nav-item .nav-link:hover, #mainnav .nav-item .nav-link:active, #mainnav .nav-item .nav-link:focus {
  background: #fff;
  color: var(--ddc-color-VG);
}
@media (min-width: 1200px) {
  #mainnav .nav-item .nav-link {
    font-size: 1.25rem;
  }
}
#mainnav .nav-item:nth-child(1) .nav-link {
  background: var(--color-CCGn);
  border-color: var(--color-CCGn);
}
#mainnav .nav-item:nth-child(1) .nav-link:hover, #mainnav .nav-item:nth-child(1) .nav-link:active, #mainnav .nav-item:nth-child(1) .nav-link:focus {
  background: #fff;
  color: var(--color-CCGn);
}
#mainnav .nav-item:nth-child(2) .nav-link {
  background: var(--color-CCM);
  border-color: var(--color-CCM);
}
#mainnav .nav-item:nth-child(2) .nav-link:hover, #mainnav .nav-item:nth-child(2) .nav-link:active, #mainnav .nav-item:nth-child(2) .nav-link:focus {
  background: #fff;
  color: var(--color-CCM);
}
#mainnav .nav-item:nth-child(3) .nav-link {
  background: var(--color-CCB);
  border-color: var(--color-CCB);
}
#mainnav .nav-item:nth-child(3) .nav-link:hover, #mainnav .nav-item:nth-child(3) .nav-link:active, #mainnav .nav-item:nth-child(3) .nav-link:focus {
  background: #fff;
  color: var(--color-CCB);
}

.article_list {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.article_list:nth-child(even) {
  background: #f5f5f5;
}
.article_list a {
  text-decoration: none;
}
@media (min-width: 1200px) {
  .article_list .row.g-lg-5 {
    --bs-gutter-y: 3.875rem;
    --bs-gutter-x: 3.875rem;
  }
}

.clm-entry {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .clm-entry {
    padding-top: 5rem;
  }
}

.sec-ttl {
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
}
.sec-ttl .sec-ttl_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  content: "";
  width: 72px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  background: var(--color-CCltgry);
  border-radius: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.article_list:nth-child(even) .sec-ttl .sec-ttl_icon {
  background: #fff;
}
.sec-ttl .sec-ttl_title {
  font-size: 1.3125rem;
  margin-bottom: 1rem;
}
.sec-ttl .sec-ttl_line {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.sec-ttl .sec-ttl_line::before, .sec-ttl .sec-ttl_line::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
}
.sec-ttl .sec-ttl_line::before {
  margin-left: 28px;
  right: 28px;
}
.sec-ttl .sec-ttl_line::after {
  margin-right: 28px;
  left: 28px;
}
section.segment01 .sec-ttl .sec-ttl_line {
  background: var(--color-CCGn);
}
section.segment01 .sec-ttl .sec-ttl_line::before, section.segment01 .sec-ttl .sec-ttl_line::after {
  background: rgba(var(--color-CCGn-rgb), 0.4);
}
section.segment02 .sec-ttl .sec-ttl_line {
  background: var(--color-CCM);
}
section.segment02 .sec-ttl .sec-ttl_line::before, section.segment02 .sec-ttl .sec-ttl_line::after {
  background: rgba(var(--color-CCM-rgb), 0.4);
}
section.segment03 .sec-ttl .sec-ttl_line {
  background: var(--color-CCB);
}
section.segment03 .sec-ttl .sec-ttl_line::before, section.segment03 .sec-ttl .sec-ttl_line::after {
  background: rgba(var(--color-CCB-rgb), 0.4);
}

.clm-entry-ttl .clm-ttl_segment {
  display: inline-block;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .clm-entry-ttl .clm-ttl_segment {
    margin-bottom: 1.1875rem;
  }
}
.clm-entry-ttl .clm-ttl_segment .clm-ttl_segment_item {
  display: inline-block;
  color: #fff;
  font-size: 0.8125rem;
  border-radius: 50px;
  padding: 4px 12px;
  border: 2px solid;
  text-align: center;
  letter-spacing: var(--letter-spacing);
}
@media (min-width: 768px) {
  .clm-entry-ttl .clm-ttl_segment .clm-ttl_segment_item {
    font-size: 1.25rem;
    padding: 8px 20px;
  }
}
.clm-entry-ttl .clm-ttl_segment .clm-ttl_segment_item.clm-ttl_segment_item01 {
  background: var(--color-CCGn);
  border-color: var(--color-CCGn);
}
.clm-entry-ttl .clm-ttl_segment .clm-ttl_segment_item.clm-ttl_segment_item02 {
  background: var(--color-CCM);
  border-color: var(--color-CCM);
}
.clm-entry-ttl .clm-ttl_segment .clm-ttl_segment_item.clm-ttl_segment_item03 {
  background: var(--color-CCB);
  border-color: var(--color-CCB);
}
.clm-entry-ttl .clm-ttl_title {
  color: var(--color-CCY);
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.09rem;
  padding: 0;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .clm-entry-ttl .clm-ttl_title {
    font-size: 2.25rem;
    margin-bottom: 1.875rem;
  }
}

.clm-meta {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.5rem;
}
.clm-meta .clm-meta_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--color-ltgry);
}
.clm-meta .clm-meta_item + .clm-meta_item::before {
  display: inline-block;
  content: "/";
}

.clm-entry-body {
  font-size: 1rem;
  line-height: var(--clm-entry-lh);
}
@media (min-width: 768px) {
  .clm-entry-body {
    font-size: 1.25rem;
  }
}
.clm-entry-body .mktoText {
  margin-top: 2.25rem;
}
@media (min-width: 768px) {
  .clm-entry-body .mktoText {
    margin-top: 4.375rem;
  }
}
.clm-entry-body h2 {
  font-size: 1.5rem;
  color: var(--ddc-color-VG);
  letter-spacing: var(--letter-spacing);
  padding-left: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 2.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .clm-entry-body h2 {
    font-size: 1.875rem;
    margin-top: 4rem;
    margin-bottom: 3.5rem;
  }
}
.clm-entry-body h2::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  content: "";
  height: auto;
  width: 6px;
  background: var(--ddc-color-VG);
}
@media (min-width: 768px) {
  .clm-entry-body h2::before {
    height: 1.5rem;
  }
}
.clm-entry-body h3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: var(--clm-entry-lh);
}
@media (min-width: 768px) {
  .clm-entry-body h3 {
    font-size: 1.25rem;
  }
}
.clm-entry-body h4,
.clm-entry-body h5,
.clm-entry-body h6 {
  font-size: 1rem;
  line-height: 2;
}
.clm-entry-body p {
  letter-spacing: var(--letter-spacing);
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .clm-entry-body p {
    margin-bottom: 2rem;
  }
}

.btn.btn_collapse {
  color: var(--ddc-color-VG);
  position: relative;
}
.btn.btn_collapse:hover {
  color: var(--color-SVDG);
}
.btn.btn_collapse::after {
  display: block;
  content: "";
  width: 100%;
  height: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 70 70' preserveAspectRatio='none'%3e%3cpath fill='%23289b7d' fill-rule='evenodd' d='M35 25a10 10 0 0 1 0 20a10 10 0 0 1 0-20'/%3e%3c/svg%3e");
}

.clm-panel .clm-panel-image {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.clm-panel .clm-panel-image img {
  width: 100%;
  height: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.clm-panel .clm-panel-image a {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.clm-panel .clm-panel-image a:hover {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.clm-panel .clm-panel-image a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.clm-panel .clm-panel-title {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--color-CCY);
  margin-top: 0.625rem;
  margin-bottom: 0;
}
.clm-panel .clm-meta {
  margin-top: 0.625rem;
}
@media (max-width: 768px) {
  .clm-panel .clm-meta {
    margin-top: 0.25rem;
    margin-bottom: 1.75rem;
  }
}
.clm-panel .clm-meta .clm-meta_item {
  font-size: 0.875rem;
}

.arrow_wrap {
  display: block;
  width: 60px;
  height: 40px;
  margin: 40px auto;
  position: relative;
}

.arrow::before, .arrow::after {
  content: "";
  display: block;
  width: 48px;
  height: 7px;
  display: inline-block;
  border-radius: 12px;
  background: var(--color-ltgry);
  position: absolute;
  top: 50%;
  bottom: 50%;
}
.arrow::before {
  left: calc(50% - 10px);
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
}
.arrow::after {
  right: calc(50% - 10px);
  -webkit-transform: rotate(-48deg);
          transform: rotate(-48deg);
}

.link-panel_list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.875rem;
}
@media (min-width: 992px) {
  .link-panel_list {
    gap: 2.5rem;
  }
}
.link-panel_list .link-panel {
  width: 100%;
  max-width: 320px;
  height: 140px;
}
@media (min-width: 992px) {
  .link-panel_list .link-panel {
    max-width: 600px;
    height: 190px;
  }
}
.link-panel_list .link-panel a {
  color: #fff;
  text-decoration: none;
}

.link-panel_inner {
  border-radius: 12px;
  padding: 1rem 1rem 2.5rem 1rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
}
.link-panel_inner > * {
  z-index: 1;
}
.link-panel_inner::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.link-panel__01 .link-panel_inner::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_01.jpg);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_01.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_01.jpg);
}
.link-panel__02 .link-panel_inner::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_02.jpg);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_02.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_02.jpg);
}
.link-panel__03 .link-panel_inner::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_03.jpg);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_03.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_03.jpg);
}
.link-panel_inner:hover::after {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (min-width: 992px) {
  .link-panel_inner {
    padding-bottom: 1rem;
  }
}

.link-panel_title {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 0;
  letter-spacing: var(--letter-spacing);
}
.link-panel_title .link-panel_title__lot {
  font-size: 1rem;
}
.link-panel_title .link-panel_title__lg {
  font-size: 1.25rem;
}
@media (min-width: 992px) {
  .link-panel_title {
    font-size: 1.6875rem;
    text-align: center;
  }
  .link-panel_title .link-panel_title__lot {
    font-size: 1.5rem;
  }
  .link-panel_title .link-panel_title__lg {
    font-size: 1.9375rem;
  }
}

.link-panel_nav {
  display: inline-block;
  position: absolute;
  right: 2rem;
  bottom: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
}
@media (min-width: 992px) {
  .link-panel_nav {
    gap: 1.5rem;
  }
}
.link-panel_nav::after {
  display: block;
  content: "";
  background-image: url('data:image/svg+xml,%3Csvg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M44 22C44 34.1503 34.1503 44 22 44C9.84974 44 0 34.1503 0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.8287 13.063C16.3462 12.4161 17.2901 12.3112 17.937 12.8287L27.937 20.8287C28.5839 21.3462 28.6888 22.2901 28.1713 22.937C27.6538 23.5839 26.7098 23.6888 26.063 23.1713L16.063 15.1713C15.4161 14.6538 15.3112 13.7099 15.8287 13.063Z" fill="%23A3A3A3"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M28.2288 21.1398C28.7039 21.8185 28.5389 22.7538 27.8602 23.2288L17.8602 30.2288C17.1815 30.7039 16.2462 30.5389 15.7712 29.8602C15.2961 29.1815 15.4611 28.2462 16.1398 27.7712L26.1398 20.7712C26.8185 20.2961 27.7538 20.4611 28.2288 21.1398Z" fill="%23A3A3A3"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
}
@media (min-width: 992px) {
  .link-panel_nav::after {
    width: 44px;
    height: 44px;
  }
}
.link-panel_nav .link-panel_title_en::after {
  display: block;
  content: "";
  background: url("data:image/svg+xml;charset=utf-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 50 50' preserveAspectRatio='none'%3e%3cpath fill='%23ffffff' fill-rule='evenodd' d='M25 15a10 10 0 0 1 0 20a10 10 0 0 1 0-20'/%3e%3c/svg%3e");
  background-repeat: repeat-x;
  height: 6px;
}

.link-panel_large .link-panel.link-panel__index {
  width: 100%;
  max-width: 320px;
  height: 200px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .link-panel_large .link-panel.link-panel__index {
    max-width: 680px;
  }
}
@media (min-width: 992px) {
  .link-panel_large .link-panel.link-panel__index {
    max-width: 1240px;
  }
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_nav {
  bottom: 38%;
}
@media (min-width: 768px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_nav::after {
    width: 44px;
    height: 44px;
  }
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__L,
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__R {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__L,
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__R {
    width: 50%;
  }
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__L {
  display: block;
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__L > * {
  z-index: 1;
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__L::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-image: url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_bnr_column.jpg);
  background-position: 50% 30%;
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap:hover .link-panel_inner__L::after {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__R {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--ddc-color-VG);
  background-color: #EEFCD3;
  padding: 0 3.6rem 0 2rem;
}
@media (min-width: 768px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_inner__R {
    padding: 0 5rem 0 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_title {
  font-size: 19px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_title {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_title {
    font-size: 34px;
  }
}
.link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_text {
  font-size: 17px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_text {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .link-panel_large .link-panel.link-panel__index .link-panel_innerwrap .link-panel_text {
    font-size: 28px;
  }
}

.footer-top {
  background: url(https://pages.anritsu-jpresponse.com/rs/408-MNE-052/images/anr_footer_bg.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 5.625rem;
  padding-bottom: 1.875rem;
}

footer p {
  margin-bottom: 0;
}
footer hr {
  margin: 0;
  opacity: 1;
  border: 1px transparent solid;
  border-bottom: 1px #fff solid;
}
footer img,
footer svg {
  vertical-align: baseline;
}