@charset "UTF-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common_style.css
 Style : common_style
================================================================= */
/* gradation */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.flex-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-ssp-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-ssp-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-ssp-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-sp-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-sp-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-sp-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-tab-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-tab-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-tab-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1000-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1000-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1000-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1100-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1100-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1100-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1200-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1200-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1200-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1300-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1300-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1300-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1400-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1400-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1400-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1500-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1500-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1500-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1600-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1600-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1600-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-bp1920-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-bp1920-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-bp1920-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-1 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-1 .box:nth-child(1n) {
    margin-right: 0;
  }
  .flex-drawer-1 .box:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-1 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-1 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-1 .blog_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .blog-drawer-1 .blog_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-1 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-1 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-1 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 0) / 1);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-1 .sns_list > div:nth-child(1n) {
    margin-right: 0;
  }
  .sns-drawer-1 .sns_list > div:not(:nth-child(1n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-ssp-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-ssp-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-ssp-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-sp-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-sp-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-sp-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-tab-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-tab-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-tab-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1000-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1000-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1000-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1100-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1100-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1100-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1200-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1200-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1200-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1300-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1300-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1300-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1400-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1400-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1400-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1500-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1500-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1500-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1600-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1600-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1600-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-bp1920-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-bp1920-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-bp1920-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-2 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-2 .box:nth-child(2n) {
    margin-right: 0;
  }
  .flex-drawer-2 .box:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-2 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-2 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-2 .blog_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .blog-drawer-2 .blog_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-2 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-2 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-2 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 1) / 2);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-2 .sns_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .sns-drawer-2 .sns_list > div:not(:nth-child(2n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-ssp-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-ssp-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-ssp-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-sp-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-sp-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-sp-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-tab-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-tab-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-tab-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1000-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1000-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1000-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1100-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1100-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1100-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1200-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1200-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1200-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1300-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1300-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1300-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1400-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1400-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1400-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1500-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1500-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1500-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1600-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1600-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1600-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-bp1920-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-bp1920-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-bp1920-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-3 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-3 .box:nth-child(3n) {
    margin-right: 0;
  }
  .flex-drawer-3 .box:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-3 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-3 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-3 .blog_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .blog-drawer-3 .blog_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-3 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-3 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-3 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 2) / 3);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-3 .sns_list > div:nth-child(3n) {
    margin-right: 0;
  }
  .sns-drawer-3 .sns_list > div:not(:nth-child(3n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-ssp-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-ssp-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-ssp-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-sp-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-sp-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-sp-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-tab-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-tab-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-tab-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1000-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1000-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1000-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1100-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1100-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1100-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1200-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1200-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1200-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1300-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1300-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1300-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1400-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1400-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1400-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1500-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1500-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1500-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1600-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1600-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1600-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-bp1920-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-bp1920-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-bp1920-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-4 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-4 .box:nth-child(4n) {
    margin-right: 0;
  }
  .flex-drawer-4 .box:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-4 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-4 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-4 .blog_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .blog-drawer-4 .blog_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-4 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-4 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-4 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 3) / 4);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-4 .sns_list > div:nth-child(4n) {
    margin-right: 0;
  }
  .sns-drawer-4 .sns_list > div:not(:nth-child(4n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-ssp-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-ssp-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-ssp-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-sp-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-sp-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-sp-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-tab-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-tab-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-tab-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1000-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1000-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1000-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1100-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1100-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1100-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1200-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1200-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1200-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1300-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1300-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1300-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1400-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1400-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1400-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1500-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1500-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1500-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1600-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1600-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1600-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-bp1920-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-bp1920-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-bp1920-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-5 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-5 .box:nth-child(5n) {
    margin-right: 0;
  }
  .flex-drawer-5 .box:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-5 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-5 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-5 .blog_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .blog-drawer-5 .blog_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-5 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-5 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-5 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 4) / 5);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-5 .sns_list > div:nth-child(5n) {
    margin-right: 0;
  }
  .sns-drawer-5 .sns_list > div:not(:nth-child(5n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-ssp-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-ssp-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-ssp-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-sp-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-sp-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-sp-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-tab-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-tab-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-tab-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1000-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1000-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1000-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1100-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1100-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1100-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1200-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1200-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1200-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1300-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1300-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1300-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1400-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1400-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1400-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1500-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1500-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1500-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1600-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1600-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1600-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-bp1920-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-bp1920-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-bp1920-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-6 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-6 .box:nth-child(6n) {
    margin-right: 0;
  }
  .flex-drawer-6 .box:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-6 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-6 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-6 .blog_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .blog-drawer-6 .blog_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-6 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-6 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-6 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 5) / 6);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-6 .sns_list > div:nth-child(6n) {
    margin-right: 0;
  }
  .sns-drawer-6 .sns_list > div:not(:nth-child(6n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-ssp-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-ssp-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-ssp-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-sp-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-sp-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-sp-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-tab-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-tab-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-tab-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1000-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1000-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1000-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1100-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1100-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1100-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1200-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1200-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1200-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1300-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1300-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1300-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1400-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1400-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1400-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1500-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1500-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1500-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1600-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1600-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1600-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-bp1920-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-bp1920-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-bp1920-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-7 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-7 .box:nth-child(7n) {
    margin-right: 0;
  }
  .flex-drawer-7 .box:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-7 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-7 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-7 .blog_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .blog-drawer-7 .blog_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-7 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-7 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-7 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 6) / 7);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-7 .sns_list > div:nth-child(7n) {
    margin-right: 0;
  }
  .sns-drawer-7 .sns_list > div:not(:nth-child(7n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-ssp-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-ssp-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-ssp-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-sp-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-sp-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-sp-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-tab-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-tab-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-tab-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1000-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1000-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1000-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1100-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1100-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1100-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1200-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1200-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1200-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1300-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1300-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1300-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1400-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1400-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1400-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1500-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1500-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1500-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1600-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1600-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1600-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-bp1920-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-bp1920-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-bp1920-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-8 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-8 .box:nth-child(8n) {
    margin-right: 0;
  }
  .flex-drawer-8 .box:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-8 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-8 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-8 .blog_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .blog-drawer-8 .blog_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-8 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-8 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-8 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 7) / 8);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-8 .sns_list > div:nth-child(8n) {
    margin-right: 0;
  }
  .sns-drawer-8 .sns_list > div:not(:nth-child(8n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-ssp-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-ssp-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-ssp-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-sp-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-sp-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-sp-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-tab-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-tab-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-tab-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1000-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1000-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1000-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1100-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1100-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1100-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1200-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1200-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1200-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1300-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1300-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1300-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1400-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1400-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1400-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1500-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1500-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1500-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1600-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1600-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1600-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-bp1920-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-bp1920-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-bp1920-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-9 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-9 .box:nth-child(9n) {
    margin-right: 0;
  }
  .flex-drawer-9 .box:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-9 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-9 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-9 .blog_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .blog-drawer-9 .blog_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-9 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-9 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-9 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 8) / 9);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-9 .sns_list > div:nth-child(9n) {
    margin-right: 0;
  }
  .sns-drawer-9 .sns_list > div:not(:nth-child(9n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-ssp-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-ssp-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-ssp-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-sp-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-sp-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-sp-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-tab-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-tab-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-tab-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1000-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1000-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1000-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1100-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1100-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1100-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1200-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1200-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1200-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1300-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1300-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1300-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1400-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1400-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1400-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1500-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1500-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1500-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1600-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1600-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1600-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-bp1920-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-bp1920-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-bp1920-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-10 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-10 .box:nth-child(10n) {
    margin-right: 0;
  }
  .flex-drawer-10 .box:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-10 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-10 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-10 .blog_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .blog-drawer-10 .blog_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-10 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-10 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-10 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 9) / 10);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-10 .sns_list > div:nth-child(10n) {
    margin-right: 0;
  }
  .sns-drawer-10 .sns_list > div:not(:nth-child(10n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-ssp-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-ssp-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-ssp-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-sp-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-sp-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-sp-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-tab-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-tab-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-tab-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1000-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1000-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1000-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1100-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1100-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1100-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1200-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1200-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1200-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1300-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1300-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1300-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1400-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1400-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1400-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1500-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1500-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1500-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1600-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1600-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1600-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-bp1920-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-bp1920-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-bp1920-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-11 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-11 .box:nth-child(11n) {
    margin-right: 0;
  }
  .flex-drawer-11 .box:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-11 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-11 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-11 .blog_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .blog-drawer-11 .blog_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-11 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-11 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-11 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 10) / 11);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-11 .sns_list > div:nth-child(11n) {
    margin-right: 0;
  }
  .sns-drawer-11 .sns_list > div:not(:nth-child(11n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 0px) {
  .flex-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .blog-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 0px) {
  .sns-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-ssp-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 400px) {
  .flex-ssp-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-ssp-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-ssp-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-ssp-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-ssp-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .blog-ssp-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-ssp-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-ssp-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-ssp-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-ssp-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 400px) {
  .sns-ssp-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-ssp-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-ssp-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-sp-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 640px) {
  .flex-sp-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-sp-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-sp-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-sp-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-sp-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .blog-sp-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-sp-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-sp-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-sp-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-sp-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 640px) {
  .sns-sp-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-sp-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-sp-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-tab-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 834px) {
  .flex-tab-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-tab-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-tab-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-tab-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-tab-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .blog-tab-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-tab-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-tab-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-tab-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-tab-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 834px) {
  .sns-tab-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-tab-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-tab-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1000-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1000px) {
  .flex-bp1000-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1000-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1000-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1000-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1000-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .blog-bp1000-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1000-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1000-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1000-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1000-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .sns-bp1000-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1000-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1000-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1100-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1100px) {
  .flex-bp1100-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1100-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1100-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1100-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1100-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .blog-bp1100-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1100-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1100-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1100-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1100-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1100px) {
  .sns-bp1100-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1100-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1100-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1200-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1200px) {
  .flex-bp1200-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1200-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1200-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1200-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1200-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .blog-bp1200-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1200-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1200-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1200-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1200-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1200px) {
  .sns-bp1200-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1200-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1200-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1300-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1300px) {
  .flex-bp1300-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1300-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1300-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1300-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1300-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .blog-bp1300-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1300-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1300-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1300-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1300-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1300px) {
  .sns-bp1300-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1300-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1300-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1400-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-bp1400-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1400-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1400-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1400-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1400-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-bp1400-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1400-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1400-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1400-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1400-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-bp1400-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1400-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1400-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1500-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1500px) {
  .flex-bp1500-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1500-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1500-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1500-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1500-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .blog-bp1500-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1500-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1500-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1500-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1500-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1500px) {
  .sns-bp1500-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1500-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1500-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1600-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1600px) {
  .flex-bp1600-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1600-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1600-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1600-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1600-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .blog-bp1600-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1600-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1600-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1600-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1600-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1600px) {
  .sns-bp1600-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1600-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1600-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-bp1920-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1920px) {
  .flex-bp1920-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-bp1920-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-bp1920-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-bp1920-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-bp1920-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .blog-bp1920-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-bp1920-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-bp1920-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-bp1920-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-bp1920-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1920px) {
  .sns-bp1920-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-bp1920-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-bp1920-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.flex-drawer-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
@media (min-width: 1400px) {
  .flex-drawer-12 .box {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .flex-drawer-12 .box:nth-child(12n) {
    margin-right: 0;
  }
  .flex-drawer-12 .box:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.blog-drawer-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.blog-drawer-12 .blog_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .blog-drawer-12 .blog_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .blog-drawer-12 .blog_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .blog-drawer-12 .blog_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

.sns-drawer-12 {
  --gutter-x: 0px;
  --gutter-y: 0px;
  margin-bottom: calc(var(--gutter-y) * -1);
}
.sns-drawer-12 .sns_list {
  flex-wrap: wrap;
  flex-direction: row;
}
@media (min-width: 1400px) {
  .sns-drawer-12 .sns_list > div {
    flex: 0 0 calc((100% - (var(--gutter-x)) * 11) / 12);
    margin-right: var(--gutter-x);
    margin-bottom: var(--gutter-y);
  }
  .sns-drawer-12 .sns_list > div:nth-child(12n) {
    margin-right: 0;
  }
  .sns-drawer-12 .sns_list > div:not(:nth-child(12n)) {
    margin-right: var(--gutter-x);
  }
}

@media (min-width: 0px) {
  .g-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 400px) {
  .g-ssp-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 640px) {
  .g-sp-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 834px) {
  .g-tab-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 1400px) {
  .g-drawer-1 {
    --gutter-x: calc(10px * 1);
    --gutter-y: calc(10px * 1);
  }
}

@media (min-width: 0px) {
  .g-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 400px) {
  .g-ssp-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 640px) {
  .g-sp-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 834px) {
  .g-tab-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 1400px) {
  .g-drawer-2 {
    --gutter-x: calc(10px * 2);
    --gutter-y: calc(10px * 2);
  }
}

@media (min-width: 0px) {
  .g-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 400px) {
  .g-ssp-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 640px) {
  .g-sp-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 834px) {
  .g-tab-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 1400px) {
  .g-drawer-3 {
    --gutter-x: calc(10px * 3);
    --gutter-y: calc(10px * 3);
  }
}

@media (min-width: 0px) {
  .g-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 400px) {
  .g-ssp-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 640px) {
  .g-sp-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 834px) {
  .g-tab-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 1400px) {
  .g-drawer-4 {
    --gutter-x: calc(10px * 4);
    --gutter-y: calc(10px * 4);
  }
}

@media (min-width: 0px) {
  .g-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 400px) {
  .g-ssp-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 640px) {
  .g-sp-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 834px) {
  .g-tab-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 1400px) {
  .g-drawer-5 {
    --gutter-x: calc(10px * 5);
    --gutter-y: calc(10px * 5);
  }
}

@media (min-width: 0px) {
  .g-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 400px) {
  .g-ssp-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 640px) {
  .g-sp-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 834px) {
  .g-tab-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 1400px) {
  .g-drawer-6 {
    --gutter-x: calc(10px * 6);
    --gutter-y: calc(10px * 6);
  }
}

@media (min-width: 0px) {
  .g-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 400px) {
  .g-ssp-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 640px) {
  .g-sp-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 834px) {
  .g-tab-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 1400px) {
  .g-drawer-7 {
    --gutter-x: calc(10px * 7);
    --gutter-y: calc(10px * 7);
  }
}

@media (min-width: 0px) {
  .g-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 400px) {
  .g-ssp-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 640px) {
  .g-sp-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 834px) {
  .g-tab-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 1400px) {
  .g-drawer-8 {
    --gutter-x: calc(10px * 8);
    --gutter-y: calc(10px * 8);
  }
}

@media (min-width: 0px) {
  .g-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 400px) {
  .g-ssp-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 640px) {
  .g-sp-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 834px) {
  .g-tab-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 1400px) {
  .g-drawer-9 {
    --gutter-x: calc(10px * 9);
    --gutter-y: calc(10px * 9);
  }
}

@media (min-width: 0px) {
  .g-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 400px) {
  .g-ssp-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 640px) {
  .g-sp-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 834px) {
  .g-tab-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 1400px) {
  .g-drawer-10 {
    --gutter-x: calc(10px * 10);
    --gutter-y: calc(10px * 10);
  }
}

@media (min-width: 0px) {
  .g-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 400px) {
  .g-ssp-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 640px) {
  .g-sp-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 834px) {
  .g-tab-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 1400px) {
  .g-drawer-11 {
    --gutter-x: calc(10px * 11);
    --gutter-y: calc(10px * 11);
  }
}

@media (min-width: 0px) {
  .g-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 400px) {
  .g-ssp-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 640px) {
  .g-sp-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 834px) {
  .g-tab-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1000px) {
  .g-bp1000-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1100px) {
  .g-bp1100-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1200px) {
  .g-bp1200-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1300px) {
  .g-bp1300-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1400px) {
  .g-bp1400-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1500px) {
  .g-bp1500-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1600px) {
  .g-bp1600-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1920px) {
  .g-bp1920-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

@media (min-width: 1400px) {
  .g-drawer-12 {
    --gutter-x: calc(10px * 12);
    --gutter-y: calc(10px * 12);
  }
}

.text-left {
  text-align: left !important;
}
@media (min-width: 0px) {
  .text-left * {
    text-align: left !important;
  }
}

.text-ssp-left {
  text-align: left !important;
}
@media (min-width: 400px) {
  .text-ssp-left * {
    text-align: left !important;
  }
}

.text-sp-left {
  text-align: left !important;
}
@media (min-width: 640px) {
  .text-sp-left * {
    text-align: left !important;
  }
}

.text-tab-left {
  text-align: left !important;
}
@media (min-width: 834px) {
  .text-tab-left * {
    text-align: left !important;
  }
}

.text-bp1000-left {
  text-align: left !important;
}
@media (min-width: 1000px) {
  .text-bp1000-left * {
    text-align: left !important;
  }
}

.text-bp1100-left {
  text-align: left !important;
}
@media (min-width: 1100px) {
  .text-bp1100-left * {
    text-align: left !important;
  }
}

.text-bp1200-left {
  text-align: left !important;
}
@media (min-width: 1200px) {
  .text-bp1200-left * {
    text-align: left !important;
  }
}

.text-bp1300-left {
  text-align: left !important;
}
@media (min-width: 1300px) {
  .text-bp1300-left * {
    text-align: left !important;
  }
}

.text-bp1400-left {
  text-align: left !important;
}
@media (min-width: 1400px) {
  .text-bp1400-left * {
    text-align: left !important;
  }
}

.text-bp1500-left {
  text-align: left !important;
}
@media (min-width: 1500px) {
  .text-bp1500-left * {
    text-align: left !important;
  }
}

.text-bp1600-left {
  text-align: left !important;
}
@media (min-width: 1600px) {
  .text-bp1600-left * {
    text-align: left !important;
  }
}

.text-bp1920-left {
  text-align: left !important;
}
@media (min-width: 1920px) {
  .text-bp1920-left * {
    text-align: left !important;
  }
}

.text-drawer-left {
  text-align: left !important;
}
@media (min-width: 1400px) {
  .text-drawer-left * {
    text-align: left !important;
  }
}

.text-center {
  text-align: center !important;
}
@media (min-width: 0px) {
  .text-center * {
    text-align: center !important;
  }
}

.text-ssp-center {
  text-align: center !important;
}
@media (min-width: 400px) {
  .text-ssp-center * {
    text-align: center !important;
  }
}

.text-sp-center {
  text-align: center !important;
}
@media (min-width: 640px) {
  .text-sp-center * {
    text-align: center !important;
  }
}

.text-tab-center {
  text-align: center !important;
}
@media (min-width: 834px) {
  .text-tab-center * {
    text-align: center !important;
  }
}

.text-bp1000-center {
  text-align: center !important;
}
@media (min-width: 1000px) {
  .text-bp1000-center * {
    text-align: center !important;
  }
}

.text-bp1100-center {
  text-align: center !important;
}
@media (min-width: 1100px) {
  .text-bp1100-center * {
    text-align: center !important;
  }
}

.text-bp1200-center {
  text-align: center !important;
}
@media (min-width: 1200px) {
  .text-bp1200-center * {
    text-align: center !important;
  }
}

.text-bp1300-center {
  text-align: center !important;
}
@media (min-width: 1300px) {
  .text-bp1300-center * {
    text-align: center !important;
  }
}

.text-bp1400-center {
  text-align: center !important;
}
@media (min-width: 1400px) {
  .text-bp1400-center * {
    text-align: center !important;
  }
}

.text-bp1500-center {
  text-align: center !important;
}
@media (min-width: 1500px) {
  .text-bp1500-center * {
    text-align: center !important;
  }
}

.text-bp1600-center {
  text-align: center !important;
}
@media (min-width: 1600px) {
  .text-bp1600-center * {
    text-align: center !important;
  }
}

.text-bp1920-center {
  text-align: center !important;
}
@media (min-width: 1920px) {
  .text-bp1920-center * {
    text-align: center !important;
  }
}

.text-drawer-center {
  text-align: center !important;
}
@media (min-width: 1400px) {
  .text-drawer-center * {
    text-align: center !important;
  }
}

.text-right {
  text-align: right !important;
}
@media (min-width: 0px) {
  .text-right * {
    text-align: right !important;
  }
}

.text-ssp-right {
  text-align: right !important;
}
@media (min-width: 400px) {
  .text-ssp-right * {
    text-align: right !important;
  }
}

.text-sp-right {
  text-align: right !important;
}
@media (min-width: 640px) {
  .text-sp-right * {
    text-align: right !important;
  }
}

.text-tab-right {
  text-align: right !important;
}
@media (min-width: 834px) {
  .text-tab-right * {
    text-align: right !important;
  }
}

.text-bp1000-right {
  text-align: right !important;
}
@media (min-width: 1000px) {
  .text-bp1000-right * {
    text-align: right !important;
  }
}

.text-bp1100-right {
  text-align: right !important;
}
@media (min-width: 1100px) {
  .text-bp1100-right * {
    text-align: right !important;
  }
}

.text-bp1200-right {
  text-align: right !important;
}
@media (min-width: 1200px) {
  .text-bp1200-right * {
    text-align: right !important;
  }
}

.text-bp1300-right {
  text-align: right !important;
}
@media (min-width: 1300px) {
  .text-bp1300-right * {
    text-align: right !important;
  }
}

.text-bp1400-right {
  text-align: right !important;
}
@media (min-width: 1400px) {
  .text-bp1400-right * {
    text-align: right !important;
  }
}

.text-bp1500-right {
  text-align: right !important;
}
@media (min-width: 1500px) {
  .text-bp1500-right * {
    text-align: right !important;
  }
}

.text-bp1600-right {
  text-align: right !important;
}
@media (min-width: 1600px) {
  .text-bp1600-right * {
    text-align: right !important;
  }
}

.text-bp1920-right {
  text-align: right !important;
}
@media (min-width: 1920px) {
  .text-bp1920-right * {
    text-align: right !important;
  }
}

.text-drawer-right {
  text-align: right !important;
}
@media (min-width: 1400px) {
  .text-drawer-right * {
    text-align: right !important;
  }
}

* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  counter-reset: number 0;
  line-height: 1.9;
  font-weight: 500;
  letter-spacing: 0.6;
  color: #333333;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 16px;
  word-wrap: break-word;
  overflow: hidden;
}

.inner {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 10px;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 468px) {
  .inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#contents_wrap {
  width: 100%;
  min-width: 100%;
}

#contents {
  width: 100%;
  max-width: 1000px;
  padding: 0 10px;
  padding-bottom: 100px;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  #contents {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 468px) {
  #contents {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#main {
  width: 100%;
}
#main #col_main {
  width: 100%;
}

.pankuzu {
  margin: 5px 0 50px 0;
  text-align: right;
  font-size: 13px;
}
.pankuzu a {
  color: #065b38;
  font-weight: bold;
}
.pankuzu a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 468px) {
  .pankuzu {
    font-size: 10px;
  }
}
@media only screen and (max-width: 468px) {
  .pankuzu a {
    display: block;
  }
}
.error_link a {
  color: #065b38;
}
.error_link a:hover {
  text-decoration: underline;
}

table {
  table-layout: fixed;
}
table td {
  padding: 0 !important;
}

.tlauto table {
  table-layout: auto;
}

table td img {
  height: auto !important;
}

.pdtd10 td {
  padding: 10px !important;
}

pre {
  margin: 0;
  padding: 0;
  white-space: pre-line;
}

b,
strong {
  font-weight: bold;
}

u {
  text-decoration: line-through;
}

img {
  max-width: 100%;
  height: auto !important;
}

small {
  display: block;
  font-size: 13px;
}

hr {
  border: none;
  height: 0;
  border-bottom: 1px dashed #b3b3b3;
}

span {
  font-weight: inherit;
}

u {
  text-decoration: underline;
}

b {
  font-weight: bold;
}

input[type=button] {
  cursor: pointer;
  padding: 5px 10px;
}

a {
  text-decoration: none;
  transition: all 0.3s;
}
a:hover {
  opacity: 0.8;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .imgR,
  .imgL {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 468px) {
  .imgR,
  .imgL {
    display: block;
    float: none;
    margin: 0 auto 10px;
    max-width: 100% !important;
    text-align: center;
  }
}
.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.gothic {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media only screen and (max-width: 468px) {
  .fltL,
  .fltR {
    float: none;
    width: 100% !important;
  }
  .sptal {
    text-align: left !important;
  }
  .sptar {
    text-align: right !important;
  }
  .sptac {
    text-align: center !important;
  }
  .spcenter {
    text-align: center;
    display: block;
    margin-top: 10px;
  }
}
header#global_header {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  header#global_header {
    padding-top: 48px;
  }
}
#header {
  width: 100%;
  padding: 15px 0;
}
#header #siteID {
  width: 40%;
  margin-top: 10px;
}
#header #siteID a {
  opacity: 1;
}
#header .fltR {
  width: 30%;
}

