.page-lower #visual {
  height: 200px;
}

.page-archive #visual .title-1:before {
  content: 'Feature';
}
.page-archive #main .section {
  background: url("../images/common/bg-1.jpg") center 0 /100% auto no-repeat;
}
.page-archive #main .header {
  padding-bottom: 80px;
}
.page-archive #main .header .title {
  font-size: 3.6rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em;
}
.page-archive #main .header .title b {
  font-weight: 700;
  color: var(--c-blue);
}
@media (max-width:1024px) {
  .page-archive #main .header {
    padding-bottom: 0;
  }
}
@media (max-width:768px) {
  .page-archive #main .header .title {
    font-size: 3rem;
  }
}
@media (max-width:540px) {
  .page-archive #main .header .title {
    font-size: 2.6rem;
  }
}

.page-archive #main .box {
  padding: 0 15px;
  background: var(--c-blue2);
  margin-top: 90px;
}
.page-archive #main .box .inner {
  max-width: 100%;
  width: 1140px;
  justify-content: center;
  transform: translateY(-90px);
  margin: 0 auto;
}
@media (max-width:1024px) {
  .page-archive #main .box {
  }
  .page-archive #main .box .inner {
    transform: translateY(-50px);
  }
}
.page-archive #main .box .card {
  width: 47.37%;
  display: flex;
  background: #fff;
}
.page-archive #main .box .card:nth-child(2n+2) {
  margin-left: 5.26%;
}
.page-archive #main .box .card:nth-child(n+3) {
  margin-top: 5.26%;
}
.page-archive #main .box .card .photo {
  width: 55.56%;
  overflow: hidden;
}
.page-archive #main .box .card .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .2s;
}
.page-archive #main .box .card .photo:hover img {
  transform: scale(1.05);
}
.page-archive #main .box .card .content {
  width: 44.44%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 1.5em;
}
.page-archive #main .box .card .content > div {
  max-width: 160px;
  width: 100%;
}
.page-archive #main .box .card .num {
  font-size: 4rem;
  font-family: 'Lato',sans-serif;
  font-weight: 700;
  line-height: 1;
  color: var(--c-blue3);
  margin-bottom: .2em;
}
.page-archive #main .box .card .title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--c-blue);
  line-height: 1.33;
}
.page-archive #main .box .card .btn-1 {
  width: 100%;
  height: 40px;
  margin-top: 2em;
}
@media (max-width:1080px) {
  .page-archive #main .box .card {
    width: 49%;
  }
  .page-archive #main .box .card:nth-child(2n+2) {
    margin-left: 2%;
  }
  .page-archive #main .box .card:nth-child(n+3) {
    margin-top: 2%;
  }
}
@media (max-width:1024px) {
  .page-archive #main .box .card {
    max-width: 100%;
    width: 540px;
    margin: 0 auto !important;
  }
  .page-archive #main .box .card ~ .card {
    margin-top: 30px !important;
  }
}
@media (max-width:768px) {
  .page-archive #main .box .card .photo {
    width: 45%;
  }
  .page-archive #main .box .card .content {
    width: 55%;
  }
}
@media (max-width:540px) {
  .page-archive #main .box .card .num {
    font-size: 3rem;
    font-family: 'Lato',sans-serif;
    font-weight: 700;
    line-height: 1;
    color: var(--c-blue3);
    margin-bottom: .2em;
  }
  .page-archive #main .box .card .title {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--c-blue);
    line-height: 1.33;
  }
  .page-archive #main .box .card .btn-1 {
    width: 100%;
    height: 35px;
    margin-top: 1em;
  }
}

@media (max-width:768px) {
  .page-single #main {
    display: flex;
    flex-wrap: wrap;
  }
  .page-single #main > * {
    width: 100%;
  }
  .page-single #main .page-nav {
    order: 9999;
  }
  .page-single #main .page-nav + .section {
    padding-top: 50px !important;
  }
}

.page-single #main .mce-area .flex-col-2 .lbox{
  width: 67.23%;
}
.page-single #main .mce-area .flex-col-2 .rbox{
  margin-left: 2.77%;
  width: 30%;
}
@media (max-width:768px) {
  .page-single #main .mce-area .flex-col-2 .lbox{
    width: 100%;
  }
  .page-single #main .mce-area .flex-col-2 .rbox{
    margin-left:0;
    width: 100%;
    text-align: center;
    margin-top: 1.5em;
  }
  .page-single #main .mce-area .flex-col-2 .rbox img{
    max-width: 330px;
  }
}
