/* common
-------------------- */
.m_ttl {
  text-align: center;
  margin-bottom: 47px;
}

.m_ttl span {
  letter-spacing: .08em;
  display: block;
}

.m_ttl_en {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.433333333;
}

.m_ttl_jp {
  font-size: 1.5rem;
  line-height: 1.466666666;
  margin-top: 6px;
}

.m_btn {
  margin-top: 44px;
}

.slick-dots {
  display: flex;
  justify-content: center;
}

.slick-dots li {
  font-size: 0;
  line-height: 0;
  margin: 0 10px;
}

.slick-dots li button {
  text-indent: 100%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  overflow: hidden;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background: #991017!important;
}

.slide_list .slick-arrow {
  position: absolute;
  bottom: 9px;
  z-index: 1;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  cursor: pointer;
}

.ie11 .slide_list .slick-arrow {
  bottom: -2px;
}

.slide_list .slick_prev {
  left:calc(50% - 98px);
  transform: translateX(-50%) rotate(135deg);
}

.slide_list .slick_next {
  right:calc(50% - 98px);
  transform: translateX(50%) rotate(-45deg);
}

.parallax_wrap {
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.iphone .parallax_wrap,
.ipad .parallax_wrap {
  background-attachment: scroll;
}

@media screen and (max-width: 767px) {
  .m_ttl {
    margin-bottom: 30px;
  }

  .m_ttl .m_ttl_en {
    letter-spacing: .008em;
  }
  
  .slide_list .slick-arrow {
    bottom: 6px;
  }
}

/* fv_wrap
-------------------- */
#fv_wrap {
  position: relative;
}

.ticker_wrap,
.news_wrap{
  position: relative;
  padding-top: 12px;
  background: #58534E;
  overflow: hidden;
}
.news_wrap{
  padding-bottom: 12px;
}
.ticker_wrap ul {
  position: relative;
  width: 100%;
}
.ticker_wrap ul li{
  text-align: center;
  display: none;
  font-size: 1.5rem;
  width: 100%;
  height: 40px;
  color: #fff;
}
.news_wrap ul li{
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  color: #fff;
}
.ticker_wrap a,
.news_wrap a{
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  margin: 0 auto;
  width: 90%;
  overflow: hidden;
}

#fv_wrap .inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 800px;
}

#fv_wrap .fv_bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#fv_wrap .backstretch {
  position: absolute;
  top: -50px;
  left: -50px;
  z-index: 1;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
}

#fv_wrap .ttl {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin: 100px 7.625% 0 0;
}

#fv_wrap .ttl span {
  font-weight: 500;
  letter-spacing: .08em;
  color: #fff;
  display: block;
}

#fv_wrap .ttl_txt {
  font-size: 4rem;
  line-height: 1.4;
}

#fv_wrap .ttl_lead {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 14px;
}

@media screen and (max-width: 767px) {
  #fv_wrap .ticker_wrap {
    padding-top: 11px;
  }

  #fv_wrap .ticker_wrap ul li {
    height: 36px;
  }

  #fv_wrap .ticker_wrap a {
    font-size: 1.4rem;
  }
  
  #fv_wrap .inner {
    height: 428px;
    background: url("../img/index/fv_bg01_sp.jpg") center center no-repeat;
    background-size: calc(100% + 100px) auto;
  }
  
  #fv_wrap .ttl {
    margin: 21px 2.102803738% 0 0;
  }

  #fv_wrap .ttl_txt {
    font-size: 2.7rem;
    line-height: 1.407;
  }

  #fv_wrap .ttl_lead {
    font-size: 1.1rem;
    line-height: 2.091;
    margin-top: 12px;
  }
}

/* slide01_wrap
-------------------- */
#slide01_wrap {
  position: relative;
  padding: 40px 0 55px;
  background: #fff;
}

#slide01_wrap .slide01_list{
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 1400px;
}

#slide01_wrap .slide01_list .item {
  margin: 0 10px;
  max-width: 304px;
}

#slide01_wrap .slide01_list a {
  display: block;
  overflow: hidden;
}

