@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
.article .article__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.article .article__list .article__box { flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 30px; margin-right: 4%; }
.article .article__list .article__box:nth-child(2n) { margin-right: 0; }
.article .article__list .article__box a { display: block; position: relative; padding: 15px 15px 25px; box-sizing: border-box; background: #fff; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.article .article__list .article__box a:after { content: '\f138'; position: absolute; right: 10px; bottom: 0px; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #BAB198; }
.article .article__list .article__box .article__img { position: relative; width: 100%; height: calc((92vw * 0.48 - 30px) * 0.75); margin-bottom: 10px; background: #f2f2f2; overflow: hidden; }
.article .article__list .article__box .article__img img { object-fit: contain; font-family: 'object-fit: contain'; display: block; object-position: 50% 50%; height: 100%; width: 100%; }
.article .article__list .article__box .article__copy { margin-bottom: 5px; font-size: 1.2rem; line-height: normal; text-align: left; }
@media (min-width: 769px) { .article .article__list .article__box .article__copy { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .article .article__list .article__box .article__copy { font-size: 1.4rem; } }
.article .article__list .article__box .article__name { color: #888; font-size: 1.1rem; }
@media (min-width: 769px) { .article .article__list .article__box .article__name { font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .article .article__list .article__box .article__name { font-size: 1.3rem; } }
.article .article__list .article__box .article__category { color: #888; font-size: 1.1rem; }
@media (min-width: 769px) { .article .article__list .article__box .article__category { font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.44345898 ); } }
@media (min-width: 1220px) { .article .article__list .article__box .article__category { font-size: 1.3rem; } }

.pagenation { margin: 0% 0% 3.57% 0%; }

.liberte-btn { max-width: 300px; margin: 0 auto; }
.liberte-btn a { font-size: 1.5rem; }
@media (min-width: 769px) { .liberte-btn a { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.8547008547 ); } }
@media (min-width: 1120px) { .liberte-btn a { font-size: 1.8rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .article .article__list .article__box { flex: 0 1 31%; width: 31%; max-width: 31%; margin-right: 3.5%; }
  .article .article__list .article__box:nth-child(2n) { margin-right: 3.5%; }
  .article .article__list .article__box:nth-child(3n) { margin-right: 0; }
  .article .article__list .article__box a:hover { opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .article .article__list .article__box a:hover .article__img img { transform: scale(1.05, 1.05); }
  .article .article__list .article__box .article__img { height: calc((95.1vw * 0.31 - 30px) * 0.75); }
  .article .article__list .article__box .article__img img { transition: .3s; } }
/*------------------------------
		1021px以上
------------------------------*/
@media screen and (min-width: 1021px) { .article .article__list .article__box { flex: 0 1 23.5%; width: 23.5%; max-width: 23.5%; margin-right: 2%; }
  .article .article__list .article__box:nth-child(2n) { margin-right: 2%; }
  .article .article__list .article__box:nth-child(3n) { margin-right: 2%; }
  .article .article__list .article__box:nth-child(4n) { margin-right: 0; }
  .article .article__list .article__box .article__img { height: calc((95.1vw * 0.235 - 30px) * 0.75); } }
/*------------------------------
		1221px以上
------------------------------*/
@media screen and (min-width: 1221px) { .article .article__list .article__box .article__img { height: calc(((1220px - 4.9vw) * 0.235 - 30px) * 0.75); } }
@media screen and (min-width: 1280px) { .article .article__list .article__box .article__img { height: calc((1220px * 0.235 - 30px) * 0.75); } }
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */