@charset "utf-8";


@media screen and (min-width: 821px) {
  .btn-wrap.__return-btn {margin-top: min(4.72vw, 6.8rem)}
}

/* ------------------------------------------------------
MAIN
------------------------------------------------------ */
.column-wrap {
  padding: 0 min(4.51vw, 6.5rem);
}
.column-wrap-inner {
  max-width: 1280px;
  margin: auto;
}
.column-list {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 19.53%;
  padding: min(3.06vw, 4.4rem) min(1.25vw, 1.8rem);
  background-color: rgba(255,255,255,.2);
  border: 2px solid  rgba(255,255,255,.5);
  border-radius: 0.69vw;
  font-size: min(0.97vw, 1.4rem);
  letter-spacing: 0.1em;
}
.taglist {
  font-size: min(0.97vw, 1.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-top: 3.5em;
  padding-bottom: .5em;
}
.taglist> li {
  border: 1px solid rgba(15,31,59,0.2);
  border-radius: 100vh;
  overflow: hidden;
  min-width: 8em;
  margin-top: 0.4285em;
  margin-right: 0.71428571428em;
  text-align: center;
}
.taglist> li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 2.5em;
  color: rgba(15,31,59,0.5);
  position: relative;
  z-index: 1;
}



.card-wrap {
    justify-content: flex-start;
}
/* card */
.card {
  position: relative;
  width: 31.796875%;
  opacity: 1;
  border: 2px solid white;
  border-radius: 1.04vw;
  background-color: rgba(255,255,255,0.4);
  padding: min(1.457vw, 2.8rem);
  overflow: hidden;
    display:-webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items:flex-start;
    justify-content: flex-start;
}
.column-list__body {
    flex-grow: 1;
    display:-webkit-flex;
    display: flex;
    align-items:baseline;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
.card__thumb img {
    aspect-ratio: 1024/576;
    object-fit: contain;
    object-position: center;
}
.card__new {
    position: absolute;
    font-size: min(1.0842vw, 1.56em);
    border-radius: 0.35vw;
    top: min(0.971vw, 1.86rem);
    left: min(0.971vw, 1.86rem);
    font-weight: bold;
    color: white;
    width: 5.77em;
    padding: .462em 0;
    line-height: 1em;
    text-align: center;
    background: var(--gradation-01-left);
    background-repeat: no-repeat;
}
.card> a:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vw;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left:50%;
  top:50%;
}
.card .date-wrap {
    color: #0F1F3B;
    width: 100%;
}
.card .date-wrap .date {
    font-weight: bold;
    font-size: min(0.97vw, 1.4rem);
    padding-top: 2.5em;
    padding-bottom: 1em;
    letter-spacing: 0.0423em;
    width: 100%;
    display: block;
}
.card .date-wrap .title {
    display: inline;
    font-size: min(1.11vw, 1.6rem);
    margin-bottom: 1.0em;
    line-height: 1.8666;
}
.keyword__content {
    position: relative;
    max-width: 920px;
    margin: min(4.17vw, 6em) auto min(6.94vw, 10rem);
    z-index: 1;
    text-align: center;
    border: 2px solid white;
    border-radius: 1.04vw;
    background-color: rgba(255,255,255,0.4);
    padding: min(1.457vw, 2.8rem) min(3.646vw, 7.0rem) min(2.964vw, 5.6rem);
}
.keyword__content .taglist {
    margin-top: 0;
    padding-bottom: 0;
}
.keyword__content .taglist> li {
  margin-top: 0.71428571428em;
}