#slide01_wrap .slide01_list a span {
  display: block;
  overflow: hidden;
  z-index: -1;
  transition: .2s;
}

#slide01_wrap .slide01_list img {
  z-index: -1;
  width: 100%;
  transition: .2s;
  overflow: hidden;
}

#slide01_wrap .slick-arrow {
  position: absolute;
  top: 8.25vw;
  z-index: 1;
  width: 2.5vw;
  max-width: 40px;
  cursor: pointer;
}

#slide01_wrap .fv_slick_prev {
  left: -1.25vw;
}

#slide01_wrap .fv_slick_next {
  right: -1.25vw;
  transform: scale(-1,1);
}

#slide01_wrap .slick-dots {
  margin-top: 40px;
}

#slide01_wrap .slick-dots li {
  margin: 0 5px;
}

#slide01_wrap .slick-dots li button {
  width: 10px;
  height: 10px;
  background: #EEE7E2;
}

#campaign_banner {
  background: #F5F5F5;
  padding: 15px 0;
}
#campaign_banner a {
  display: block;
  padding: 15px;
}
#campaign_banner .item {
  max-width: 1200px;
}
@media screen and (min-width: 1600px) {
  #slide01_wrap .slick-arrow {
    top: 132px;
  }
  
  #slide01_wrap .fv_slick_prev {
    left: -30px;
  }

  #slide01_wrap .fv_slick_next {
    right: -30px;
  }
}

@media screen and (min-width: 768px) {
  #slide01_wrap .slide01_list a:hover {
    opacity: 1;
  }

  #slide01_wrap .slide01_list a:hover span {
    transform: scale(.96);
  }

  #slide01_wrap .slide01_list a:hover img {
    transform: scale(1.15);
  }
  
  #campaign_banner {
    margin-bottom: 50px;
  }
  #campaign_banner .slick-dots li {
    margin: 0 5px;
  }
  #campaign_banner .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width: 767px) {
  #slide01_wrap {
    padding: 24px 0 30px;
  }

  #slide01_wrap .slide01_list{
    width: 100%;
  }

  #slide01_wrap .slide01_list .item {
    margin: 0 2.803738317vw 0 0;
    width: 43.925233644vw;
  }

  #slide01_wrap .slick-arrow {
    top: 17.289719626vw;
    width: 9.345794392vw;
  }

  #slide01_wrap .fv_slick_prev {
    left: 2.336448598vw;
  }

  #slide01_wrap .fv_slick_next {
    right: 2.336448598vw;
  }

  #slide01_wrap .slick-dots {
    margin-top: 30px;
  }
  #campaign_banner {
    padding: 0 0 15px;
  }
}

/* new_arrival_wrap
-------------------- */
#new_arrival_wrap {
  position: relative;
  padding: 55px 0 80px;
  background: #fff;
}

#new_arrival_wrap .inner {
  margin: 0 auto;
  width: 90%;
  max-width: 1304px;
}

#new_arrival_wrap .m_ttl_en {
  letter-spacing: .008em;
}

#new_arrival_wrap .slide02_list .item {
  margin: 0 .383435582%;
}

#new_arrival_wrap .slide02_list a {
  display: block;
}

#new_arrival_wrap .slide02_list .image {
  overflow: hidden;
}

#new_arrival_wrap .slide02_list .image img {
  width: 100%;
  object-fit: scale-down;
  transition: .3s;
}

#new_arrival_wrap .slide02_list .sttl {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.625;
  margin-top: 19px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#new_arrival_wrap .slide02_list .price {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 15px;
}

#new_arrival_wrap .slide02_list .slick-dots {
  margin-top: 57px;
}

@media screen and (min-width: 768px) {
  #new_arrival_wrap .slide02_list a:hover {
    opacity: 1;
  }
  #new_arrival_wrap .slide02_list a:hover img {
    transform: scale(1.1);
  }
  #new_arrival_wrap .slide02_list .image img {
    height: 276px;
  }
}