@media only screen and (max-width: 468px) {
  #header #siteID {
    width: 70% !important;
    margin: 0 auto 20px auto;
  }
}
@media only screen and (max-width: 468px) {
  #header .fltR {
    width: 60% !important;
    margin: 0 auto;
  }
}
.hed_inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 10px;
}

#nav_global {
  background-color: #065b38;
}
#nav_global #gnavi {
  display: flex;
  justify-content: flex-start;
}
#nav_global #gnavi li {
  flex-grow: 1;
  position: relative;
}
#nav_global #gnavi li a {
  display: block;
  padding: 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#nav_global #gnavi li a:hover {
  color: #ff7e00;
}
#nav_global #gnavi li .sub {
  position: absolute;
  top: 60px;
  left: 0px;
  width: 250px;
  background-color: rgba(6, 91, 56, 0.9);
  z-index: 100;
}
#nav_global #gnavi li .sub li {
  float: none;
  border-bottom: 1px dotted #fff;
}
#nav_global #gnavi li .sub li:last-of-type {
  border-bottom: 0;
}
#nav_global #gnavi li .sub li a {
  padding: 15px;
  display: block;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  #nav_global {
    display: none;
  }
}
#mainArea {
  width: 100%;
  overflow: hidden;
}

.mean-container .mean-bar {
  background: #065b38 !important;
  position: fixed !important;
}
.mean-container .mean-nav {
  background: #065b38 !important;
}
.mean-container .mean-nav ul li a {
  border-top: 1px solid #fff !important;
  padding: 2% 5% !important;
}
.mean-container .mean-nav ul li a.mean-expand {
  padding: 3.3% !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  /*background-color: #e9832f !important;*/
}
.mean-container .mean-nav ul li li a {
  width: 100% !important;
}

