.con-blog-archive, .con-blog-article, .con-otherblog .box-otherblog { margin-left: auto; margin-right: auto; width: calc(100% - 160px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-blog-archive, .con-blog-article, .con-otherblog .box-otherblog { width: 92%; } }
@media only screen and (max-width: 767px) { .con-blog-archive, .con-blog-article, .con-otherblog .box-otherblog { width: 89.6%; } }

/*Animate */
/* ----------------------------------------------------------- .con-blog-archive
----------------------------------------------------------- */
.con-blog-archive { max-width: 960px; margin: 80px auto 240px; }
@media only screen and (max-width: 767px) { .con-blog-archive { margin: 64px auto 120px; } }
.con-blog-archive ul { display: flex; flex-direction: column; gap: 64px; }
@media only screen and (max-width: 767px) { .con-blog-archive ul { gap: 48px; } }
.con-blog-archive ul li { display: flex; justify-content: space-between; border-bottom: 1px solid #DEDEDE; padding-bottom: 64px; }
@media only screen and (max-width: 767px) { .con-blog-archive ul li { flex-wrap: wrap; padding-bottom: 40px; } }
.con-blog-archive ul li .img { overflow: hidden; aspect-ratio: 4/3; }
@media only screen and (min-width: 768px) { .con-blog-archive ul li .img { width: 41.7%; } }
@media print { .con-blog-archive ul li .img { width: 41.7%; } }
.ie8 .con-blog-archive ul li .img { width: 41.7%; }
@media only screen and (max-width: 767px) { .con-blog-archive ul li .img { width: 45%; } }
.con-blog-archive ul li .img img { width: 100%; height: 100%; object-fit: cover; }
.con-blog-archive ul li .box-detail { display: flex; flex-direction: column; }
@media only screen and (min-width: 768px) { .con-blog-archive ul li .box-detail { width: 54.1%; } }
@media print { .con-blog-archive ul li .box-detail { width: 54.1%; } }
.ie8 .con-blog-archive ul li .box-detail { width: 54.1%; }
@media only screen and (max-width: 767px) { .con-blog-archive ul li .box-detail { display: contents; } }
.con-blog-archive ul li .box-detail h2 { font-size: 2rem; font-weight: 400; line-height: 1.43; padding-top: 80px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-blog-archive ul li .box-detail h2 { padding-top: 40px; } }
@media only screen and (max-width: 767px) { .con-blog-archive ul li .box-detail h2 { padding-top: 0; width: 50%; font-size: 1.7rem; } }
.con-blog-archive ul li .box-detail .txt-description { margin-top: 24px; color: #6E7283; }
@media only screen and (max-width: 767px) { .con-blog-archive ul li .box-detail .txt-description { width: 100%; } }
.con-blog-archive ul li .box-detail .button-secondary { margin-top: auto; text-align: right; }
@media only screen and (max-width: 767px) { .con-blog-archive ul li .box-detail .button-secondary { width: 100%; margin-top: 8px; } }
.con-blog-archive ul li .box-detail .button-secondary a { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
.con-blog-archive .page-nav { width: 100%; margin: 240px auto 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-blog-archive .page-nav { margin: 120px auto 0; } }
@media only screen and (max-width: 767px) { .con-blog-archive .page-nav { margin: 80px auto 0; } }
.con-blog-archive .page-nav .wrp-pagenavi { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 40px; }
@media only screen and (max-width: 767px) { .con-blog-archive .page-nav .wrp-pagenavi { gap: 2em; } }
.con-blog-archive .page-nav a, .con-blog-archive .page-nav span { font-size: 1.8rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "Marcellus", serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; display: inline-block; }
.con-blog-archive .page-nav a:after, .con-blog-archive .page-nav span:after { content: ""; background-color: #292929; width: 0; height: 1px; position: absolute; bottom: -8px; left: 0; }
@media only screen and (max-width: 767px) { .con-blog-archive .page-nav a, .con-blog-archive .page-nav span { font-size: 1.6rem; } }
.con-blog-archive .page-nav .prev svg { display: inline-block; transform: scale(-1, 1); }
.con-blog-archive .page-nav .current { color: #90825D; }
.con-blog-archive .page-nav .current:after { width: 100%; }
.con-blog-archive .page-nav .prev, .con-blog-archive .page-nav .next { margin-top: 5px; }
@media only screen and (min-width: 1025px) { .con-blog-archive .page-nav .prev:hover svg, .con-blog-archive .page-nav .next:hover svg { fill: #90825D; } }
@media print { .con-blog-archive .page-nav .prev:hover svg, .con-blog-archive .page-nav .next:hover svg { fill: #90825D; } }
.ie8 .con-blog-archive .page-nav .prev:hover svg, .ie8 .con-blog-archive .page-nav .next:hover svg { fill: #90825D; }
.con-blog-archive .page-nav .prev svg, .con-blog-archive .page-nav .next svg { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; width: 16px; fill: #6E7283; }
@media only screen and (min-width: 1025px) { .con-blog-archive .page-nav .page { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-blog-archive .page-nav .page:hover { color: #90825D; } }
@media print { .con-blog-archive .page-nav .page { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-blog-archive .page-nav .page:hover { color: #90825D; } }
.ie8 .con-blog-archive .page-nav .page { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-blog-archive .page-nav .page:hover { color: #90825D; }

/* ----------------------------------------------------------- .con-blog-article
----------------------------------------------------------- */
.con-blog-article { max-width: 960px; margin: 80px auto 240px; }
@media only screen and (max-width: 767px) { .con-blog-article { margin: 64px auto 120px; } }
.con-blog-article .wrap-article > *:first-child { margin-top: 0; }
.con-blog-article .wrap-article p { margin-top: 24px; line-height: 2; letter-spacing: 0.04em; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article p { margin-top: 8px; } }
.con-blog-article .wrap-article a:link { color: #90825D; text-decoration: underline; }
@media only screen and (min-width: 1025px) { .con-blog-article .wrap-article a:link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-blog-article .wrap-article a:link:hover { opacity: 0.6; } }
@media print { .con-blog-article .wrap-article a:link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-blog-article .wrap-article a:link:hover { opacity: 0.6; } }
.ie8 .con-blog-article .wrap-article a:link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-blog-article .wrap-article a:link:hover { opacity: 0.6; }
.con-blog-article .wrap-article figure { margin-top: 64px; }
.con-blog-article .wrap-article h2, .con-blog-article .wrap-article h3, .con-blog-article .wrap-article h4, .con-blog-article .wrap-article h5, .con-blog-article .wrap-article h6 { line-height: 1.43; letter-spacing: 0.04em; font-weight: 400; }
.con-blog-article .wrap-article h2, .con-blog-article .wrap-article h3 { margin-top: 80px; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article h2, .con-blog-article .wrap-article h3 { margin-top: 40px; } }
.con-blog-article .wrap-article h4, .con-blog-article .wrap-article h5, .con-blog-article .wrap-article h6 { margin-top: 40px; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article h4, .con-blog-article .wrap-article h5, .con-blog-article .wrap-article h6 { margin-top: 24px; } }
.con-blog-article .wrap-article h2 { font-size: 3.2rem; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article h2 { font-size: 2.4rem; } }
.con-blog-article .wrap-article h3 { font-size: 2.6rem; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article h3 { font-size: 2rem; } }
.con-blog-article .wrap-article h4 { font-size: 2rem; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article h4 { font-size: 1.8rem; } }
.con-blog-article .wrap-article h5 { font-size: 1.8rem; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article h5 { font-size: 1.6rem; } }
.con-blog-article .wrap-article h6 { font-weight: 700; }
.con-blog-article .wrap-article .wp-block-table { margin-top: 24px; }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article .wp-block-table { margin-top: 8px; } }
.con-blog-article .wrap-article .wp-block-list { padding-left: 1em; margin-top: 24px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-blog-article .wrap-article .wp-block-list { margin-top: 16px; } }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article .wp-block-list { margin-top: 8px; } }
.con-blog-article .wrap-article .wp-block-list li { list-style-type: disc; list-style-position: outside; }
.con-blog-article .wrap-article .wp-block-button { margin-top: 24px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-blog-article .wrap-article .wp-block-button { margin-top: 16px; } }
@media only screen and (max-width: 767px) { .con-blog-article .wrap-article .wp-block-button { margin-top: 8px; } }
.con-blog-article .wrap-article .wp-block-button a:link { text-decoration: none; }
.con-blog-article .button-basic { max-width: 260px; margin: 160px auto 0; }
@media only screen and (max-width: 767px) { .con-blog-article .button-basic { margin-top: 64px; } }

/* ----------------------------------------------------------- .con-otherblog
----------------------------------------------------------- */
.con-otherblog { border-top: 1px solid #292929; padding: 120px 0 160px; }
@media only screen and (max-width: 767px) { .con-otherblog { padding: 80px 0 40px; } }
.con-otherblog .box-otherblog .list-otherblog { display: flex; justify-content: space-between; }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog { flex-direction: column; gap: 40px; } }
@media only screen and (min-width: 1025px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog { width: 31.3%; } }
@media print { .con-otherblog .box-otherblog .list-otherblog .item-otherblog { width: 31.3%; } }
.ie8 .con-otherblog .box-otherblog .list-otherblog .item-otherblog { width: 31.3%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog { width: 30%; } }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog { width: 100%; border-top: 1px solid #DEDEDE; padding-top: 40px; } }
.con-otherblog .box-otherblog .list-otherblog .item-otherblog a { display: block; }
@media only screen and (min-width: 1025px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-otherblog .box-otherblog .list-otherblog .item-otherblog a:hover { opacity: 0.6; } }
@media print { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-otherblog .box-otherblog .list-otherblog .item-otherblog a:hover { opacity: 0.6; } }
.ie8 .con-otherblog .box-otherblog .list-otherblog .item-otherblog a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-otherblog .box-otherblog .list-otherblog .item-otherblog a:hover { opacity: 0.6; }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a { display: flex; justify-content: space-between; flex-wrap: wrap; } }
.con-otherblog .box-otherblog .list-otherblog .item-otherblog a .img { margin-bottom: 24px; overflow: hidden; width: 100%; aspect-ratio: 4/3; }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .img { width: 40%; margin-bottom: 0; } }
.con-otherblog .box-otherblog .list-otherblog .item-otherblog a .img img { width: 100%; height: 100%; object-fit: cover; }
.con-otherblog .box-otherblog .list-otherblog .item-otherblog a h3 { font-size: 2rem; font-weight: 400; line-height: 1.43; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a h3 { font-size: 1.8rem; } }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a h3 { width: 55%; font-size: 1.6rem; } }
.con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore { text-align: right; margin-top: 32px; }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore { width: 100%; margin-top: 8px; } }
.con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; gap: 0 24px; line-height: 1; font-family: "Marcellus", serif; font-weight: 400; font-style: normal; }
@media only screen and (min-width: 1025px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:hover { color: #90825D; }
  .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:hover:after { background-color: #292929; background-image: url(../assets/common/icon-arrow-wh.svg); } }
@media print { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:hover { color: #90825D; }
  .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:hover:after { background-color: #292929; background-image: url(../assets/common/icon-arrow-wh.svg); } }
.ie8 .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:hover { color: #90825D; }
.ie8 .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:hover:after { background-color: #292929; background-image: url(../assets/common/icon-arrow-wh.svg); }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span { gap: 0 8px; } }
.con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:after { content: ""; background-image: url(../assets/common/icon-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: 14px auto; width: 48px; height: 26px; border: 1px solid #DEDEDE; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; -ms-border-radius: 5rem; border-radius: 5rem; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media only screen and (max-width: 767px) { .con-otherblog .box-otherblog .list-otherblog .item-otherblog a .txt-viewmore span:after { background-size: 10px auto; width: 24px; height: 13px; } }