@media screen and (max-width: 767px) {
  #new_arrival_wrap {
    padding: 29px 0 60px;
  }
  #new_arrival_wrap .inner {
    width: 100%;
  }
  #new_arrival_wrap .slide02_list .item {
    margin: 0;
    padding: 0 2.336448598vw;
    width: 43.925233644vw;
  }
  #new_arrival_wrap .slide02_list .item img {
    width: 100%;
  }
  #new_arrival_wrap .slide02_list .sttl {
    line-height: 1.5;
    margin-top: 1.401869158vw;
  }
  #new_arrival_wrap .slide02_list .price {
    margin-top: 2.803738317vw;
  }
  #new_arrival_wrap .slide02_list .slick-dots {
    margin-top: 57px;
  }
  #new_arrival_wrap .slide02_list .image img {
    height: 150px;
  }
}

/* ranking_wrap
-------------------- */
#ranking_wrap {
  position: relative;
  padding: 100px 0 74px;
  background: #F8F7F5;
}

#ranking_wrap .inner {
  margin: 0 auto;
  width: 90%;
  max-width: 1304px;
}

#ranking_wrap .m_ttl {
  margin-bottom: 40px;
}

#ranking_wrap .slide03_list .item {
  margin: 28px .479294478% 0;
}

#ranking_wrap .slide03_list a {
  position: relative;
  display: block;
}

#ranking_wrap .slide03_list .ico {
  position: absolute;
  top: -28px;
  left: -11px;
  z-index: 1;
  width: 40px;
}

#ranking_wrap .slide03_list .ico.circle {
  top: -10px;
  left: -10px;
}

#ranking_wrap .slide03_list .image {
  overflow: hidden;
}

#ranking_wrap .slide03_list .image img {
  width: 100%;
  object-fit: scale-down;
  transition: .3s;
}

#ranking_wrap .slide03_list .txt_wrap {
  display: flex;
  flex-direction: column;
  padding: 25px 20px 40px;
  min-height: 146px;
  background: #fff;
}

#ranking_wrap .slide03_list .sttl {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#ranking_wrap .slide03_list .price {
  font-size: 1.5rem;
  line-height: 1.466666666;
  margin-top: auto;
}

#ranking_wrap .slide03_list .slick-dots {
  margin-top: 53px;
}

#ranking_wrap .slide03_list .slick_prev {
  left:calc(50% - 72px);
}

#ranking_wrap .slide03_list .slick_next {
  right:calc(50% - 72px);
}

@media screen and (min-width: 768px) {
  #ranking_wrap .slide03_list .image img {
    height: 276px;
  }
  #ranking_wrap .slide03_list a:hover {
    opacity: 1;
  }

  #ranking_wrap .slide03_list a:hover .image img {
    transform: scale(1.1);
  }
}

@media screen and (max-width: 767px) {
  #ranking_wrap {
    padding: 60px 0 54px;
  }

  #ranking_wrap .inner {
    width: 100%;
  }

  #ranking_wrap .slide03_list .item {
    margin: 28px 0 0;
    padding: 0 1.168224299vw;
    width: 42.56074766vw;
  }

  #ranking_wrap .slide03_list .ico {
    left: -1.168224299vw;
    width: 40px;
  }

  #ranking_wrap .slide03_list .ico.circle {
    left: -1.168224299vw;
  }

  #ranking_wrap .slide03_list .image {
    border-radius: .934579439vw .934579439vw 0 0;
  }
  #ranking_wrap .slide03_list .image img {
    height: 150px;
  }

  #ranking_wrap .slide03_list .txt_wrap {
    padding: 15px 10px;
    min-height: 100px;
  }

  #ranking_wrap .slide03_list .sttl {
    line-height: 1.333;
  }

  #ranking_wrap .slide03_list .price {
    font-size: 1.6rem;
    line-height: 1.333;
  }

  #ranking_wrap .slide03_list .slick-dots {
    margin-top: 43px;
  }
}

/* products_wrap
-------------------- */
#products_wrap {
  position: relative;
  padding-top: 120px;
  background: #fff;
}

#products_wrap .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 40px;
  width: 90%;
  max-width: 1400px;
  border-bottom: 1px solid #ccc;
}

#products_wrap .list .item {
  margin: 0 1.428571428% 2.857142857%;
  width: 27.142857142%;
}