@media screen and (min-width: 821px) {
/* card */
.card {
    margin-right: 2.3046875%;
}
.card:nth-child(3n) {
    margin-right: 0;
}
  .card .date-wrap .title {
    display: inline;
    background: var(--gradation-01-left) no-repeat;
    background-size: 0 100%;
    transition: all .4s ease-out;
  }
  .card:hover .date-wrap .title {
    background-size: 100% 100%;
    color: #fff;
  }
    .card:nth-of-type(n + 4) {
      margin-top: min(2.3046875vw, 4.0rem);
    }

    
}
@media screen and (max-width: 820px) {
  .column-wrap { padding: 0 2.67vmin; }
  .column-wrap-inner, .card-wrap, .card {
    display: block;
    width: 100%;
  }
    
    .taglist {
        font-size: 3.2vmin;
        margin-top: 0.5em;
    }
    .taglist> li {
      min-width: 5.27em;
    }
    .taglist> li a {
      padding: 0 1.15em;
    }
    
    .card {
        border-radius: 4vmin;
        padding: 7.05vmin 4.7vmin;
    }
    .card__new {
        font-size: 3.73vmin;
        border-radius: 1.33vmin;
        top: 4.7vmin;
        left: 3.14vmin;
    }
    .card:nth-of-type(n + 2) {
        margin-top: 4.7vmin;
    }
    .card .column-list__body {
        margin: 0 5.34vmin;        
    }
    .card .date-wrap .date {
        font-size: 4.386126vmin;
        line-height: 1.4375;
        padding-top: 2.14285714286em;
        padding-bottom: 1.42857142857em;
    }
    .card .date-wrap .title {
        font-size: 3.73vmin;
        line-height: 1.8571;
    }
    .keyword__content {
        border-radius: 4vmin;
        padding: 9.4vmin 4.7vmin;
        margin-top: 13.33vmin;
        margin-left: -2.67vmin;
        margin-right: -2.67vmin;
    }
    
}
/* ------------------------------------------------------
詳細ページ　MAIN
------------------------------------------------------ */
.page-item article {
  padding: 0 min(4.51vw, 6.5rem);
}
.wp--editor p, .wp--editor figure, .wp--editor ul, .wp--editor ol {
  font-size: min(1.11vw, 1.6rem) !important;
}
.page-item .article-inner {
  max-width: 1280px;
  margin: auto;
}
.page-item .article-header h2 {
  font-size: min(3.47vw, 5.0rem);
  line-height: 1.6
}
.page-item .article-header .date {
  font-size: min(2.43vw, 3.5rem);
    font-weight: bold;
}
.page-item .article-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(3.47vw, 5.0rem);
    flex-wrap: wrap;
}
.page-item .wp--editor {
  width: 70.3125%;
}
.page-item .image-wrap {
  border-radius: 1.04vw;
  overflow: hidden;
}
.page-item .body-txt {
  margin-top: 8em;
}
.page-item .body-txt p {
  font-size: min(1.04vw, 1.5rem);
  letter-spacing: .02em;
  line-height: 1.8666;
}
.page-item .body-txt p a:not(.btn-default) {
    text-decoration: underline;
}
.page-item .body-txt p a:not(.btn-default):hover {
    text-decoration: none;
}
.page-item .body-txt hr {
    margin-top: 6em;
    margin-bottom: 6em;
    border: 1px solid #AAB6CE;
}
.page-item .link-txt {
  position: relative;
  display: inline-block;
  margin-top: 6em;
  font-size: min(1.04vw, 1.5rem);
  line-height: 1.8666;
}
.page-item .detail-block {
  width: 23.28125%;
}

.page-item .keyword__area {
    border-radius: 1.04vw;
    background-color: rgba(255,255,255,0.4);
    border: 2px solid white;
    padding: min(1.457vw, 2.8rem);
}
.page-item .keyword__area .title-tag {
  text-align: center;
  font-weight: bold;
    letter-spacing: 0.05em;
    font-size: min(1.4vw, 1.8em);
    padding-bottom: min(1.25vw, 2.25rem);
}
.page-item .keyword__area .title-tag span {
  position: relative;
  display: inline-block;
  height: 100%;
    padding-bottom: .35em;
}
.page-item .keyword__area .title-tag span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--gradation-01-left);
}
.page-item .keyword__area .taglist {
    font-size: clamp(1em, 0.88vw, 1.2em);
    margin-top: 0;
    padding-bottom:  min(1.25vw, 2.0rem);
    margin-right: -0.71428571428em;
}
.page-item .keyword__area .taglist> li {
    margin-top: 0.65em;
    min-width: 3.15em;
}
.page-item .keyword__area .taglist> li > a {
    padding: 0 1.25em;
}
.page-item .column__area {
    margin-top: min(1.457vw, 2.8rem);
    background-color: rgba(255,255,255,0.4);
    border: 2px solid white;
    border-radius: 1.04vw;
}
.page-item .column__area .card {
  width: 100%;
  padding: min(1.457vw, 2.8rem);
    background-color: transparent;
    border: none;
}
.page-item .column__area .card:last-child {
  padding-bottom: min(3.004vw, 5.6rem);
}
.page-item .column__area .card .card__thumb {
    border-radius: 0.35vw;
}
.page-item .column__area .card .date-wrap .date {
    font-size: min(1.4vw, 1.8em);
    padding-top: 1.2em;
    padding-bottom: 0.5em;
}
.page-item .column__area .card .date-wrap .title {
    font-size: min(0.97vw, 1.4rem);
    word-break: break-all;
}
.page-item .column__area .card .taglist {
    font-size: clamp(1em, 0.88vw, 1.2em);
    margin-top: .5em;
    padding-bottom: 0;
    margin-right: -0.71428571428em;
}
.page-item .column__area .card .taglist> li {
    margin-top: 0.65em;
    min-width: 3.15em;
}
.page-item .column__area .card .taglist> li > a {
    padding: 0 1.25em;
}


