.learn * {
  box-sizing: border-box;
}
.learn ul li,
.learn dl dt,
.learn ol li {
  list-style-type: none;
}
.learn ul {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}
.learn h2, .learn h3, .learn p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.learn-DocHeader__inner h1 {
  font-size: 0;
  margin: 0;
}
@media screen and (min-width: 770px) {
  .cmn-ContentsContainer {
    width: 100%;
    min-width: 1000px;
    max-width: 1200px;
  }
}
@media all and (min-width: 770px){
  .u-hide-pc {
    display: none!important;
  }
}
@media all and (max-width: 769px){
  .u-hide-sp {
    display: none!important;
  }
}
/* ==========================================
  Common Parts
========================================== */
/* btn */
.learn .btn-cta {
  line-height: 1;
  padding: 20px;
  background-color: #00a2b2;
  display: block;
  text-decoration: none;
  border-radius: 4px;
  position: relative;
}
.learn .btn-cta:hover {
  opacity: 0.7;
}

.learn .btn-cta::before {
  content: '';
  display: block;
  width: 9px;
  height: 13px;
  background-image: url(/images/img-learn/arrow_right.png);
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translate(0, -50%);
}

.learn .btn-cta p {
  text-align: center;
  color: #FFFFFF;
}

.learn .btn-cta--blue {
  background-color: #296dd2;
}

/* card-grid */
.learn .grid-card {
  display:-ms-flexbox;
  display:flex;
  margin: 0 -1.4%;
  flex-wrap: wrap;
}

.learn .grid-card li {
  width: calc((100% - 5.6%) / 2);
  margin: 0 1.4%;
}

@media screen and (max-width: 769px) {

}

@media screen and (min-width: 770px) {}




.learn-DocHeader__inner h1 img{
  width: 100%;
}