html{scroll-behavior: smooth;}
.section__block--top-page {
  max-width: 1100px;
}
:root {
--green:#18783a;
--en-i:italic;
}

.banner__section {
  margin-top: 2px;
}

.news__lists {
  list-style-type: none;
  margin: 0 0 2em;
}

.news__list {
  margin-bottom: .5em;
}

.news__date {
  margin-right: 1em;
}

#fv {
  position:relative;
  top:0;
  height:100vh;
  display: flex;
  justify-content: stretch;
  margin:0 auto 40px;
}
#fv .bx-wrapper {
  width: 58.3333333%;
  padding:0;
  margin-top: 0;
  margin-bottom: 0;
}
.bx-wrapper .bx-caption {
  text-align: center;
  top: 0;
  bottom: auto;
}

#fv .bx-wrapper img {
  display: block;
  margin: 0;
  width: 100%;;
  height:100vh;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
.fv__body {
  width: 41.6666667%;
  display: flex;
  flex-direction: column;
  text-align:center;
  padding : 6rem 0 1rem;
}
.fv__title,
.top-copy__logo { width:55px; margin:auto auto 40px; }
.fv__body p:first-of-type {
  margin-bottom:auto;
}
.fv__body img {
  margin: auto;
  animation-name:fadeInAnime;
  animation-duration:3s;
  animation-fill-mode:forwards;
  opacity:0;
}
.fv__body .u-en ,
.top-copy__body.u-en{
  font-style: var(--en-i);
  letter-spacing: .3px;
  word-break: keep-all;
  padding: 0 1em;
  margin-top:auto;
}
.u-green {color:var(--green);}
.u-en {font-family:'Overpass',sans-serif;}
@keyframes fadeInAnime {
  from { opacity: 0;}
  to { opacity: 1;}
}
.top-copy__main {
  font-size:17px;
  font-weight:normal;
  text-align:center;
  margin:0 auto ;
}
.top-copy__body {
  font-size:18px;
  text-align:center;
  margin-bottom:0;
}
.top-copy__body br { display:none;}

.top-lead{ margin:0 auto 5em;}
.top-lead .section__title-h2 {font-size:2.2em;}
.top-lead .u-f-s { font-size:.65em;}

.category {
  width: 100%;
  display: flex;
  align-items:center;
}

.category__body {
  	display: flex;
    flex-direction: column;
    align-items: center;
  	 margin:auto;
}