#products_wrap .list .link {
  display: block;
}

@media screen and (max-width: 767px) {
  #products_wrap {
    padding-top: 60px;
  }

  #products_wrap .list {
    justify-content: space-between;
    padding-bottom: 30px;
    width: 90.654205607%;
  }

  #products_wrap .list .item {
    margin: 0 0 2.577319587%;
    width: 48.195876288%;
  }

  #products_wrap .list .item img {
    width: 100%;
  }
}

/* scene_wrap
-------------------- */
#scene_wrap {
  position: relative;
  padding-top: 80px;
  background: #fff;
}

#scene_wrap .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 100px;
  width: 90%;
  max-width: 1000px;
}

#scene_wrap .list .item {
  margin: 0 2% 3%;
  width: 30%;
  max-width: 288px;
}
#scene_wrap .list .item p {
  background: #F8F7F5;
}

#scene_wrap .list .link {
  display: block;
}

#scene_wrap .parallax_wrap {
  width: 100%;
  height: 560px;
  background-image: url(../img/index/scene_parallax_pc.jpg);
}

@media screen and (max-width: 767px) {
  #scene_wrap {
    padding-top: 50px;
  }

  #scene_wrap .list {
    justify-content: space-between;
    padding-bottom: 50px;
    width: 90.654205607%;
  }

  #scene_wrap .list .item {
    margin: 0 0 2.577319587%;
    width: 48.195876288%;
  }

  #scene_wrap .list .link img {
    width: 100%;
  }

  #scene_wrap .parallax_wrap {
    height: 277px;
    background-image: url(../img/index/scene_parallax_sp.jpg?v=2);
  }
}

/* yomimono_wrap
-------------------- */
#yomimono_wrap {
  position: relative;
  padding: 100px 0 80px;
  background: #fff;
}

#yomimono_wrap .inner {
  margin: 0 auto;
  width: 90%;
  max-width: 1426px;
}

#yomimono_wrap .m_ttl {
  display: flex;
  align-items: center;
  margin: 0 auto 40px;
  max-width: 1386px;
}

#yomimono_wrap .m_ttl_jp {
  margin: 0 0 0 16px;
}

#yomimono_wrap .slide04_list .item {
  margin: 0 .155617802%;
}

#yomimono_wrap .slide04_list a {
  display: block;
}

#yomimono_wrap .slide04_list .image {
  position: relative;
  margin-bottom: 9px;
  overflow: hidden;
}

#yomimono_wrap .slide04_list .image::before {
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: .3s;
  pointer-events: none;
}

#yomimono_wrap .slide04_list .image img {
  width: 100%;
  transition: .3s;
}

#yomimono_wrap .slide04_list .date_category {
  letter-spacing: -1em;
}

#yomimono_wrap .slide04_list .date_category p {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  margin-top: 10px;
}

#yomimono_wrap .slide04_list .date {
  font-size: 1.3rem;
  letter-spacing: .08em;
  color: #969696;
  position: relative;
  top: 1px;
  margin-right: 12px;
}

#yomimono_wrap .slide04_list .category {
  font-size: 1.1rem;
  letter-spacing: 0;
  color: #fff;
  padding: 5px 9px 4px;
  border-radius: 50em;
  background: #58534E;
}

#yomimono_wrap .slide04_list .sttl {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 9px;
}

#yomimono_wrap .slide04_list .sttl span {
  position: relative;
  z-index: 1;
  display: inline-block;
}

#yomimono_wrap .slide04_list .sttl span::before {
  content:"";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 1px;
  background: #58534E;
  transition: .3s;
}

#yomimono_wrap .slide04_list .txt {
  font-size: 1.4rem;
  line-height: 1.714;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#yomimono_wrap .slide04_list .slick-dots {
  margin-top: 49px;
}

@media screen and (min-width: 768px) {
  #yomimono_wrap .slide04_list a:hover {
    opacity: 1;
  }

  #yomimono_wrap .slide04_list a:hover .sttl span::before {
    width: 100%;
  }
  
  #yomimono_wrap .slide04_list a:hover img {
    transform: scale(1.1);
  }

  #yomimono_wrap .slide04_list a:hover .image::before {
    opacity: .2;
  }
}