/* download__form */

.page-item .download-block {
    width: 100%;
}
.page-item .download-block .content-box-inner.__flex {
    align-items: flex-start;
}
.page-item .download-block .content-item-img {
    overflow: hidden;
}
.page-item .download-block .content-description {
    text-align: center;
}
.page-item .download-block .content-description .content-description__dt {
    font-weight: bold;
    line-height: 1.6;
}
.page-item .download-block .content-description .content-description__dd {
    margin-bottom: -0.05em;
    padding-bottom: 0.05em;
    position: relative;
}

.content-download__form {
    margin-right: -25%;
}
/* download__form */


.page-item .btn-block {
    width: 100%;
}
.page-item .btn-block .btn-wrap {
    margin-top: min(2.36vw, 2.4rem);
}




/* image */
.wp--editor figure {
  overflow: hidden;
  line-height: 1.8;
}
.wp--editor figure img {
  border-radius: 1.04vw;
  overflow: hidden;
}
.wp--editor figure figcaption {
  margin-top: .8em;
  font-size: .875em;
}
.image-list {
  margin-top: min(4.51vw, 6.5rem)
}
.image-list--col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.image-list--col2 .image-list__item {
  width: 46.1855%;
}
.image-list .img-L {
  width: 72.1649%;
  margin: auto;
}
.txtImg-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(4.51vw, 6.5rem);
}
.txtImg-wrap .txtImg-wrap__item--text {
  width: 53.6082%;
}
.txtImg-wrap .txtImg-wrap__item--image {
  width: 39.1752%;
}
@media screen and (min-width: 821px) {

.image-list--col2 .image-list__item:nth-of-type(n + 3) {
    margin-top: 3em; 
}

/* download__form */
.page-item .download-block {
    -ms-flex-order: 3;
        order: 3;
    margin-top: min(7.61vw, 16.65rem);
    margin-bottom: min( 3.5vw, 6.7rem);
    width: 73.625%;
    margin-left: auto;
    margin-right: auto;
}
.page-item .download-block .content-description {
    width: 52.8%;
}
.page-item .download-block .content-description .content-description__dt {
    font-size: min(2.42vw, 4.2rem);        
}
.is-ios body .page-item .download-block .content-description .content-description__dt,
.is-mac body .page-item .download-block .content-description .content-description__dt {
    font-size: min(2.92vw, 4.2rem);
}
.page-item .download-block .content-description .content-description__dd {
    font-size: min(0.92vw, 1.6rem);
    line-height: 1.5;
    padding-top: .25em;
}
.is-ios body .page-item .download-block .content-description .content-description__dd,
.is-mac body .page-item .download-block .content-description .content-description__dd {
    font-size: min(1.11vw, 1.6rem);
}
.page-item .download-block .content-description .content-description__dd .content-item-img {
    margin-top: min(1.85vw, 3.5rem);
    border-radius: 0.35vw;
}
.page-item .download-block .content-box {
    width: 41.5%;
    padding: min(1.75vw, 3.4rem) min(1.85vw, 3.5rem) min(1.0vw, 1.9rem);
    border-radius: 1.29629733vw;
}

    
/* download__form */
    
    
.page-item .btn-block {
    -ms-flex-order: 4;
        order: 4;
}
    
    
}
@media screen and (max-width: 820px) {

  .wp--editor p, .wp--editor figure, .wp--editor ul, .wp--editor ol {
    font-size: 3.73vmin !important
  }
  .page-item article { padding: 0 2.67vmin;}
    
    
  .page-item .article-header h2 {
    font-size: 6.4vmin;
    line-height: 1.5;
    letter-spacing: .02em;
  }
  .page-item .article-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-top: 8vmin;
  }
  .page-item .wp--editor,.page-item .image-block, .page-item .detail-block,.page-item .detail-block {
    width: 100%;
  }
  .page-item .wp--editor {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 1;
            order: 1;
  }
    .page-item .article-header .date {
        font-size: 5.33vmin;
    }
    
    /* download__form */
    .page-item .download-block {
        -ms-flex-order: 2;
            order: 2;
        margin-left:-2.67vmin;
        margin-right:-2.67vmin;
        width: auto;
        margin-top: min(11.61vw, 4.45rem);
        margin-bottom: min(13.25vw, 5.1rem);
    }
    .page-item .download-block .content-description {
        margin-top: 8.0vmin;
    }
    .page-item .download-block .content-description .content-description__dt {
        font-size: 8.53vmin;
    }
    .page-item .download-block .content-description .content-description__dd {
        font-size: 3.73vmin;
    }
    .page-item .download-block .content-description .content-description__dd .content-item-img {
        margin-top: min(5.805vw, 2.225rem);
        border-radius: 4vmin;
        width: 100%;
    }
    .page-item .download-block .content-box {
        margin-top: min(5.805vw, 2.225rem);
        padding: min(1.85vw, 3.5rem) min(1.85vw, 3.5rem) min(7.925vw, 3.0rem);
    }

    .content-download_radiobox_form,
    .dl--download_dt_form,
    .dl--download_dd_form input[type="text"],
    .dl--download_dd_form input[type="email"],
    .dl--download_dd_form select {
        font-size: 4.27vmin;
    }
    .content-download__form {}
    

    /* download__form */


    .page-item .btn-block {
        -ms-flex-order: 2;
            order: 2;
        padding-bottom: 16.45vmin;
    }
    .page-item .btn-block .btn-wrap {
        margin-top: 4.7vmin;
    }
    .page-item .detail-block {
        -ms-flex-order: 3;
            order: 3;
    }
    .page-item .keyword__area .title-tag {
        font-size: 6.67vmin;
        margin-bottom: 7.05vmin;
    }
    .page-item .keyword__area .title-tag span {
        padding-bottom: 0;
    }
    .page-item .keyword__area {
        border-radius: 4vmin;
        padding: 7.05vmin 4.7vmin;
    }
    .page-item .keyword__area .taglist {
        font-size: 3.2vmin;
        padding-bottom: 1em;
        margin-top: -1em;
        margin-right: -1em;
    }
    .page-item .keyword__area .taglist> li {
        margin-top: 0.65em;
        min-width: 5.1em;
        margin-right: 1em;
    }
    .page-item .column__area {
        margin-top: 4.7vmin;
        background-color: transparent;
        border: none;
        border-radius: 0;
    }
    .page-item .column__area .card {
        padding: 7.05vmin 4.7vmin;
        border-radius: 4vmin;
        background-color: rgba(255, 255, 255, 0.4);
        border: 2px solid white;
    }
    .page-item .column__area .card .card__thumb {
        border-radius: 1.33vmin;
    }
    .page-item .column__area .card .column-list__body {
        margin: 0 5.34vmin;
    }
    .page-item .column__area .card .date-wrap .date {
        font-size: 4.386126vmin;
        line-height: 1.4375;
        padding-top: 2.14285714286em;
        padding-bottom: 1.42857142857em;
    }
    .page-item .column__area .card .date-wrap .title {
        font-size: 3.73vmin;
        line-height: 1.8571;
        margin-bottom: 1.0em;
    }
    .page-item .column__area .card .taglist {
        margin-top: 0.5em;
        font-size: 3.2vmin;
    }
    .page-item .column__area .card .taglist> li {
        min-width: 5.27em;
    }
    
  .page-item .description {
    margin-top: 3.8571em;
    font-size: 3.73vmin
  }
  .page-item .image-wrap { border-radius: 2.67vmin }
  .page-item .body-txt { margin-top: 11.47vmin;}
  .page-item .body-txt p { font-size: 3.73vmin; line-height: 1.8571; }
  .page-item .body-txt p+ p { margin-top: 1.8571em; }
  .page-item .link-txt { font-size: 3.73vmin; }
  .page-item .imageList-wrap { margin-top: 8vmin }
  .page-item .imageList-wrap li {width: 100%; margin-bottom: 10.67vmin }
    
  .image-list { margin-top: 21.33vmin}
  .image-list--col2 .image-list__item { width: 100%}
  .image-list__item+ .image-list__item {margin-top: 1em;}
  .image-list .img-L { width: 100%}
  .txtImg-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column;}
  .txtImg-wrap .txtImg-wrap__item--text,
  .txtImg-wrap .txtImg-wrap__item--image { width: 100%;}
  .txtImg-wrap .txtImg-wrap__item--image { margin-top: 12.27vmin}
    
    
    .wp--editor figure img {
        border-radius: 2.67vmin;
    }
    
}

/* ------------------------------------------------------
FOOTER
------------------------------------------------------ */
.page-under .footer {
  background-color: rgba(18, 35, 67, 0.9);
}
.page-item .footer {
  background-color: #646F83;
}