@media only screen and (max-width: 468px) {
  .mean-container .mean-nav ul li a.mean-expand {
    padding: 4.3% !important;
  }
}
footer#global_footer {
  width: 100%;
  min-width: 100% !important;
  height: auto;
  padding-top: 30px;
  background: #065b38 !important;
  color: #fff;
  font-size: 13px;
}
footer#global_footer #pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
}
footer#global_footer #pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #5d483e;
  border-radius: 50%;
}
footer#global_footer #pagetop a i {
  padding-top: 3px;
  color: #fff !important;
  font-size: 40px;
}
footer#global_footer address {
  width: 50%;
  text-align: left;
}
footer#global_footer address .fotID a {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
footer#global_footer address .tel {
  display: inline-block;
}
footer#global_footer address .tel a {
  color: #fff;
}
footer#global_footer #nav_footer {
  width: 50%;
}
footer#global_footer #nav_footer li {
  float: left;
  width: 50%;
  list-style-type: disc;
  text-align: left;
}
footer#global_footer #nav_footer li:before {
  padding: 0 8px;
}
footer#global_footer #nav_footer li a {
  color: #fff;
  text-decoration: none;
}
footer#global_footer #nav_footer li a:hover {
  text-decoration: underline;
}
footer#global_footer #copy {
  margin-top: 30px;
  padding: 10px;
}
footer#global_footer #copy a {
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 468px) {
  footer#global_footer #pagetop {
    right: 5px;
    bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  footer#global_footer address {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  footer#global_footer #nav_footer {
    display: none;
  }
}
@media only screen and (max-width: 468px) {
  footer#global_footer #copy {
    margin-top: 0;
    font-size: 3vw;
  }
}
/* index.html */
.index_contents #contents {
  max-width: 100% !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .index_contents #contents {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 468px) {
  .index_contents #contents {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.about_txt {
  color: #fff;
}
.about_txt img {
  float: right !important;
  margin-left: 20px;
}
.about_txt div {
  padding-right: 20px;
}

