@charset "UTF-8";
/* Gulp compiles file */

.l-section_inner{
  min-height:0;
}

.mvArea .mv_inner{
  position:relative;
  z-index:0;
  width:100%;
  height:100vh;
}
.mvArea .mv_inner{
}
@supports not (height: 100dvh){
}
.mvArea .card{
  position:absolute;
  z-index:0;
  left:calc(50% - 17rem);
  top:calc(50% - 26.8rem - 3rem);
  display:block;
  width:34rem;
  height:53.6rem;
  background-image:url(/assets/img/common/base_bg.png);
  background-position:center center;
  background-size:150px 150px;
  border-top:1px solid rgba(var(--bc_white_RGB), 0.3);
  border-left:1px solid rgba(var(--bc_white_RGB), 0.3);
  -webkit-box-shadow:1rem 0.7rem 1rem rgba(var(--bc_black_RGB), 0.4);
  box-shadow:1rem 0.7rem 1rem rgba(var(--bc_black_RGB), 0.4);
  opacity:0;
  -webkit-transition:opacity 1s, -webkit-box-shadow 0.5s;
  transition:opacity 1s, -webkit-box-shadow 0.5s;
  transition:opacity 1s, box-shadow 0.5s;
  transition:opacity 1s, box-shadow 0.5s, -webkit-box-shadow 0.5s;
  will-change:filter;
  cursor:pointer;
}
.mvArea .card.active{
  opacity:1;
}
.no-touchevents .mvArea .card:hover{
  -webkit-box-shadow:1px 1px 1px rgba(var(--bc_black_RGB), 0.1);
  box-shadow:1px 1px 1px rgba(var(--bc_black_RGB), 0.1);
  will-change:filter;
}
.mvArea .txt_box{
  pointer-events:none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.mvArea .mvLogo{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  opacity:0;
  -webkit-transition:opacity 1s, -webkit-transform 0.7s;
  transition:opacity 1s, -webkit-transform 0.7s;
  transition:transform 0.7s, opacity 1s;
  transition:transform 0.7s, opacity 1s, -webkit-transform 0.7s;
  display:block;
  text-align:center;
  margin-top:-3rem;
}
.mvArea .mvLogo > span{
  display:inline-block;
  width:10rem;
  height:auto;
  aspect-ratio:10/15.6;
}
.mvArea .mvLogo > span img{
  width:100%;
  height:auto;
}
.mvArea .mvLogo.active{
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
}

.l-section.introduction .l-sec_tit{
  margin-bottom:15rem;
}
.l-section.introduction .l-sec_tit .m-catch + .m-catch{
  margin-top:2em;
}
.l-section.introduction .itemBox{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.l-section.introduction .itemBox + .itemBox{
  margin-top:5rem;
}
.l-section.introduction .itemBox .ph{
  width:20rem;
  height:24.2rem;
  background-color:rgba(var(--bc_white_RGB), 0.7);
  background-position:center center;
  background-size:150px 150px;
  border-top:1px solid rgba(var(--bc_white_RGB), 0.5);
  border-left:1px solid rgba(var(--bc_white_RGB), 0.3);
  -webkit-filter:drop-shadow(0.3rem 0.4rem 0.3rem rgba(var(--bc_black_RGB), 0.2));
  filter:drop-shadow(0.3rem 0.4rem 0.3rem rgba(var(--bc_black_RGB), 0.2));
  padding:0.7rem;
  padding-bottom:4.2rem;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.l-section.introduction .itemBox .txt_box{
  width:calc(100% - 20rem);
  padding-left:3rem;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.l-section.introduction .itemBox .figTit{
  margin-bottom:5rem;
}
.l-section.introduction .itemBox .figTit .name{
  font-weight:500;
  font-size:2rem;
  letter-spacing:0.12em;
  line-height:2;
  margin-bottom:0.5rem;
}
.l-section.introduction .itemBox .figTit .name[data-txt]{
  position:relative;
}
.l-section.introduction .itemBox .figTit .name[data-txt]:after{
  display:inline-block;
  margin-left:2rem;
  content:attr(data-txt) "";
  font-weight:500;
  font-size:1.3rem;
  letter-spacing:0.12em;
  line-height:0;
}
.l-section.introduction .itemBox .figTit .position{
  font-family:var(--ff_go);
  font-style:normal;
  font-weight:400;
  font-size:1.1rem;
  line-height:1.8;
  letter-spacing:0.12em;
}
.l-section.introduction .itemBox .detail{
  font-weight:300;
  font-size:1.4rem;
  letter-spacing:0.024em;
  line-height:2;
}
.l-section.introduction .itemBox .detail > dl{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.l-section.introduction .itemBox .detail > dl dt{
  white-space:nowrap;
  margin-right:1em;
}
.l-section.introduction .itemBox .detail p,
.l-section.introduction .itemBox .detail ul{
  margin-top:1em;
}
.l-section.introduction{
}
.l-section.archive .itemBox{
  position:relative;
  width:20rem;
  height:34.2rem;
  display:inline-block;
  vertical-align:top;
  margin-bottom:4rem;
}
.l-section.archive .itemBox.blank{
  background-color:rgba(var(--bc_white_RGB), 0.1);
}
.l-section.archive .itemBox > .in{
  margin:0.5rem;
}
.l-section.archive .itemBox .thumb{
  width:100%;
  height:13rem;
  background-color:var(--bc_black);
  margin-bottom:1.5rem;
}
.l-section.archive .itemBox .txt_box{
  position:relative;
  padding:0 0.5rem;
  height:17.5rem;
}
.l-section.archive .itemBox .txt_box .title{
  font-weight:500;
  font-size:1.3rem;
  letter-spacing:0.024em;
  line-height:2;
  margin-bottom:1.5rem;
}
.l-section.archive .itemBox .txt_box .caption{
  font-family:var(--ff_go);
  font-style:normal;
  font-weight:400;
  font-size:1.1rem;
  line-height:1.8;
  letter-spacing:0.12em;
}
.l-section.archive .itemBox .txt_box .credit{
  position:absolute;
  bottom:0;
  left:0.5rem;
  right:0.5rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  font-family:var(--ff_go);
  font-style:normal;
  font-weight:400;
  font-size:1.1rem;
  line-height:1.8;
  letter-spacing:0.12em;
  text-align:justify;
  text-justify:inter-ideograph;
}
.l-section.archive .itemBox .txt_box .credit li{
  position:relative;
  padding-left:2rem;
  line-height:1.4;
}
.l-section.archive .itemBox .txt_box .credit li + li{
  margin-top:0.4rem;
}
.l-section.archive .itemBox .txt_box .credit li:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:2rem;
  height:1.4rem;
  background-position:left center;
  background-repeat:no-repeat;
  background-size:1.3rem auto;
  opacity:0.7;
}
.l-section.archive .itemBox .txt_box .credit li.year:before{
  background-image:url(/assets/img/common/caption_ico_year.svg);
}
.l-section.archive .itemBox .txt_box .credit li.client:before{
  background-image:url(/assets/img/common/caption_ico_client.svg);
}
.l-section.archive .itemBox .txt_box .credit li.media:before{
  background-image:url(/assets/img/common/caption_ico_media.svg);
}
.l-section.archive .itemBox .txt_box .credit li.prd:before{
  background-image:url(/assets/img/common/caption_ico_prd.svg);
}
.l-section.archive .itemBox .txt_box .credit li.dir:before{
  background-image:url(/assets/img/common/caption_ico_dir.svg);
}
.l-section.archive .itemBox .txt_box .credit li.part:before{
  background-image:url(/assets/img/common/caption_ico_sirusi.svg);
}
.l-section.archive .card{
  background-image:url(/assets/img/common/base_bg.png);
  background-position:center center;
  background-size:150px 150px;
  border-top:1px solid rgba(var(--bc_white_RGB), 0.3);
  border-left:1px solid rgba(var(--bc_white_RGB), 0.3);
  -webkit-box-shadow:1rem 0.7rem 1rem rgba(var(--bc_black_RGB), 0.4);
  box-shadow:1rem 0.7rem 1rem rgba(var(--bc_black_RGB), 0.4);
  opacity:1;
  -webkit-transition:opacity 1s, -webkit-box-shadow 0.5s;
  transition:opacity 1s, -webkit-box-shadow 0.5s;
  transition:box-shadow 0.5s, opacity 1s;
  transition:box-shadow 0.5s, opacity 1s, -webkit-box-shadow 0.5s;
  will-change:filter;
}
.l-section.archive .card.blank .thumb{
  background-color:rgba(var(--bc_white_RGB), 0.3);
}
.l-section.archive .card.blank .thumb img{
  opacity:0.5;
}
.l-section.archive .card:not(.blank){
  cursor:pointer;
}
.no-touchevents .l-section.archive .card:not(.blank):hover{
  -webkit-box-shadow:0.1rem 0.1rem 0.1rem rgba(var(--bc_black_RGB), 0.1);
  box-shadow:0.1rem 0.1rem 0.1rem rgba(var(--bc_black_RGB), 0.1);
  will-change:filter;
}
.no-touchevents .l-section.archive .card:not(.blank):hover .thumb::before{
  opacity:1;
  background-color:red;
}
.no-touchevents .l-section.archive .card:not(.blank):hover .thumb::after{
  opacity:1;
}
.l-section.archive .link{
  text-align:right;
  margin-top:5rem;
}
.l-section.network .itemBox{
  background-color:rgba(var(--bc_white_RGB), 0.2);
  padding:7rem 5rem 5rem;
}
.l-section.network .itemBox .l-sec_tit{
  margin-bottom:5rem;
}
.l-section.network .itemBox .m-lead{
  position:relative;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  display:inline-block;
  font-weight:300;
  font-size:1.4rem;
  line-height:2;
}
.l-section.network .itemBox .link{
  margin-top:5rem;
  text-align:center;
}
.l-section.access .map iframe{
  max-width:88.5rem;
  width:100%;
  height:45rem;
}
.l-section.access .signature{
  letter-spacing:0.12em;
  line-height:2;
  margin-top:2rem;
}
.l-section.access .signature dl:not(.tel) > dt{
  font-size:1.5rem;
  font-weight:500;
}
.l-section.access .signature dl:not(.tel) > dd{
  font-size:1.4rem;
}
.l-section.access .signature .tel{
  font-size:1.4rem;
}
.l-section.access .signature.box{
  padding:3rem;
  border:1px solid rgba(var(--bc_black_RGB), 0.3);
}
.l-section.contact .l-section_inner .m-lead.confirm{
  margin-bottom:3rem;
}
.l-section.contact .l-section_inner .m-linklist{
  font-weight:300;
  font-size:1.4rem;
  letter-spacing:0.12em;
  line-height:2;
  margin-bottom:2em;
}
.l-section.contact .l-section_inner .m-headline{
  margin-bottom:3rem;
}
.l-section.fin .l-section_inner .fin_box .atn{
  display:inline-block;
  margin-top:5rem;
  padding:2rem 4rem;
  border:1px solid rgba(var(--bc_black_RGB), 0.3);
}
.l-section.fin .l-section_inner .fin_box .link{
  margin-top:10rem;
}
@media (width <= 460px){
  .mvArea .mv_inner{
    height:100dvh;
  }
    .mvArea .mv_inner{
      height:100vh;
    }
  .mvArea .card{
    left:calc(50% - 34vw);
    top:calc(50% - 53.6vw);
    display:block;
    width:68vw;
    height:107.2vw;
  }
  .mvArea .mvLogo{
    margin-top:0;
  }
  .l-section.introduction .l-sec_tit{
    margin-bottom:8rem;
  }
  .l-section.introduction .l-sec_tit .m-catch + .m-catch{
    margin-top:1.5em;
  }
  .l-section.introduction .itemBox{
    position:relative;
    display:block;
  }
  .l-section.introduction .itemBox .ph{
    position:absolute;
    top:0;
    right:0;
    width:calc(50% - 2rem);
    height:38vw;
    padding:0.5rem;
    padding-bottom:2.8rem;
  }
  .l-section.introduction .itemBox .txt_box{
    width:100%;
    padding:0;
  }
  .l-section.introduction .itemBox .figTit{
    width:100%;
    height:38vw;
    padding-right:50%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:1.5rem;
  }
  .l-section.introduction .itemBox .figTit .name{
    font-size:1.6rem;
    margin-bottom:2.5rem;
    padding-bottom:0.5rem;
  }
  .l-section.introduction .itemBox .figTit .name[data-txt]:after{
    position:absolute;
    left:0;
    bottom:0;
    margin-left:0;
    font-size:1.1rem;
  }
  .l-section.introduction .itemBox .figTit .position{
    font-size:1rem;
    line-height:1.6;
  }
  .l-section.introduction .itemBox .detail{
    font-size:1.2rem;
    letter-spacing:0.12em;
    text-align:justify;
    text-justify:inter-ideograph;
  }
  .l-section.archive .gallery{
    margin:0;
  }
  .l-section.archive .itemBox{
    width:100%;
    height:auto;
    margin-bottom:2rem;
  }
  .l-section.archive .itemBox.blank{
    display:none;
  }
  .l-section.archive .itemBox .thumb{
    position:absolute;
    top:0.5rem;
    left:0.5rem;
    width:40%;
    height:22.22vw;
    margin-bottom:10rem;
  }
  .l-section.archive .itemBox .txt_box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
    height:auto;
    padding-top:22.22vw;
    padding-bottom:1rem;
  }
  .l-section.archive .itemBox .txt_box .title{
    font-size:1.3rem;
    line-height:2;
    margin-top:1rem;
    margin-bottom:0;
  }
  .l-section.archive .itemBox .txt_box .caption{
    display:none;
  }
  .l-section.archive .itemBox .txt_box .credit{
    font-size:1rem;
    left:45%;
    top:0.5rem;
  }
  .l-section.archive .card{
    -webkit-filter:drop-shadow(0.5rem 0.4rem 0.5rem rgba(var(--bc_black_RGB), 0.2));
    filter:drop-shadow(0.5rem 0.4rem 0.5rem rgba(var(--bc_black_RGB), 0.2));
  }
  .l-section.archive .link{
    margin-top:3rem;
  }
  .l-section.network .itemBox{
    margin-left:-2rem;
    margin-right:-2rem;
    padding:3rem 2rem 3rem;
  }
  .l-section.network .itemBox .l-sec_tit{
    text-align:left;
    margin-bottom:3rem;
  }
  .l-section.network .itemBox .l-sec_tit .m-catch{
    text-align:justify;
    text-justify:inter-ideograph;
  }
  .l-section.network .itemBox .m-lead{
    font-size:1.2rem;
    letter-spacing:0.12em;
    line-height:2.2;
    text-align:justify;
    text-justify:inter-ideograph;
  }
  .l-section.network .itemBox .link{
    margin-top:2.5rem;
    padding:0 2rem;
  }
  .l-section.access .map iframe{
    width:100%;
    height:100vw;
  }
  .l-section.access .signature dl:not(.tel) > dt{
    font-size:1.3rem;
    margin-bottom:0.5em;
  }
  .l-section.access .signature dl:not(.tel) > dd{
    font-size:1.2rem;
  }
  .l-section.access .signature .tel{
    font-size:1.2rem;
    margin-top:0.5em;
  }
  .l-section.access .signature.box{
    padding:1.5rem 2rem;
  }
  .l-section.contact .l-section_inner .m-lead.confirm{
    margin-bottom:1.5rem;
  }
  .l-section.contact .l-section_inner .m-linklist{
    font-size:1.2rem;
  }
  .l-section.contact .l-section_inner .m-headline{
    margin-bottom:3rem;
  }
  .l-section.fin .l-section_inner .fin_box .m-headline{
    margin-bottom:1rem;
  }
  .l-section.fin .l-section_inner .fin_box .atn{
    margin-top:3rem;
    padding:1rem 1.5rem 1.5rem 2rem;
    font-size:1.1rem;
    text-align:justify;
    text-justify:inter-ideograph;
  }
  .l-section.fin .l-section_inner .fin_box .link{
    margin-top:4rem;
    margin-bottom:2rem;
  }
  .l-section.fin .l-section_inner .fin_box .link .m-btn01 + .m-btn01{
    margin-top:2rem;
  }
}
@media (width > 460px) and (orientation: portrait){
  .l-section.contact .l-section_inner{
    min-height:100vh;
  }
}
@media (width > 460px){
  .l-header{
    opacity:0;
    -webkit-transition:opacity 1s;
    transition:opacity 1s;
  }
  .l-header .header_inner .header_logo,
  .l-header .header_inner .header-g_nav{
    pointer-events:none;
  }
  .is-header_fix .l-header{
    opacity:1;
  }
  .is-header_fix .l-header .header_logo,
  .is-header_fix .l-header .header-g_nav{
    pointer-events:all;
  }
  body:has(.formArea.confirm, .contact.fin) .l-header{
    opacity:1 !important;
  }
  body:has(.formArea.confirm, .contact.fin) .l-header .header_logo,
  body:has(.formArea.confirm, .contact.fin) .l-header .header-g_nav{
    pointer-events:all !important;
  }
  .l-section.archive .gallery{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:2.2rem;
  }
  .l-section.fin .l-section_inner{
    min-height:100vh;
  }
}/*# sourceMappingURL=top.css.map */