@media screen and (max-width: 767px) {
  #yomimono_wrap {
    padding: 50px 0 60px;
  }

  #yomimono_wrap .inner {
    width: 90.654205607%;
  }

  #yomimono_wrap .m_ttl {
    margin: 0 auto 30px;
  }

  #yomimono_wrap .m_ttl_jp {
    margin: 0 0 0 10px;
  }

  #yomimono_wrap .slide04_list .item {
    margin: 20px 0 0;
    padding-top: 20px;
    border-top: 1px solid #E6E6E6;
  }

  #yomimono_wrap .slide04_list .item:first-of-type {
    margin: 0;
    padding-top: 0;
    border-top: none;
  }

  #yomimono_wrap .slide04_list .item:nth-of-type(3) ~.item {
    display: none;
  }

  #yomimono_wrap .slide04_list a {
    display: flex;
  }

  #yomimono_wrap .slide04_list .image {
    margin: 0;
    width: 46.907216494%;
  }

  #yomimono_wrap .slide04_list .txt_wrap{
    padding-left: 2.803738317vw;
    width: calc(100% - 46.907216494%);
  }

  #yomimono_wrap .slide04_list .date_category p {
    margin-top: 0;
    margin-bottom: 10px;
  }

  #yomimono_wrap .slide04_list .date {
    font-size: 1.2rem;
    top: 0;
  }

  #yomimono_wrap .slide04_list .sttl {
    font-size: 1.4rem;
    letter-spacing: .08em;
    line-height: 1.714;
    margin-top: 0;
  }

  #yomimono_wrap .slide04_list .txt {
    display: none!important;
  }

  #yomimono_wrap .m_btn {
    margin-top: 40px;
  }
}

/* usersphoto_wrap
-------------------- */
#usersphoto_wrap {
  position: relative;
  padding: 100px 0 80px;
  background: #F8F7F5;
}

#usersphoto_wrap .m_ttl {
  margin-bottom: 25px;
}

#usersphoto_wrap .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#usersphoto_wrap .list::before,
#usersphoto_wrap .list::after {
  content:"";
  width: 19.333333333%;
}

#usersphoto_wrap .list::before {
  order: 1;
}

#usersphoto_wrap .list .item {
  margin-bottom: 10px;
  width: 19.333333333%;
}

#usersphoto_wrap .list .link {
  position: relative;
  display: block;
}

#usersphoto_wrap .list .link::before,
#usersphoto_wrap .list .link::after {
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: .3s;
  pointer-events: none;
}

#usersphoto_wrap .list .link::before {
  background: #fff;
  opacity: 0;
}

#usersphoto_wrap .list .link::after {
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: url(../img/common/ico_instagram_black.svg);
  transform: translate(-50%,-50%);
  opacity: 0;
}

#usersphoto_wrap .m_btn {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  #usersphoto_wrap .list .link:hover {
    opacity: 1;
  }
  
  #usersphoto_wrap .list .link:hover::before,
  #usersphoto_wrap .list .link:hover::after {
    opacity: .5;
  }
}

@media screen and (max-width: 767px) {
  #usersphoto_wrap {
    padding: 60px 0;
  }

  #usersphoto_wrap .m_ttl {
    margin-bottom: 40px;
  }

  #usersphoto_wrap .list::before,
  #usersphoto_wrap .list::after {
    display: none;
  }

  #usersphoto_wrap .list .item {
    margin-bottom: 2.06185567%;
    width: 48.969072164%;
  }

  #usersphoto_wrap .list .item:nth-of-type(10) ~ .item {
    display: none;
  }

  #usersphoto_wrap .list .item img {
    width: 100%;
  }

  #usersphoto_wrap .m_btn {
    margin-top: 30px;
  }
}

/* convey_wrap
-------------------- */
#convey_wrap {
  padding: 144px 0;
  background-image: url(../img/index/convey_parallax_pc.jpg);
}

#convey_wrap .box {
  position: relative;
  z-index: 1;
  margin-left: auto;
  width: 100%;
  max-width: 447px;
}