@media only screen and (max-width: 468px) {
  .about_txt img {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 468px) {
  .about_txt div {
    padding-right: 0;
  }
}
@media only screen and (max-width: 468px) {
  .about_txt div span {
    font-size: 16px !important;
  }
}
.top_menu {
  background: #ffc341;
  background: linear-gradient(to bottom, #ffc341 0%, #fffdca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
  padding: 2%;
}
.top_menu tr:first-of-type td div {
  background-color: #5d483e;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.top_menu tr:nth-of-type(2) td img {
  padding-bottom: 10px !important;
}
.top_menu td {
  border: 0 !important;
  text-align: center !important;
}
.top_menu td a {
  color: #5d483e;
  font-size: 20px;
  font-weight: bold;
}
.top_menu td a:hover {
  opacity: 0.7;
}

@media screen and (min-width: 769px) and (max-width: 990px) {
  .top_menu tr:first-of-type td div {
    font-size: 16px;
    padding: 5px 0;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .top_menu tr:first-of-type td div {
    font-size: 14px;
    padding: 5px 0;
  }
}
@media only screen and (max-width: 468px) {
  .top_menu tr:first-of-type td div {
    padding: 4px 0 !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 990px) {
  .top_menu td a {
    font-size: 16px;
  }
}
.wrap_voice {
  padding: 0 0 60px 0;
}

@media only screen and (max-width: 468px) {
  .wrap_voice {
    padding-bottom: 10px;
  }
}
.top_voice {
  border: 1px solid #4e9276;
  background-color: #fff;
  padding: 2%;
}
.top_voice tr:nth-of-type(2) td div {
  margin: 20px 0 10px 0;
  background-color: #065b38;
  text-align: center !important;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.top_voice td {
  border: 0 !important;
}

.news_txt {
  background-color: #fff;
  max-width: 940px;
  max-height: 365px;
  min-height: 365px;
  overflow-x: auto;
  margin: 0 auto;
  padding: 2.5% 5% 5% 5%;
}
.news_txt dl {
  padding: 15px 0 10px 0;
  border-bottom: 1px dotted #ccc;
}
.news_txt dt,
.news_txt dd {
  border: 0 !important;
  background-color: #fff !important;
  vertical-align: top;
}

@media only screen and (max-width: 468px) {
  .news_txt dl {
    display: block !important;
  }
}
@media only screen and (max-width: 468px) {
  .news_txt dt,
  .news_txt dd {
    width: 100% !important;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .news_txt dt {
    width: 25% !important;
  }
}
@media only screen and (max-width: 468px) {
  .news_txt dt {
    width: 120px !important;
  }
}
.wrap_contact {
  background: url(../images/contents/bg_contact03.png), url(../images/contents/bg_contact02.png), #fffee6;
  background-repeat: no-repeat;
  background-position: left 4% bottom 40px, right 5% bottom 40px;
  background-size: 16%, 12%;
  border: 1px solid #f13a12;
  border-radius: 0 0 20px 20px;
  padding: 30px 30px 50px 30px;
}

@media only screen and (max-width: 768px) {
  .wrap_contact {
    margin: 0 10px;
    background-position: left 5% bottom 20px, right 6% bottom 20px;
    padding-bottom: 23%;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_contact {
    background-position: left 5% bottom 20px, right 6% bottom 20px;
    padding-bottom: 25%;
  }
}
.tbl_shinryo {
  max-width: 500px;
  margin: 0 auto;
  background-color: #fff;
  font-weight: bold;
  border-radius: 6px;
}
.tbl_shinryo table {
  border-collapse: separate !important;
  border-radius: 6px;
  border: 1px solid #065b38;
}
.tbl_shinryo tr:first-of-type td {
  background-color: #065b38;
  color: #fff;
}
.tbl_shinryo tr:first-of-type td:last-of-type {
  border-right: 0 !important;
}
.tbl_shinryo tr:last-of-type td:last-of-type {
  border-right: 0 !important;
}
.tbl_shinryo td {
  border: 0 !important;
  border-right: 1px solid #065b38 !important;
  padding: 10px 0 !important;
  text-align: center !important;
}
.tbl_shinryo td:first-of-type {
  width: 33.5%;
}

/* osteopasthy.html */
@media only screen and (max-width: 468px) {
  .a_link {
    display: block;
  }
}
.a_link .box {
  width: 50%;
}
.a_link .box a {
  display: block;
  position: relative;
  background-color: #5d483e;
  margin-left: 8%;
  margin-bottom: 20px;
  padding: 18px 3px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
}
.a_link .box:nth-of-type(odd) a {
  margin-left: 0;
}

@media only screen and (max-width: 468px) {
  .a_link .box {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .a_link .box a {
    padding: 12px 0;
    font-size: 13px;
  }
}
@media only screen and (max-width: 468px) {
  .a_link .box a {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
.link_txt a {
  display: block;
  text-decoration: underline;
  color: #ff7e00;
  font-weight: bold;
}
.link_txt a:hover {
  text-decoration: none;
}

/* menu.html */
.value01 {
  border-bottom: 2px solid #f13a12;
  margin-bottom: 20px;
}
.value01 div {
  padding-bottom: 5px;
  font-size: 27px;
  font-weight: bold;
  color: #f13a12;
  line-height: 1.3;
}

@media only screen and (max-width: 468px) {
  .value01 div {
    background-color: #f13a12;
    padding: 10px;
    text-align: center !important;
    color: #fff;
    font-size: 22px;
    line-height: 1.5;
  }
}
.menu_info {
  justify-content: space-between;
}
.menu_info .box:first-of-type {
  width: 30%;
}
.menu_info .box:nth-of-type(2) {
  width: 68%;
  padding-left: 20px;
}
.menu_info .box img {
  width: 100% !important;
  border: 1px solid #065b38;
}

@media only screen and (max-width: 468px) {
  .menu_info {
    display: block !important;
  }
}
@media only screen and (max-width: 468px) {
  .menu_info .box:first-of-type {
    width: 100% !important;
  }
}
@media only screen and (max-width: 468px) {
  .menu_info .box:nth-of-type(2) {
    width: 100% !important;
    padding: 10px 0 0 0;
  }
}
.img_right {
  flex-direction: row-reverse !important;
  flex-direction: row-reverse;
}

.faqQ {
  margin: 70px auto 30px auto;
  border-bottom: 3px dotted #4e9276;
}
.faqQ h3 {
  background: url(../images/faq/icon_q.png) no-repeat;
  padding: 0px 0 10px 70px;
  font-size: 22px;
}

@media only screen and (max-width: 768px) {
  .faqQ h3 {
    padding: 0px 0 20px 70px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 468px) {
  .faqQ h3 {
    font-size: 16px;
  }
}
.faqA {
  min-height: 50px;
  background: url(../images/faq/icon_a.png) no-repeat;
  padding: 0px 0 3px 70px;
}

/* clinic.html */
.clinic_txt img {
  float: right !important;
  margin-left: 20px;
  border: 1px solid #065b38;
}
.clinic_txt div {
  padding-right: 20px;
}

@media only screen and (max-width: 468px) {
  .clinic_txt img {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 468px) {
  .clinic_txt div {
    padding-right: 0;
  }
}
.wrap_clinicList {
  background-color: #fff;
  margin: 30px auto;
  padding: 2%;
}
.wrap_clinicList li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.wrap_clinicList li:first-of-type {
  text-align: center !important;
}
.wrap_clinicList li h3 {
  display: inline-block;
  border-bottom: 2px dashed #065b38;
  font-size: 28px;
  font-weight: bold;
  color: #065b38;
  line-height: 1.5;
}
.wrap_clinicList h4 {
  margin: 30px auto 10px auto;
  font-size: 23px;
  font-weight: bold;
  color: #f13a12;
  line-height: 1.5;
}

@media only screen and (max-width: 468px) {
  .wrap_clinicList li {
    font-size: 16px;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_clinicList li h3 {
    font-size: 19px;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_clinicList li h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_clinicList h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_clinicList h4 {
    font-size: 20px;
  }
}
.num_houshin {
  width: 35px;
  display: inline-block;
  margin-right: 10px;
  background-color: #ff7e00;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 468px) {
  .wrap_clinicImg {
    display: block;
  }
}
.wrap_clinicImg .box {
  width: 32%;
  margin-left: 2%;
}
.wrap_clinicImg .box:first-of-type {
  margin-left: 0;
}
.wrap_clinicImg .box img {
  width: 100% !important;
}
.wrap_clinicImg .box h3 {
  padding: 10px;
  background-color: #f7fab0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.wrap_clinicImg .box p {
  display: none !important;
}

@media only screen and (max-width: 468px) {
  .wrap_clinicImg .box {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
}
.tbl_clinic {
  max-width: 100% !important;
}
.tbl_clinic table {
  table-layout: auto !important;
}
.tbl_clinic td {
  padding: 25px 0 !important;
}
.tbl_clinic td div {
  font-size: 20px;
}

.wrap_summary {
  display: flex;
  justify-content: flex-start;
}
.wrap_summary .box {
  width: 50%;
}
.wrap_summary .box:nth-of-type(3) {
  margin-left: 20px;
}
.wrap_summary .box img {
  width: 100% !important;
  border: 1px solid #065b38;
}

@media only screen and (max-width: 468px) {
  .wrap_summary {
    display: block;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_summary .box {
    width: 100%;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_summary .box:nth-of-type(3) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 468px) {
  .tbl_summary {
    margin-bottom: 10px;
  }
}
.tbl_summary td {
  padding: 15px !important;
}
.tbl_summary td:first-of-type {
  width: 150px;
  background-color: #065b38;
  text-align: center !important;
  color: #fff;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .tbl_summary td:first-of-type {
    width: 35%;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_map02 {
    display: block;
  }
}
.wrap_map02 .box {
  width: 49%;
  margin-left: 2%;
}
.wrap_map02 .box:first-of-type {
  margin-left: 0;
}
.wrap_map02 .box img {
  border: 1px solid #065b38;
}
.wrap_map02 iframe {
  height: 21vw;
  min-height: 307px;
  border: 1px solid #065b38 !important;
}

@media only screen and (max-width: 468px) {
  .wrap_map02 .box {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_map02 iframe {
    height: 39vw !important;
    min-height: 176px;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_map02 iframe {
    height: 300px !important;
    margin-bottom: 20px;
  }
}
/* voice.html */
.voice_style td {
  border: 0 !important;
}
.voice_style tr:nth-of-type(2) td div {
  text-align: center !important;
  font-size: 22px;
  font-weight: bold;
  color: #065b38;
}
.voice_style tr:nth-of-type(odd) td div {
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
}
.voice_style tr:first-of-type td div {
  margin-top: 0;
}

/* katakori.html */
.img_shojo {
  margin-top: 20px;
  text-align: center;
}

.style_shojo {
  padding: 4%;
  background-color: #065b38;
  border: 15px double #fff;
  border-radius: 10px;
  color: #fff;
}
.style_shojo li {
  display: block;
  width: 100%;
  padding: 10px 0;
}

.num_shojo {
  width: 35px;
  display: inline-block;
  margin-right: 10px;
  padding: 3px;
  background-color: #ff7e00;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}

/* sports.html */
@media only screen and (max-width: 468px) {
  .sports_flex {
    display: block;
  }
}
.sports_flex .box {
  width: 48%;
  margin-left: 4%;
}
.sports_flex .box:nth-of-type(odd) {
  margin-left: 0;
}
.sports_flex .box img {
  width: 100% !important;
}

@media only screen and (max-width: 468px) {
  .sports_flex .box {
    width: 100%;
    margin: 10px auto;
    margin-left: 0;
  }
}
.img_style {
  text-align: center !important;
}

@media only screen and (max-width: 468px) {
  .sp_style01 h3 {
    text-align: left !important;
  }
}
@media only screen and (max-width: 468px) {
  .sp_style01 h3 .pattern {
    display: inline-block !important;
    background-color: transparent !important;
    color: #065b38 !important;
  }
}
/* blog */
header:nth-of-type(1) {
  background: transparent !important;
}
header:nth-of-type(1) a {
  font-weight: bold;
}

/* box */
.home_td03 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 35px auto;
}
.home_td03 .box03 {
  width: 32%;
  margin-right: 1.3%;
  margin-bottom: 10px;
}
.home_td03 .box03:nth-of-type(3n) {
  margin-right: 0;
}
.home_td03 .box03 img {
  width: 100% !important;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .home_td03 {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 468px) {
  .home_td03 {
    margin-bottom: 10px;
    padding: 0 10% !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .home_td03 .box03 {
    width: 47%;
    margin-right: 5%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 468px) {
  .home_td03 .box03 {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .home_td03 .box03:nth-of-type(3n) {
    margin-right: 5%;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .home_td03 .box03:nth-of-type(even) {
    margin-right: 0;
  }
}
/* title */
.top_ttl01 {
  background-repeat: no-repeat;
  background-position: center;
}
.top_ttl01 h2 {
  padding-bottom: 25px;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .top_ttl01 {
    background-size: contain;
  }
}
@media only screen and (max-width: 468px) {
  .top_ttl01 {
    background-size: 90%;
  }
}
@media screen and (min-width: 769px) and (max-width: 990px) {
  .top_ttl01 h2 {
    padding: 15px 0 40px 0;
    font-size: 32px;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .top_ttl01 h2 {
    padding-bottom: 16px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 468px) {
  .top_ttl01 h2 {
    font-size: 32px;
  }
}
.top_ttl02 {
  background-repeat: no-repeat;
  background-position: top 20% right;
}
.top_ttl02 h2 {
  padding-top: 10px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}
.top_ttl02 h2:after {
  content: url(../images/common/ttl02.png);
}

@media screen and (min-width: 769px) and (max-width: 990px) {
  .top_ttl02 {
    background-size: 20%;
    background-position: top 20% right 3%;
  }
}
@media only screen and (max-width: 768px) {
  .top_ttl02 {
    background-position: center top;
  }
}
@media screen and (min-width: 769px) and (max-width: 990px) {
  .top_ttl02 h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .top_ttl02 h2 {
    padding-top: 160px;
    font-size: 26px;
    text-align: center;
  }
}
@media only screen and (max-width: 468px) {
  .top_ttl02 h2 {
    font-size: 18px;
  }
}
.top_ttl03 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.top_ttl03 h2 {
  margin-top: 25px;
  padding: 35px 0;
  font-size: 48px;
  font-weight: bold;
  color: #065b38;
  text-align: center;
}

@media screen and (min-width: 769px) and (max-width: 990px) {
  .top_ttl03 h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .top_ttl03 h2 {
    font-size: 30px;
  }
}
.top_ttl04 {
  background-color: #ffaf00;
  padding: 43.5px 0;
  text-align: center;
}
.top_ttl04 h2 {
  display: inline-block;
}

.top_ttl05 h2 {
  padding: 0 0 20px 0;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .top_ttl05 h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 468px) {
  .top_ttl05 h2 {
    font-size: 32px;
  }
}
.top_ttl06 {
  padding: 0;
}
.top_ttl06 h2 {
  padding: 27.5px 0;
  background-color: #f13a12;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 46px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .top_ttl06 {
    padding: 0 10px !important;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .top_ttl06 h2 {
    font-size: 29px;
  }
}
@media only screen and (max-width: 468px) {
  .top_ttl06 h2 {
    font-size: 18px;
  }
}
.top_ttl07 {
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 30px;
}
.top_ttl07 h2 {
  padding-top: 25px;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .top_ttl07 {
    background-size: 65%;
  }
}
@media only screen and (max-width: 468px) {
  .top_ttl07 {
    margin-bottom: 15px;
    padding: 0;
    background-size: contain;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .top_ttl07 h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 468px) {
  .top_ttl07 h2 {
    padding: 0;
    font-size: 30px;
  }
}
body header #local-keyvisual {
  position: relative;
}
body header #local-keyvisual #local-keyvisual-title {
  position: relative;
  margin: 0 auto;
  padding: 100px 0;
  background: rgba(28, 28, 28, 0.6);
  z-index: 1;
}
body header #local-keyvisual #local-keyvisual-title h1 {
  color: #fff;
  font-size: 37px;
  text-align: center;
}
body header #local-keyvisual #local-keyvisual-title:empty {
  display: none;
}
body header #local-keyvisual #local-keyvisual-bg,
body header #local-keyvisual .local-keyvisual-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-position: center center;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  body header #local-keyvisual #local-keyvisual-title {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 468px) {
  body header #local-keyvisual #local-keyvisual-title {
    padding: 50px 0;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  body header #local-keyvisual #local-keyvisual-title h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 468px) {
  body header #local-keyvisual #local-keyvisual-title h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  body header #local-keyvisual #local-keyvisual-title {
    font-size: 26px;
  }
}
.midashi01 h2 {
  margin: 100px 0 20px;
  padding: 20px;
  background: #065b38;
  font-size: 28px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
}
.midashi01 h3 {
  display: inline-block;
  margin: 50px 0 20px;
  border-bottom: 2px dashed #065b38;
  font-size: 20px;
  font-weight: bold;
  color: #065b38;
}

@media only screen and (max-width: 768px) {
  .midashi01 h2 {
    padding: 10px;
    font-size: 22px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi01 h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi01 h3 {
    font-size: 18px;
  }
}
.midashi02 h2 {
  margin: 100px 0 20px;
  padding-left: 10px;
  border: 2px solid #065b38;
  border-left: 10px solid #065b38;
  font-size: 34px;
  color: #065b38;
  font-weight: bold;
}
.midashi02 h3 {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  background: linear-gradient(transparent 65%, #fca463 35%);
  padding: 0 1em;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .midashi02 h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi02 h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi02 h3 {
    font-size: 22px;
  }
}
.midashi03 h2 {
  margin: 100px 0 20px;
  border-radius: 30px;
  border: 2px solid #065b38;
  background-color: #f7fab0;
  font-size: 30px;
  color: #065b38;
  font-weight: bold;
  text-align: center;
}
.midashi03 h3 {
  width: 70px;
  display: inline-block;
  margin-bottom: 5px;
  background-color: #065b38;
  border-radius: 3px;
  color: #fff;
  text-align: center !important;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .midashi03 h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi03 h2 {
    font-size: 22px;
  }
}
.midashi04 h2 {
  margin: 100px 0 20px;
  border-radius: 10px;
  border-bottom: 5px solid #03331f;
  background-color: #065b38;
  font-size: 34px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.midashi04 h3 {
  margin: 50px auto 20px auto;
  border-bottom: 2px solid #ccc;
  font-size: 28px;
  font-weight: bold;
}
.midashi04 h3 .pattern {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  color: #065b38;
}
.midashi04 h3 .pattern:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -2px;
  width: 145px;
  height: 2px;
  background-color: #065b38;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .midashi04 h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi04 h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .midashi04 h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi04 h3 {
    font-size: 22px;
    text-align: center !important;
  }
}
@media only screen and (max-width: 468px) {
  .midashi04 h3 .pattern {
    display: block;
    background-color: #065b38;
    color: #fff;
    text-align: center;
  }
}
@media only screen and (max-width: 468px) {
  .midashi04 h3 .pattern:before {
    display: none;
  }
}
.midashi05 h2 {
  margin: 100px 0 20px;
  border-bottom: 3px solid #065b38;
  font-size: 34px;
  color: #065b38;
  font-weight: bold;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .midashi05 h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi05 h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi05 h3 {
    font-size: 16px !important;
  }
}
.midashi06 h2 {
  background-color: #f7fab0;
  border-left: 10px solid #065b38;
  margin: 100px 0 20px;
  padding-left: 10px;
  font-size: 30px;
  color: #065b38;
  font-weight: bold;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .midashi06 h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 468px) {
  .midashi06 h2 {
    font-size: 22px;
  }
}
/* btn */
.btn_org {
  margin-bottom: 40px !important;
}
.btn_org h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .btn_org h3 {
    font-size: 2.9vw;
  }
}
@media only screen and (max-width: 468px) {
  .btn_org h3 {
    font-size: 18px;
  }
}
.btn_org02 a {
  display: block;
  width: 370px;
  margin: 20px auto 0 auto;
  padding: 12.5px;
  background-color: #ff7e00;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.btn_org02 a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 468px) {
  .btn_org02 a {
    width: 100%;
    font-size: 20px;
  }
}
.btn_orgTel {
  margin: 20px auto;
  text-align: center;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .btn_orgTel img {
    max-width: 100% !important;
  }
}
/* txt */
.pnt_txt div {
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 468px) {
  .pnt_txt div {
    font-size: 16px;
  }
}
.pnt_txt02 {
  max-width: 500px;
  margin: 0 auto;
}
.pnt_txt02 div {
  font-weight: bold;
  text-shadow: 0 0 10px #fff;
}

.pnt_txt03 {
  margin: 20px auto;
}
.pnt_txt03 .box {
  width: 31%;
  display: inline-block;
  margin-left: 3%;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(transparent 0%, #ff8d1e 60%);
  padding: 0 1em;
}
.pnt_txt03 .box:first-of-type {
  margin-left: 0;
}
.pnt_txt03 .box div {
  font-weight: bold;
}

@media only screen and (max-width: 468px) {
  .pnt_txt03 {
    display: block;
  }
}
@media screen and (min-width: 469px) and (max-width: 768px) {
  .pnt_txt03 .box {
    font-size: 18px;
  }
}
@media only screen and (max-width: 468px) {
  .pnt_txt03 .box {
    width: 100%;
    margin-left: 0;
  }
}
/* common */
.wrap_flex {
  display: flex;
  justify-content: flex-start;
}

.wrap_bg {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 35px 0 60px 0;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_bg {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_bg {
    padding: 35px 0;
  }
}
.wrap_bgGrn {
  padding: 50px 0 70px 0;
}

@media only screen and (max-width: 468px) {
  .wrap_bgGrn {
    padding: 35px 0 55px 0;
  }
}
.wrap_bg02 {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
}

@media screen and (min-width: 469px) and (max-width: 768px) {
  .wrap_bg02 {
    background-image: none !important;
    background-color: #f7fab0 !important;
  }
}
@media only screen and (max-width: 468px) {
  .wrap_bg02 {
    background-image: none !important;
    background-color: #f7fab0 !important;
    padding: 10px 0 30px 0;
  }
}
.wrap_bgGrn02 {
  background: linear-gradient(to bottom, #065b38, #06110c 50%, #065b38);
  position: relative;
  padding: 40px 0 60px 0;
}
.wrap_bgGrn02:before {
  content: url(../images/contents/bg_newsTop.png);
  position: absolute;
  top: -6px;
  left: -6px;
}
.wrap_bgGrn02:after {
  content: url(../images/contents/bg_newsBottom.png);
  position: absolute;
  bottom: -14px;
  right: -6px;
}

@media only screen and (max-width: 468px) {
  .wrap_bgGrn02 {
    margin: 0 10px;
  }
}
.bdr_grn {
  border: 1px solid #065b38;
}

.mg_t0 h3 {
  margin-top: 0;
}

.mg_t50 h2 {
  margin-top: 50px !important;
}

.bg_grn {
  background-color: #f7fab0 !important;
  margin: 30px auto;
  padding: 4%;
}

@media only screen and (max-width: 468px) {
  .sp_pd0 {
    padding: 0 10px 10px 10px !important;
  }
}
.txt_none article div {
  display: none !important;
}


.inner-full {
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
}

.inner-600 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-600 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-700 {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-700 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-800 {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-800 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-900 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-900 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1000 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1000 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1100 {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1100 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1200 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1200 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1300 {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1300 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1400 {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1400 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1500 {
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1500 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1600 {
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1600 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.inner-1920 {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 834px) {
  .inner-1920 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.fix-sns__insta a {
  background-color: aliceblue;
}
.fix-sns__insta .sns_list {
  border: none;
}
.fix-sns__insta .sns_list__list {
  display: block;
  border-bottom: none;
  border: none;
}
.fix-sns__insta .sns_list > div {
  border-bottom: none;
}
.fix-sns__insta .sns_list .sns_photo {
  width: 100%;
  padding: 0;
}
.fix-sns__insta .sns_list .sns_photo a {
  display: block;
}
.fix-sns__insta .sns_list .sns_text {
  width: 100%;
  padding: 0;
  font-size: 1rem;
}
.fix-sns__insta .sns_list .sns_text .caption {
  word-break: break-all;
}
.fix-sns__insta .sns_list .sns_text ul {
  display: none;
}

.fix-sns__inner {
  display: flex;
}
@media (max-width: 834px) {
  .fix-sns__inner {
    display: block;
  }
}
.fix-sns__insta {
  flex: 0 0 calc((100% - 40px) / 2);
  margin-right: 40px;
  max-height: 500px;
  overflow-y: scroll;
  --gutter-x: 2px;
  --gutter-y: 2px;
}
.fix-sns__insta::-webkit-scrollbar {
  width: 5px;
}
.fix-sns__insta::-webkit-scrollbar-track {
  background-color: transparent;
}
.fix-sns__insta::-webkit-scrollbar-thumb {
  background-color: #dadada;
  border-radius: 5px;
}
@media (max-width: 834px) {
  .fix-sns__insta {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.fix-sns__insta .sns_list > div .sns_text {
  display: none;
}
.fix-sns__insta .sns_list > div .sns_photo > a {
  position: relative;
  display: block;
}
.fix-sns__insta .sns_list > div .sns_photo > a:has(a) {
  display: block;
}
.fix-sns__insta .sns_list > div .sns_photo > a:before {
  content: "";
  display: block;
  padding-top: 100%;
  text-align: center;
}
.fix-sns__insta .sns_list > div .sns_photo > a > :first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.fix-sns__insta .sns_list > div .sns_photo > a > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.fix-sns__facebook {
  flex: 1 0 0;
}/*# sourceMappingURL=common_style.css.map */