.category__item { font-family:'Overpass',sans-serif;float:none; padding:0;margin-top:20px;}
.category__body+.category__item,
.category__item+.category__item,
.category__item+.category__body{ margin-left:2%;}
.category__ttl { font-size:26px; font-style: var(--en-i);letter-spacing: 1px; line-height: 1; margin-top:0;}
.category__item a { font-size:18px; text-align: center; color:#38271c;}
.category__item p { line-height: 1; margin-top: 1em;}
.news { border-bottom:solid 1px #38271c; margin:auto; padding-bottom: 1em;}
.news__head + div { margin:auto; }
.news__head {
  display: flex;
  align-items: center;
  margin:0 auto 1em;
}
.news__head:before,
.news__head:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #38271c;
}
.news__head:before { margin-right: 1rem;}
.news__head:after { margin-left: 1rem;}

.project {
	background-image: url(https://img07.shop-pro.jp/PA01445/825/etc/img_afd-bg-left.png),url(https://img07.shop-pro.jp/PA01445/825/etc/img_afd-bg-right.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 18.46%,18.46%;
	background-position: left top,right bottom;
	background-color: rgba(240,239,234);
	padding:7.1428em 0;
}
.project__inner {max-width: 1100px;display: flex;align-items: center;}
.project__ttl { font-size:26px;line-height: 1;margin:0 0 10px ;}
.project__ttl-sub {font-size:16px;line-height: 1.5;}
.project__img {
	background: url(https://img07.shop-pro.jp/PA01445/825/etc/top_project-img.jpg) center / cover no-repeat;
   aspect-ratio: 5/4;
  padding:0;
  margin-right:20px;
}
.project__body{
  background:url(https://img07.shop-pro.jp/PA01445/825/etc/top_bg-project-ttl.png) top 10% right 15% / 90px no-repeat;
}
.project__body div{
  width:80.13%;
  padding-top:10px;
  margin:4em auto 3em;
}

.link-area { float: none; margin:40px auto auto;}
.link-area__btn { margin:25px auto 0;}
.link-area__btn a{ display:block; color:#FFF; line-height:35px;}
.link-area__btn a:hover{color:#38271c;}
.link-area__btn:hover { background:#FFF;color:#38271c;  }
.project-act-prod__inner{display: flex;}
.project-act-prod__item:last-child {margin-left:40px;}
.project-act-prod__ttl,
.shop__ttl { font-size: 23px; font-weight:normal;}
.project-act-prod__ttl span ,
.shop__ttl span{ 
  font-family:Yu Gothic Medium,Þ⥴¥·¥Ã¥¯ Medium,YuGothic,Þ⥴¥·¥Ã¥¯ÂÎ,¥Ò¥é¥®¥Î³Ñ¥´ Pro W3,¥á¥¤¥ê¥ª,sans-serif !important;
  font-size: 14px;
  margin-left: 1em;
}
.project-act-prod__ttl + p { height:6em;}
.project-act-prod figure { margin:25px auto;}
/* sns-link */
.sns-link {
  background-color: rgba(240,239,234,.5);
  padding:50px 0;
}
.sns-link iframe { margin-bottom:40px;}
.icon img {
  display:block;
  width: 20px;
  margin: 0 auto 5px;
}
/* shop */
.shop__item { display:flex; margin-top: 40px;}
.shop__name-link {
  font-family:'Overpass',Yu Gothic Medium,Þ⥴¥·¥Ã¥¯ Medium,YuGothic,Þ⥴¥·¥Ã¥¯ÂÎ,¥Ò¥é¥®¥Î³Ñ¥´ Pro W3,¥á¥¤¥ê¥ª,sans-serif !important;
  font-size: 18px;
  line-height:1.5;
  font-weight:normal;
  margin-bottom:15px;
}
.shop__name-link span { font-size: 14px;font-family:'Overpass',sans-serif;}
.shop__logo { width:100px;margin: 0;}

.u-green {color:var(--green);}
.u-en {font-family:'Overpass',sans-serif;}

@media (max-width: 1100px) {
#fv,.fv__body {height: auto;}
  .fv__body { padding:0 1em;}
  #fv .bx-wrapper img {height: auto; object-fit: contain;}

  .project__body{
  background:url(https://img07.shop-pro.jp/PA01445/825/etc/top_bg-project-ttl.png) top right 10% / 80px no-repeat;
}
  .project__body div { width:85.13%; margin:0 auto;}
  .project__img { aspect-ratio: 1/1;}
}
@media (max-width: 768px) {
  #fv { flex-direction: column;}
  .fv__body { width:100%; padding: 4rem 0 1rem;}
  #fv .bx-wrapper{ width:100%;}
  .fv__body .u-en{ padding-top:1.5rem ;}
  .top-copy__body {  font-size:16px;}
.category__ttl,.project__ttl {font-size: 24px;}
.category__body {
    text-align: center;
    margin:0;
  }
.category +.category .category__item:nth-child(odd) {padding-right:1%;margin-left:0;}
.category +.category .category__item:nth-child(even) {padding-left:1%;margin-left:0;}
  .category:first-child,
  .project-act-prod__inner,
  .shop__wrap{flex-direction: column;}
  .category+.category{ flex-wrap:wrap;}
  .category+.category+.category{
  flex-direction: column-reverse;
  padding-top: 60px;
  }

.project {background-size: 200px,200px;}
.project__inner{flex-direction:column; }
.project__img { aspect-ratio: 5/4; margin:auto;}
.project__body{
  background:url(https://img07.shop-pro.jp/PA01445/825/etc/top_bg-project-ttl.png) top right 5% / 90px no-repeat;
  margin-top:3em;
}
  .project__body div { width:100%;}
  .project__ttl-sub {font-size:15px;}  
  .project-act-prod__item:last-child {margin-left:0;}
  .project-act-prod__ttl + p { height:auto;}
  .shop__item { display:block;}
  .shop__img { margin-top: 20px; margin-bottom:40px;}
}
@media (max-width: 530px) {.top-copy__body br {display: block;}}

@media (max-width: 480px) and (orientation: portrait){
  #fv {height: 100vh; margin:0 auto 80px; }
  .fv__body { margin:auto;padding:2rem0 0;}
  .news__date { display:block;}
}
@media (max-width: 480px) {
.project__body {
    background: url(https://img07.shop-pro.jp/PA01445/825/etc/bg-project-ttl.png) top 15px right / 70px no-repeat;}
}