#convey_wrap .logo {
  width: 205px;
}

#convey_wrap .ttl {
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 1.7;
  letter-spacing: .2em;
  color: #fff;
  margin-top: 30px;
  position: relative;
  padding-top: 12px;
}
#convey_wrap .ttl span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
  letter-spacing: .4em;
}

#convey_wrap .txt {
  font-size: 1.4rem;
  line-height: 1.857;
  letter-spacing: .08em;
  color: #fff;
  margin-top: 17px;
}

#convey_wrap .m_btn {
  text-align: left;
  margin-top: 40px;
}

#convey_wrap .m_btn_link {
  color: #fff;
  padding: 17px 0 15px;
  border: 1px solid #fff;
  background-color: transparent;
}

#convey_wrap .m_btn_link::before {
  background: #fff;
}

@media screen and (min-width: 768px) {
  #convey_wrap .m_btn_link:hover {
    color: #58534E;
  }
}

@media screen and (max-width: 767px) {
  #convey_wrap {
    padding: 67px 0;
    background-image: url(../img/index/convey_parallax_sp.jpg);
  }

  #convey_wrap .box {
    margin: 0;
    max-width: 365px;
  }

  #convey_wrap .logo {
    width: 240px;
  }

  #convey_wrap .logo img {
    width: 100%;
  }

  #convey_wrap .ttl {
    font-size: 2.4rem;
    line-height: 1.417;
    letter-spacing: 0;
    margin-top: 20px;
  }

  #convey_wrap .txt {
    font-size: 1.5rem;
    line-height: 1.733;
    letter-spacing: 0;
    margin-top: 15px;
  }
}

/* news_wrap
-------------------- */
#news_wrap {
  position: relative;
  padding: 80px 0 100px;
  background: #fff;
}

#news_wrap .m_ttl {
  display: flex;
  align-items: center;
  margin: 0 auto 26px;
  width: 90%;
  max-width: 1296px;
}

#news_wrap .m_ttl_jp {
  margin: 0 0 0 12px;
}

#news_wrap .list .item {
  display: flex;
  flex-wrap: wrap;
  padding: 14px 0 22px;
  border-bottom: 1px solid #E6E6E6;
}

#news_wrap .list .item:last-of-type {
  border: none;
}

#news_wrap .date_category {
  letter-spacing: -1em;
  width: 212px;
}

#news_wrap .date_category p {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  margin-top: 10px;
}

#news_wrap .date_category .date {
  font-size: 1.3rem;
  letter-spacing: .08em;
  color: #000;
  position: relative;
  top: 1px;
  margin-right: 21px;
}

#news_wrap .date_category .category {
  font-size: 1.1rem;
  letter-spacing: 0;
  color: #fff;
  padding: 5px 9px 4px;
  border-radius: 50em;
  background: #58534E;
}

#news_wrap .ttl_wrap {
  margin-top: 9px;
  width: calc(100% - 212px);
}

#news_wrap .ttl_wrap .link {
  display: inline-block;
}

#news_wrap .ttl_wrap .sttl {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: .06em;
  color: #111;
}

#news_wrap .m_btn {
  margin-top: 36px;
}

@media screen and (max-width: 767px) {
  #news_wrap {
    padding: 60px 0;
  }

  #news_wrap .m_ttl {
    margin: 0 auto;
    width: 90.654205607%;
  }

  #news_wrap .m_ttl_jp {
    display: none;
  }

  #news_wrap .list .item {
    display: block;
    padding: 16px 0;
  }

  #news_wrap .date_category {
    width: 100%;
  }

  #news_wrap .date_category .date {
    font-size: 1.5rem;
    letter-spacing: 0;
    top: 1px;
    margin-right: 25px;
  }

  #news_wrap .date_category .category {
    letter-spacing: .06em;
    padding: 5px 11px 4px;
  }

  #news_wrap .ttl_wrap {
    margin-top: 13px;
    width: 100%;
  }

  #news_wrap .ttl_wrap .sttl {
    font-size: 1.5rem;
    line-height: 1.867;
  }

  #news_wrap .m_btn {
    margin-top: 34px;
  }
}