/*
Theme Name: b	
Theme URI: https://dessin.work/
Description: dessin Inc. Client theme.
Author: dessin Inc. development team [Yuki Fujii]
Version: 2023-08-03
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  color: #000;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-family: "Noto Sans", sans-serif;
}
input {
  font-family: "Noto Sans", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font: inherit;
  background-color: #eee;
}
html {
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}
a:hover img {
  opacity: 0.8;
}
img, iframe {
  vertical-align: bottom;
  max-width: 100%;
  background: transparent;
  transition: 0.3s;
}
input[type=submit], input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
        appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus, input[type=button]::focus {
  outline-offset: -2px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
.grecaptcha-badge {
  display: none;
}
.clear:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.df {
  display: flex;
}
.sb {
  justify-content: space-between;
}
.fw {
  flex-wrap: wrap;
}
.w90 {
  margin: 0 auto;
  width: 90%;
}
.smt{
    scroll-margin-top: 200px;
}
#opening {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.opening-logo {
  position: relative;
  z-index: 2;
  width:100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  animation:logoZoomOut 2s ease forwards 3s;
}
@keyframes logoZoomOut {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}

header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 35px 1%;
    align-items: center;
    box-sizing: border-box;
    transition: .3s;
}
header.sub{
    padding: 0 1%;
    background-color: #EEEEEE;
}
header.sub .headerInner{
    padding: 44px 0;
    align-items: center;
}
header.sub .pankuzu{
    border-top: 1px solid #707070;
    padding: 15px 0;
    font-size: 12px;
    font-weight: 600;
}
header.sub .pankuzu a{
    font-size: 12px;
    font-weight: 600;
}
header.down{
    background-color: rgba(0,0,0,0.6);
    backdrop-filter: blur(10px);
    padding: 12px 2%;
}
header.pc{
    z-index: 999;
}
header.sp{
    display: none;
}
header.pc nav{
    margin-left: 5%;
}
header.pc nav ul li{
    margin-right: 22px;
}
header.pc nav ul li a{
    color: #fff;
    font-style: 15px;
    font-weight: 600;
}
header.pc.sub nav ul li a{
    color: #000;
}
header .telLink{
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
header .telLink .icon{
    width: 29px;
    height: 29px;
    display: block;
    margin-right: 10px;
    background: url('/wp-content/themes/b/img/icon_tel.svg') no-repeat center;
    background-size: contain;
}
header.pc.sub .telLink .icon{
    background: url('/wp-content/themes/b/img/icon_tel_k.svg') no-repeat center;
    background-size: contain;
}
header .telLink p{
    font-size: 25px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    color: #fff;
}
header.pc.sub .telLink p{
    color: #000;
}
header .telLink p span{
    display: block;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    margin-top: -7px;
}
header.pc.sub .telLink p span{
    color: #000;
}
header .reserveLink{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 159px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 24px;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 0 5%;
    transition: .3s;
}
header.pc.sub .reserveLink{
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}
header .reserveLink:hover{
    background-color: #000;
    color: #fff;
}
header.pc.sub .reserveLink:hover{
    background-color: #fff;
    color: #000;
}
.mainVisual{
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    margin-bottom: 60px;
}
.mainVisual .imgBox{
    width: 100%;
    height: 100%;
}
.mainVisual .imgBox video{
    width: 100%;
} 
.mainVisual .imgBox #home-header-sp{
    display: none;
}
.mainVisual .newPost{
    position: absolute;
    bottom: 2%;
    left: 2%;
}
.mainVisual .newPost p{
    color: #fff;
    font-weight: 600;
    font-family: din-2014, sans-serif;
}
.mainVisual .newPost .postDate{
    padding-right: 0.5em;
    margin-right: 0.5em;
    border-right: 2px solid #fff;
    margin-bottom: 10px;
}
.mainVisual .newPost .postTit{
    font-size: 15px;
    font-weight: 400;
}
.tit1{
    font-size: 42px;
    font-weight: 700;
    font-family: avenir-lt-pro, sans-serif;
}
.tit1 span{
    font-size: 15px;
    font-weight: 600;
    display: block;
}
.topBlock1 {
    margin-bottom: 121px;
    width: 98%;
    margin: 0 auto 121px;
    scroll-margin-top: 100px;
}
.topBlock1 .tit1{
    margin-bottom: 17px;
}
.topBlock1 .topBlock1Inner{
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}
.topBlock1 .topBlock1Inner .box{
    border-right: 1px solid #707070;
    box-sizing: border-box;
}
.topBlock1 .topBlock1Inner .box h4{
    font-weight: 700;
    font-family: din-2014, sans-serif;
    display: flex;
    align-items: center;
}
.topBlock1 .topBlock1Inner .box h4 span{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 7px;
}
.topBlock1 .topBlock1Inner .box.no1{
    width: 30%;
    padding: 78px 3%;
}
.topBlock1 .topBlock1Inner .box.no1 img{
    display: block;
    margin-bottom: 85px;
}
.topBlock1 .topBlock1Inner .box.no1 h3{
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 46px;
}
.topBlock1 .topBlock1Inner .box.no1 .note{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 61px;
    line-height: 32px;
}
.linkBtn{
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    position: relative;
    border: 1px solid #000;
    transition: .3s;
}
.linkBtn:hover{
    background-color: #fff;
    color: #000;
}
.linkBtn.ver1{
    width: 233px;
    height: 59px;
}
.linkBtn.ver1 .icon{
    width: 10px;
    height: 10px;
    display: block;
    background: url('/wp-content/themes/b/img/linkArrow_w.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}
.linkBtn.ver1:hover .icon{
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
}
.topBlock1 .topBlock1Inner .box.no2{
    width: 25%;
    padding: 69px 3% 64px;
} 
.topBlock1 .topBlock1Inner .box.no2 h4{
    margin-bottom: 84px;
}
.topBlock1 .topBlock1Inner .box.no2 ul li{
    margin-bottom: 40px;
}
.topBlock1 .topBlock1Inner .box.no2 ul li h5{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 9px;
}
.topBlock1 .topBlock1Inner .box.no2 ul li p{
    font-size: 15px;
    font-weight: 400;
}
.topBlock1 .topBlock1Inner .box.no3{
    width: 45%;
    border-right: none;
    padding: 69px 3%;
} 
.topBlock1 .topBlock1Inner .box.no3 .txtBox{
    align-items: center;
}
.topBlock1 .topBlock1Inner .box.no3 .txtBox .parking{
    display: flex;
    align-items: center;
}
.topBlock1 .topBlock1Inner .box.no3 .txtBox .parking span{
    display: block;
    width: 21px;
    height: 16px;
    margin-right: 6px;
    background: url('/wp-content/themes/b/img/icon_parking.jpg') no-repeat center;
    background-size: cover;
}
.topBlock1 .topBlock1Inner .box.no3 .txtBox .parking p{
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
}
.topBlock1 .topBlock1Inner .box.no3 .txtBox .note{
    font-size: 14px;
    font-weight: 500;
    margin-left: 44px;
}
.topBlock2{
    width: 98%;
    margin: 0 auto 190px;
}
.topBlock2 .tit1{
    margin-bottom: 17px;
}
.topBlock2 .service{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 85px 18px;
    padding: 138px 0 0;
    border-top: 1px solid #707070;
}
.topBlock2 .serviceWrap.sp{
    display: none;
}
.topBlock2 .service li img{
    transition: .3s;
}
.topBlock2 .service li a .imgBox {
    overflow: hidden;
    aspect-ratio: 1/1;
    margin-bottom: 34px;
}
.topBlock2 .service li a:hover .imgBox img{
    transform:scale(1.1,1.1);
}
.topBlock2 .service li h3{
    font-size: 22px;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 13px;
}
.topBlock2 .service li .note{
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 37px;
}
.topBlock2 .service li .tagList{
    display: flex;
    flex-wrap: wrap;
}
.topBlock2 .service li .tagList li{
    padding: 6px 8px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 22px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 6px;
    margin-bottom: 7px;
}
.topBlock3{
    margin-bottom: 159px;
}
.topBlock3.sp{
    display: none;
}
.topBlock3Inner{
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    width: 98%;
    margin: 0 auto;
}
.topBlock3Inner .left {
    width: 30%;
    padding: 40px 0;
    border-right: 1px solid #707070;
}
.topBlock3Inner .left .tit1{
    margin-bottom: 109px;
}
.topBlock3Inner .left .categoryLinks{
    width: fit-content;
    margin-left: 10%;
    margin-bottom: 185px;
}
.topBlock3Inner .left .categoryLinks li{
    margin-bottom: 15px;
}
.topBlock3Inner .left .categoryLinks li:last-child{
    margin-bottom: 0;
}
.topBlock3Inner .left .categoryLinks li a{
    display: flex;
    align-items: center;
}
.topBlock3Inner .left .categoryLinks li a .titTxt{
    font-size: 18px;
    font-weight: 700;
    min-width: 120px;
}
.topBlock3Inner .left .categoryLinks li a .icon{
    display: block;
    width: 10px;
    height: 10px;
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
    background-size: contain;
}
.topBlock3Inner .left .linkBtn{
    margin-left: 10%;
}
.topBlock3Inner .right{
    width: 70%;
}
.topBlock3Inner .right li{
    border-bottom: 1px solid #707070;
    transition: .3s;
}
.topBlock3Inner .right li:nth-child(4) {
    border-bottom: none;
}
.topBlock3Inner .right li:hover{
    background-color: #fff;
}
.topBlock3Inner .right li a{
    padding: 40px 3% 35px;
}
.topBlock3Inner .right li a .postDate{
    font-weight: 600;
    font-family: din-2014, sans-serif;
    width: 10%;
    padding-right: 3%;
    box-sizing: border-box;
}
.topBlock3Inner .right li a .imgBox {
    width: 20%;
    overflow: hidden;
}
.topBlock3Inner .right li a img {
    width: 100%;
    height: auto;
}
.topBlock3Inner .right li a:hover img {
    transform:scale(1.1,1.1);
}
.topBlock3Inner .right li a .txtBox{
    width: 70%;
    padding-left: 5%;
    box-sizing: border-box;
    position: relative;
}
.topBlock3Inner .right li a .txtBox .postDate{
    display: none;
}
.topBlock3Inner .right li a .txtBox .categoryName{
    padding: 4px 10px;
    background-color: #000;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    margin-bottom: 33px;
}
.topBlock3Inner .right li a .txtBox h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 50px;
}
.topBlock3Inner .right li a .txtBox .tagList{
    display: flex;
    flex-wrap: wrap;
}
.topBlock3Inner .right li a .txtBox .tagList li{
    font-size: 12px;
    font-weight: 700;
    color: #0058FF;
}
.topBlock3Inner .right li a .txtBox .viewMore{
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.topBlock3Inner .right li a .txtBox .viewMore .icon{
    width: 10px;
    height: 10px;
    display: block;
    margin-left: 7px;
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
    background-size: contain;
}
.topBlock4{
    width: 98%;
    margin: 0 auto 121px;
}
.topBlock4 .tit1{
    margin-bottom: 17px;
}
.topBlock4 .box1Wrap {
    width: 100%;
    margin: 0 auto;
    padding: 23px 0 24px;
    border-top: 1px solid #707070;
}
.topBlock4 .box1{
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #707070;
    align-items: flex-start;
}
.topBlock4 .box1 .left{
    width: 39%;
    margin-right: 1%;
    padding: 0 2%;
    box-sizing: border-box;
    align-self: stretch;
    flex-direction: column;
    display: flex;
    justify-content: center;
    transition: .3s;
}
.topBlock4 .box1:hover .left{
    background-color: #fff;
}
.topBlock4 .box1.no1 .left img{
    width: 167px;
    margin-bottom: 40px;
}
.topBlock4 .box1.no2 .left img{
    width: 233px;
    margin-bottom: 36px;
}
.topBlock4 .box1.no3 .left img{
    width: 185px;
    margin-bottom: 64px;
}
.topBlock4 .box1 .left h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
}
.topBlock4 .box1 .left .note{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 40px;
}
.topBlock4 .box1 .linkBtn.sp{
    display: none;
}
.topBlock4 .box1 .imgBox{
    width: 60%;
    overflow: hidden;
}
.topBlock4 .box1 .imgBox .right{
    width: 100%;
}
.topBlock4 .box1:hover .imgBox .right{
    transform:scale(1.05,1.05);
}
.topBlock5{
    margin-bottom: 88px;
}
.topBlock5Inner{
    width: 98%;
    margin: 0 auto 88px;
}
.topBlock5Inner .tit1{
    margin-bottom: 17px;
}
.topBlock5Container{
    padding-top: 172px;
    border-top: 1px solid #707070;
}
.topBlock5Container h3{
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 58px;
}
.topBlock5Container p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 82px;
    width: 35%;
}
.topBlock5Container .topBlock5Content{
    justify-content: space-between;
    align-items: flex-end;
}
.topBlock5Container .topBlock5Content.sp{
    display: none;
}
.topBlock5Container .linkBtn.sp{
    display: none;
}
.topBlock5Container .topBlock5Content ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 13px;
    width: 80%;
}
.contactBlock{
    width: 98%;
    margin: 0 auto 112px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 109px 0 107px;
    align-items: center;
}
.contactBlock .tit1{
    width: fit-content;
    margin-right: 5%;
}
.contactBlock .note{ 
    width: 36%;
}
.contactBlock .linkBtn2{
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #000000;
    font-size: 18px;
    font-weight: 700;
    background-color: #fff;
    font-family: din-2014, sans-serif;
    width: 528px;
    height: 61px;
    padding: 0 1%;
    box-sizing: border-box;
    transition: .3s;
}
.contactBlock .linkBtn2:hover{
    background-color: #000;
    color: #fff;
}
.contactBlock .linkBtn2 .icon{
    display: block;
    width: 21px;
    height: 21px;
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
    background-size: contain;
}
.contactBlock .linkBtn2:hover .icon{
    background: url('/wp-content/themes/b/img/linkArrow_w.svg') no-repeat center;
    background-size: contain;
}
footer{
    padding-bottom: 27px;
}
footer .footerInner{
    width: 98%;
    margin: 0 auto;
}
footer .footerInner .footerBlock1{
    margin-bottom: 186px;
}
footer .footerInner .footerBlock1.sp{
    display: none;
}
footer .footerInner .footerBlock1 .footerLinks{
    margin-right: 50px;
}
footer .footerInner .footerBlock1 .footerLinks:last-child{
    margin-right: 0;
}
footer .footerInner .footerBlock1 .footerLinks .titLink{
    font-size: 17px;
    font-family: avenir-lt-pro, sans-serif;
    font-weight: 700;
    margin-bottom: 41px;
    display: block;
}
footer .footerInner .footerBlock1 .footerLinks .footerLink li{
    margin-bottom: 15px;
}
footer .footerInner .footerBlock1 .footerLinks .footerLink li:last-child{
    margin-bottom: 0;
}
footer .footerInner .footerBlock1 .footerLinks .footerLink li a{
    font-size: 13px;
    font-weight: 400;
}
footer .footerInner .footerBlock2{
    margin-bottom: 79px;
}
footer .footerInner .footerBlock2 > a{
    display: block;
    width: 60%;
}
footer .footerInner .footerBlock2 > a img{
    width: 100%;
}
footer .footerInner .footerBlock2Content{
    width: 40%;
    padding: 0 3% 0 10%;
    box-sizing: border-box;
}
footer .footerInner .footerBlock2Content .titTxt{
    font-size: 17px;
    font-weight: 700;
    font-family: avenir-lt-pro, sans-serif;
    margin-bottom: 26px;
}
footer .footerInner .footerBlock2Content .sns{
    width: 40%;
}
footer .footerInner .footerBlock2Content .sns a{
    font-size: 12px;
    font-weight: 500;
}
footer .footerInner .footerBlock2Content .address{
    width: 60%;
}
footer .footerInner .footerBlock2Content .address .text{
    font-size: 12px;
    font-weight: 500;
}
footer .footerInner .copyWrap a{
    font-size: 12px;
    font-weight: 400;
    font-family: din-2014, sans-serif;
    margin-right: 54px;
}
footer .footerInner .copyWrap .copy{
    font-size: 12px;
    font-weight: 400;
}
.subPage{
    padding-top: 194px;
    margin-bottom: 92px;
}
.subPage .subVisual{
    position: relative;
    margin-bottom: 127px;
    height: calc(100vh - 194px);
}
.fvSlideOne{
    height: 100%;
}
.subPage .subVisual .imgBox{
    width: 98%;
    display: block;
    margin: 0 auto;
    height: 100%;
}
.subPage .subVisual img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.subPage .subVisual .nav{
    position: absolute;
    bottom: 0;
    left: 1%;
    display: flex;
    border: 1px solid #000;
    box-sizing: border-box;
    z-index: 10;
}
.spHoverNav{
    display: none;
}
.subPage .subVisual .nav .titTxt{
    width: fit-content;
    background-color: #6A6A6A;
    box-sizing: border-box;
    padding: 16px 44px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-family: din-2014, sans-serif;
    white-space: nowrap;
}
.subPage .subVisual .nav ul{
    background-color: #fff;
    display: flex;
}
.subPage .subVisual .nav ul li{
    border-right: 1px solid #000000;
    width: 188px;
}
.subPage .subVisual .nav ul li:last-child{
    border-right: none;
}
.subPage .subVisual .nav ul li a{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
}
.subPage .subVisual .nav ul li a .icon{
    display: block;
    width: 15px;
    height: 15px;
    background: url('/wp-content/themes/b/img/icon_pageLink.svg') no-repeat center;
    background-size: contain;
    margin-left: 5px;
}
.studioPage .studoBlock1{
    margin-bottom: 151px;
}
.studoBlock1Inner{
    width: 98%;
    margin: 0 auto;
}
.tit2{
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 19px;
    border-bottom: 1px solid #707070;
}
.studoBlock1Inner .tit2{
    margin-bottom: 113px;
}
.studoBlock1Inner h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 42px;
}
.studoBlock1Inner p{
    font-size: 15px;
    font-weight: 400;
    font-family: din-2014, sans-serif;
}
.studoBlock2{
    margin-bottom: 135px;
}
.studoBlock2Inner{
    width: 98%;
    margin: 0 auto;
}
.studoBlock2Inner .tit2{
    margin-bottom: 139px;
}
.studoBlock2Inner ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 17px; 
}
.studoBlock2Inner ul li img{
    display: block;
    margin-bottom: 34px;
}
.studoBlock2Inner ul li h3{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 16px;
}
.studoBlock2Inner ul li p{
    font-size: 12px;
    font-weight: 400;
}
.studoBlock3{
    margin-bottom: 128px;
}
.studoBlock3Inner{
    width: 98%;
    margin: 0 auto;
}
.studoBlock3Inner h2{
    margin-bottom: 138px;
}
.studoBlock3Inner .studoBlock3Content{
    margin-bottom: 47px;
}
.studoBlock3Inner .studoBlock3Content .left{
    width: 70%;
}
.studoBlock3Inner .studoBlock3Content .right{
    width: 30%;
    padding-left: 5%;
    padding-top: 29px;
    box-sizing: border-box;
}
.studoBlock3Inner .studoBlock3Content .right h3{
    font-weight: 700;
    font-family: din-2014, sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 89px;
}
.studoBlock3Inner .studoBlock3Content .right h3 span{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    margin-right: 7px;
}
.studoBlock3Inner .studoBlock3Content .right .studioDetail li{
    margin-bottom: 42px;
}
.studoBlock3Inner .studoBlock3Content .right .studioDetail li:last-child{
    margin-bottom: 0;
}
.studoBlock3Inner .studoBlock3Content .right .studioDetail li .title{
    font-size: 15px;
    font-weight: 700;
}
.studoBlock3Inner .studoBlock3Content .right .studioDetail li .text{
    font-size: 15px;
    font-weight: 400;
}
.studoBlock3Inner .txtBox h3{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 29px;
}
.studoBlock3Inner .txtBox p{
    font-size: 15px;
    font-weight: 400;
    font-family: din-2014, sans-serif;
}
.studoBlock4{
    margin-bottom: 187px;
}
.studoBlock4Inner{
    width: 98%;
    margin: 0 auto;
}
.studoBlock4Inner .tit2{
    margin-bottom: 138px;
}
.studoBlock4Inner .studoBlock4Content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 18px;
}
.studoBlock4Inner .studoBlock4Content .box{
    background-color: #fff;
    padding: 81px 5%;
}
.studoBlock4Inner .studoBlock4Content .box h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 107px;
}
.studoBlock4Inner .studoBlock4Content .box .iconlist{
    display: flex;
    align-items: center;
    margin-bottom: 95px;
}
.studoBlock4Inner .studoBlock4Content .box .iconlist li{
    width: fit-content;
    margin-right: 110px;
}
.studoBlock4Inner .studoBlock4Content .box .iconlist li:last-child{
    margin-right: 0;
}
.studoBlock4Inner .studoBlock4Content .box .iconlist li img{
    display: block;
    margin-bottom: 37px;
}
.studoBlock4Inner .studoBlock4Content .box .iconlist li p{
    font-size: 10px;
    font-weight: 500;
    text-align: center;
}
.studoBlock4Inner .studoBlock4Content .box .text{
    font-size: 18px;
    font-weight: 400;
    font-family: din-2014, sans-serif;
    margin-bottom: 45px;
}
.studoBlock4Inner .studoBlock4Content .box .linkBtn{
    font-size: 15px;
}
.studoBlock5{
    margin-bottom: 83px;
}
.studoBlock5Inner{
    width: 98%;
    margin: 0 auto;
    padding-bottom: 161px;
    border-bottom: 1px solid #707070;
}
.studoBlock5Inner .tit2{
    margin-bottom: 137px;
}
.studoBlock5Inner h3{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 29px;
}
.studoBlock5Inner > p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 121px;
    line-height: 36px;
    width: 75%;
}
.studoBlock5Inner .serviceList{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 83px 18px;
}
.studoBlock5Inner .serviceList li .imgBox {
    overflow: hidden;
    aspect-ratio: 1/1;
    margin-bottom: 16px;
}
.studoBlock5Inner .serviceList li a img {
    display: block;
    transition: .3s;
}
.studoBlock5Inner .serviceList li a:hover img {
    transform:scale(1.1,1.1);
}
.studoBlock5Inner .serviceList li a h4{
    font-size: 22px;
    font-weight: 600;
}
.subPage .backToTop{
    margin: 0 1% 0 auto;
}
.accessMap{
    margin-bottom: 110px;
}
.accessMapInner{
    width: 98%;
    margin: 0 auto;
}
.accessMapInner .tit1{
    margin-bottom: 17px;
}
.accessMapInner .accessMapContent{
    border-top: 1px solid #707070;
    padding-top: 54px;
}
.accessMapInner .accessMapContent iframe{
    display: block;
    width: 100%;
    aspect-ratio: 1882 / 503;
    margin-bottom: 82px;
    filter: grayscale(1);
}
.accessMapInner .accessMapContent .accessTxtBox{
    margin-left: 3%;
}
.accessMapInner .accessMapContent .accessTxtBox .box{
    width: fit-content;
}
.accessMapInner .accessMapContent .accessTxtBox .box.accessInfo{
    margin-right: 131px;
}
.accessMapInner .accessMapContent .accessTxtBox .box h3{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 17px;
}
.accessMapInner .accessMapContent .accessTxtBox .box p{
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
}
.servicePage .subPageTit{
    padding: 117px 0;
    width: 98%;
    margin: 0 auto 120px;
    border-bottom: 1px solid #707070;
}
.servicePage .serviceBlock{
    margin-bottom: 152px;
}
.servicePage .serviceBlock.no3{
    margin-bottom: 47px;
}
.servicePage .serviceBlock .serviceBlockInner{
    width: 98%;
    margin: 0 auto;
}
.servicePage .serviceBlock .serviceBlockInner h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 41px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial{
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #707070;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li{
    padding: 48px 3% 53px;
    border-bottom: 1px solid #707070;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li:nth-child(odd){
    border-right: 1px solid #707070;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left{
    width: 65%;
    padding-right: 5%;
    box-sizing: border-box;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left h4{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 27px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .text{
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    font-family: din-2014, sans-serif;
    margin-bottom: 25px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .openTime{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .sns{
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .sns li{
    margin-right: 15px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .sns li:last-child{
    margin-right: 0;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .sns li:nth-child(1){
    width: 15px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .sns li:nth-child(2){
    width: 18px;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .sns li a{
    width: 100%;
    height: 100%;
    display: block;
    line-height: 0;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap{
    display: flex;
    align-items: center;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtnW{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 146px;
    height: 45px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    margin-right: 9px;
    position: relative;
    transition: .3s;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtnW:hover{
    background-color: #000;
    color: #fff;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtnW .icon{
    width: 6px;
    height: 8px;
    display: block;
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
    background-size: contain;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtnW:hover .icon{
    background: url('/wp-content/themes/b/img/linkArrow_w.svg') no-repeat center;
    background-size: contain;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 146px;
    height: 45px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    position: relative;
    transition: .3s;
    border: none;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtn:hover{
    background-color: #fff;
    color: #000;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtn .icon{
    width: 6px;
    height: 8px;
    display: block;
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    background: url('/wp-content/themes/b/img/linkArrow_w.svg') no-repeat center;
    background-size: contain;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtn:hover .icon{
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
    background-size: contain;
}
.servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .right{
    width: 35%;
    object-fit: contain;
}
.subPage.selfPage .subVisual .imgBox,
.subPage.idPhotoPage .subVisual .imgBox{
    display: flex;
}
.subPage.selfPage .subVisual .imgBox .fvSlide,
.subPage.idPhotoPage .subVisual .imgBox .fvSlide{
    width: 50%;
}
.selfPage .selfBlock1{
    margin-bottom: 186px;
}
.selfPage .selfBlock1Inner{
    width: 98%;
    margin: 0 auto 100px;
}
.selfPage .selfBlock1Inner .tit2{
    margin-bottom: 100px;
}
.selfPage .selfBlock1Inner h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 42px;
}
.selfPage .selfBlock1Inner > p{
    width: 50%;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 42px;
    line-height: 30px;
}
.selfPage .obiImg{
    display: block;
}
.parallax {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 174px;
  aspect-ratio: 1920/636;
}
.parallaxImg {
    position: absolute;
    top: -30%;
    left: 0;
    width: 100%;
    height: 149%;
    object-fit: cover;
    will-change: transform;
    transition: transform 0.1s linear;
}
.selfPage .selfBlockInner2{
    width: 90%;
    max-width: 1451px;
    margin: 0 auto 188px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 148px 204px;
}
.selfPage .selfBlockInner2 li{
    align-items: center;
}
.selfPage .selfBlockInner2 li .left{
    width: 30%;
}
.selfPage .selfBlockInner2 li .right{
    width: 70%;
}
.selfPage .selfBlockInner2 li .right h4{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 22px;
}
.selfPage .selfBlockInner2 li .right p{
    font-size: 12px;
    font-weight: 400;
}
.selfPage .selfBlockInner3{
    width: 90%;
    max-width: 1501px;
    margin: 0 auto;
}
.selfPage .selfBlockInner3 h3{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
.selfPage .selfBlockInner3 > p{
    font-size: 15px;
    font-weight: 400;
    width: 50%;
    margin-bottom: 66px;
}
.selfPage .selfBlockInner3 .makeItemWrap .titTxt{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 31px;
}
.selfPage .selfBlockInner3 .makeItem{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 0 8px;
}
.selfPage .selfBlock2{
    margin-bottom: 275px;
}
.selfPage .selfBlock2Inner{
    width: 98%;
    margin: 0 auto;
}
.selfPage .selfBlock2Inner .tit2{
    margin-bottom: 167px;
}
.selfPage .selfBlock2Inner .tableWrap{
    width: 100%;
    margin: 0 auto 64px;
}
.selfPage .selfBlock2Inner table{
    width: 1462px;
    border-collapse: separate;
    margin: 0 auto;

}
.selfPage .selfBlock2Inner table th,
.selfPage .selfBlock2Inner table td{
    border: 1px solid #BFBFBF;
    padding: 42px 3%;
    box-sizing: border-box;
    vertical-align: middle;
}
.tableWrap table th:first-child,
.tableWrap table td:first-child{
    position: sticky;
    left: 0;
}
.selfPage .selfBlock2Inner table th{
    background-color: #000;
    color: #fff;
    width: 23%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.selfPage .selfBlock2Inner table th:nth-child(1){
    width: 31%;
    border-radius: 22px 0 0 0;
    text-align: left;
}
.selfPage .selfBlock2Inner table th:last-child{
    border-radius: 0 22px 0 0;
}
.selfPage .selfBlock2Inner table td{
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
}
.selfPage .selfBlock2Inner table td:nth-child(1){
    text-align: left;
}
.selfPage .selfBlock2Inner table td .price{
    font-size: 18px;
    font-weight: 700;
}
.selfPage .selfBlock2Inner table td .price span{
    font-size: 35px;
}
.selfPage .selfBlock2Inner table td .note{
    font-size: 14px;
    font-weight: 600;
}
.selfPage .selfBlock2Inner table td .data{
    font-size: 24px;
    font-weight: 700;
}
.selfPage .selfBlock2Inner table td .dataMemo{
    font-size: 14px;
    font-weight: 600;
}
.optionDetail{
    width: 90%;
    max-width: 1461px;
    margin: 0 auto;
}
.optionDetail .left{
    width: 50%;
    padding-right: 10%;
    display: block;
}
.optionDetail .right{
    width: 50%;
    padding-right: 5%;
    display: block;
}
.optionDetail .left .titTxt,
.optionDetail .right .titTxt{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 38px;
}
.optionDetail .left .option .df{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px;
}
.optionDetail .left .option .df:last-child{
    margin-bottom: 0;
}
.optionDetail .left .option .df span{
    width: 100%;
    height: 1px;
    background-color: #000;
}
.optionDetail .left .option .df p{
    white-space: nowrap;
    font-weight: 700;
}
.optionDetail .left .option .df .title{
    margin-right: 10px;
}
.optionDetail .left .option .df .price{
    margin-left: 18px;
}
.optionDetail .right .text{
    font-size: 12px;
    font-weight: 400;
}
.selfPage .selfBlock3{
    margin-bottom: 167px;
}
.selfPage .selfBlock3Inner{
    width: 98%;
    margin: 0 auto;
}
.selfPage .selfBlock3Inner .tit2{
    margin-bottom: 139px;
}
.subPage .whiteLinkBox .poseLists{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 17px;
}
.subPage .whiteLinkBox .poseLists img{
    display: block;
    width: 100%;
    margin-bottom: 34px;
    aspect-ratio: 457 /460;
    object-fit: cover;
}
.subPage .whiteLinkBox .poseLists h3{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 34px;
}
.subPage .whiteLinkBox .poseLists p{
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 40px;
    min-height: 52px;
}
.subPage .whiteLinkBox .poseLists a{
    /* display: flex; */
    display: none;
    width: 100%;
    height: 67px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #000000;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.subPage .whiteLinkBox .poseLists .price{
    font-size: 15px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #000;
    padding: 24px 2%;
    margin-bottom: 6px;
    min-height: auto;
}
.subPage .whiteLinkBox .poseLists .note{
    font-size: 12px;
    font-weight: 400;
    min-height: auto;
    margin-bottom: 0;
}
.subPage .whiteLinkBox .poseLists a:hover{
    background-color: #000;
    color: #fff;
    transition: .3s;
}
.subPage .whiteLinkBox .poseLists a .icon{
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
    background-size: 100%;
}
.subPage .whiteLinkBox .poseLists a:hover .icon{
    background: url('/wp-content/themes/b/img/linkArrow_w.svg') no-repeat center;
    background-size: 100%;
}
.selfPage .selfBlock4{
    margin-bottom: 251px;
}
.selfPage .selfBlock4Inner{
    width: 98%;
    margin: 0 auto;
} 
.selfPage .selfBlock4Inner .tit2{
    margin-bottom: 174px;
}
.flowWrap{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}
.flowWrap h3{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.flowWrap p{
    margin-bottom: 147px;
    font-size: 15px;
    font-weight: 400;
}
.flowWrap li{
    margin-bottom: 90px;
    align-items: center;
}
.flowWrap li:last-child{
    margin-bottom: 0;
}
.flowWrap li .left{
    width: 75%;
    padding-right: 10%;
    box-sizing: border-box;
}
.flowWrap li .left h4{
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 21px;
}
.flowWrap li .left h4 .num{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: #000;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    font-family: din-2014, sans-serif; 
    margin-right: 21px;
}
.flowWrap li .left p{
    font-size: 15px;
    font-weight: 400;
    font-family: din-2014, sans-serif; 
}
.flowWrap li .right{
    width: 25%;
}
.selfPage .selfBlock5{
    margin-bottom: 187px;
}
.faqInner{
    width: 98%;
    margin: 0 auto;
}
.faqInner .tit2{
    margin-bottom: 168px;
}
.faqInner .fawContent{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}
.faqInner .fawContent h3{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.faqInner .fawContent > p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 76px;
}
.faqInner .fawContent .qaList li{
    padding-top: 36px;
    padding-bottom: 36px;
    border-bottom: 1px solid #D5D5D5;
    cursor: pointer;
}
.faqInner .fawContent .qaList li:first-child{
    border-top: 1px solid #D5D5D5;
}
.faqInner .fawContent .qaList li .questionBox{
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-right: 5%;
}
.faqInner .fawContent .qaList li .questionBox .closeBtn{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
}
.faqInner .fawContent .qaList li .questionBox .closeBtn::before{
    display: block;
    content: "";
    width: 12px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.faqInner .fawContent .qaList li .questionBox .closeBtn::after{
    display: block;
    content: "";
    width: 2px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: .3s;
}
 .qaList li.on .questionBox .closeBtn::after{
    transform: translate(-50%,-50%) rotate(90deg);
    opacity: 0;
}
.faqInner .fawContentr .qaList li .anserBox{
    font-size: 15px;
    font-weight: 400;
    max-height: 0;
    overflow: hidden;
    transition: .3s;
}
.faqInner .fawContent .qaList li.on .anserBox{
    max-height: 500px;
    margin-top: 29px;
}
.selfPage .selfBlock6{
    margin-bottom: 166px;
}
.postListWrap{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}
.postListWrap .titTxt{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
}
.postList{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 41px;
}
.postList li a .imgBox{
    position: relative;
    margin-bottom: 28px;
}
.postList li a .imgBox .catName{
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 11px;
    background-color: #000;
    font-size: 12px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    color: #fff;
}
.postList li a .postTit{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
}
.postList li a .postDate{
    font-size: 16px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    color: #888888;
    margin-bottom: 26px;
}
.postList li a .tagList{
    display: flex;
    flex-wrap: wrap;
}
.postList li a .tagList li{
    font-size: 12px;
    font-weight: 700;
    color: #0058FF;
}
.contactBoxWrap{
    margin-bottom: 208px;
}
.contactBoxInner{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}
.contactBox{
    background-color: #fff;
    margin-bottom: 21px;
    border: 1px solid #000000;
}
.contactBox div{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 332px;
}
.contactBox div .titTxt{
    font-size: 22px;
    font-weight: 600;
}
.contactBox .left{
    border-right: 1px solid #000000;
    box-sizing: border-box;
}
.contactBox .left .titTxt{
    margin-bottom: 21px;
}
.linkBtn.ver2{
    width: 264px;
    height: 61px;
    font-size: 15px;
}
.contactBox .left .linkBtn.ver2{
    margin-bottom: 21px;
}
.contactBox .left .memo{
    font-size: 15px;
    font-weight: 600;
}
.contactBox .right .titTxt{
    margin-bottom: 26px;
}
.contactBox .right .telNum{
    font-size: 37px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #000000;
    margin-bottom: 26px;
}
.contactBox .right .telNum span{
    display: block;
    font-size: 23px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    margin-right: 10px;
}
.contactBox .right .memo{
    font-size: 15px;
    font-weight: 600;
}
.photoGalleryPage .subVisual .nav{
    max-width: 914px;
}
.photoGalleryPage .subVisual .nav ul{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0;
}
.subPage .photoGalleryBlock1{
    margin-bottom: 173px;
}
.subPage .conceptBlockInner{
    width: 98%;
    margin: 0 auto;
}
.subPage .conceptBlockInner .tit2{
    margin-bottom: 139px;
}
.subPage .conceptBlockInner .conceptBox .left{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.subPage .conceptBlockInner .conceptBox .right{
    width: 50%;
    padding-left: 10%;
    box-sizing: border-box;
}
.subPage .conceptBlockInner .conceptBox .right h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 47px;
}
.subPage .conceptBlockInner .conceptBox .right p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 53px;
}
.photoGalleryPage .photoSlide{
    margin-bottom: 225px;
}
.photoSlide .swiper-wrapper{
    transition-timing-function: linear;
}
.photoGalleryBlock2{
    margin-bottom: 195px;
}
.photoGalleryBlock2Inner{
    width: 98%;
    margin: 0 auto;
}
.photoGalleryBlock2Inner .tit2{
    margin-bottom: 99px;
}
.tokutyoBox{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 56px;
}
.tokutyoBox li .num{
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    font-family: avenir-lt-pro, sans-serif;
    margin-bottom: 57px;
}
.tokutyoBox li h3{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 40px;
}
.tokutyoBox li .text{
    font-size: 15px;
    font-weight: 400;
}
.photoGalleryBlock3{
    margin-bottom: 174px;
}
.photoGalleryBlock3Inner{
    width: 98%;
    margin: 0 auto;
}
.photoGalleryBlock3Inner .tit2{
    margin-bottom: 139px;
}
.subPage .photoGalleryBlock3Inner.whiteLinkBox .poseLists{
    gap: 68px 16px;
}
.photoGalleryBlock3Inner .poseLists li{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.photoGalleryBlock4{
    margin-bottom: 172px;
}
.photoGalleryBlock4Inner{
    width: 98%;
    margin: 0 auto;
}
.photoGalleryBlock4Inner .tit2{
    margin-bottom: 161px;
}
.photoGalleryBlock4Inner h3{
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 35px;
}
.photoGalleryBlock4Inner > .text{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 85px;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content{
    align-items: center;
    margin-bottom: 53px;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content:last-child{
    margin-bottom: 0;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .left{
    width: 70%;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox{
    width: 30%;
    padding: 0 3%;
    box-sizing: border-box;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox h4{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 51px;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 34px;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox ul{
    margin-bottom: 61px;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox ul li{
    padding: 32px 0;
    border-bottom: 1px solid #707070;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox ul li:first-child{
    border-top: 1px solid #707070;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox ul li .title{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 9px;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox ul li .address{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox .linkBtn{
    width: 251px;
    height: 66px;
    font-size: 17px;
    font-weight: 600;
    position: relative;
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox .linkBtn .icon{
    width: 10px;
    height: 12px;
    background: url('/wp-content/themes/b/img/linkArrow_w.svg') no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}
.photoGalleryBlock4Inner .photoGalleryBlock4Content .txtBox .linkBtn:hover .icon{
    background: url('/wp-content/themes/b/img/linkArrow_k.svg') no-repeat center;
    background-size: 100%;
}
.photoGalleryBlock5{
    margin-bottom: 264px;
}
.photoGalleryBlock5Inner{
    width: 98%;
    margin: 0 auto;
}
.photoGalleryBlock5Inner .tit2{
    margin-bottom: 180px;
}
.photoGalleryBlock5Inner h3{
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 43px;
    text-align: center;
}
.photoGalleryBlock5Inner > .text{
    text-align: center;
    font-weight: 500;
    margin-bottom: 78px;
}
.photoGalleryBlock5Inner .planList{
    width: 90%;
    max-width: 1607px;
    margin: 0 auto;
    justify-content: space-between;
}
.photoGalleryBlock5Inner .planList .box{
    background-color: #fff;
    padding: 88px 3% 98px;
    width: 28%;
    box-sizing: border-box;
    margin: 0 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 518px;
}
.photoGalleryBlock5Inner .planList .box:first-child{
    margin-left: 0;
}
.photoGalleryBlock5Inner .planList .box:last-child{
    margin-right: 0;
}
.photoGalleryBlock5Inner .planList .box h4{
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}
.photoGalleryBlock5Inner .planList .box.no1 img{
        width: 85px;
        display: block;
        margin: 0 auto;
}
.photoGalleryBlock5Inner .planList .box.no2 img{
        width: 78px;
        display: block;
        margin: 0 auto;
}
.photoGalleryBlock5Inner .planList .box.no3 img{
        width: 84px;
        display: block;
        margin: 0 auto;
}
.photoGalleryBlock6{
    margin-bottom: 183px;
}
.photoGalleryBlock7{
    margin-bottom: 181px;
}
.pageHead1 {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 110px 0;
    width: 98%;
    margin: 0 auto;
    position: relative;
}
.pageHead1 h1 {
    font-family: "Avenir";
    font-size: 42px;
    font-weight: 600;
}
.pageHead1 h1 span {
    font-size: 14px;
    display: block;
    font-weight: 600;
}
.dg{
    display: grid;    
}
.kuromaru {
    width: 244px;
    position: absolute;
    bottom: 0;
    right: 30px;
}
.facilityBlock1 {
    width: 98%;
    margin: 70px auto 80px;
}
.facilityBlock1 ul {
    grid-template-columns: repeat(4, 1fr);
}
.facilityBlock1 ul li {
    border: 1px solid #707070;
    padding: 10%;
}
.facilityBlock1 h2 {
    font-size: 26px;
    font-weight: 600;
    margin: 70px 0 30px;
}
.facilityBlock1 ul li h3 {
    margin: 24px 0 12px;
    font-size: 16px;
    font-weight: 600;
}
.facilityBlock1 ul li p {
    font-size: 12px;
    line-height: 2.1;
}
.posingBlock1 {
    padding: 110px 0;
    width: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #707070;
}
.posingBlock1 h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}
.posingBlock1 p {
    font-size: 15px;
    line-height: 2;
    max-width: 840px;
}
.pageContact section {
    width: min(1228px,90%);
    margin: 0 auto 200px;
}
.contactBlock1 > div {
    padding-top:160px;
}
.pageContact section h2 img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.pageContact section h2 {
    display: flex;
    align-items: center;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 60px;
}
.pageContact section a {
    font-family: "Avenir";
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
}
.pageContact section .txt1 {
    font-size: 14px;
    font-weight: 600;
}
.pageContact section .txt2 {
    margin-top: 50px;
    font-size: 16px;
}
.pageContact section .txt3 {
    font-size: 22px;
    font-weight: 500;
}
.contactBlock2 {
    padding-top: 120px;
}
.contactBlock2 form label {
    padding: 38px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contactBlock2 form label span:nth-child(1) {
    width: 30%;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
.contactBlock2 form label span:nth-child(1) .hissu {
    background: #000;
    color: #fff;
    text-align: center;
    display: block;
    width: 50px;
    padding: 4px 0;
    font-size: 12px;
    margin-right: 20%;
}
.contactBlock2 form label > .wpcf7-form-control-wrap {
    width: 70%;
}
.contactBlock2 form label > .wpcf7-form-control-wrap input,
.contactBlock2 form label.clum2 span:nth-child(3) input,
.contactBlock2 form label textarea{
    width: 100%;
    box-sizing: border-box;
    padding: 18px;
    border:none;
}
.contactBlock2 form label.clum2 span:nth-child(2),
.contactBlock2 form label.clum2 span:nth-child(3) {
    width: 35% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contactBlock2 form label > .wpcf7-form-control-wrap input,
.contactBlock2 form label.clum2 span:nth-child(3) input{
    width: 100%;
}
.contactBlock2 form label.clum2 span:nth-child(3) input{
    margin-left: 5%;
}
label.none {
    display: none !important;
}
.wpcf7-not-valid-tip{
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px;
}
.contactBlock2 form label.clum2 span:nth-child(2).wpcf7-not-valid-tip {
    width: 100% !important;
    display: block;
}
.contactBlock2 form label.clum2 span:nth-child(3) span.wpcf7-not-valid-tip {
    margin-left: 5%;
}
.wpcf7-acceptance .wpcf7-list-item {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}
.wpcf7-acceptance .wpcf7-list-item label {
    display: block;
    margin: 0 auto;
    width: fit-content;
    border-bottom: none;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
    text-align: center;
    padding: 20px 0;
    border-radius: 50px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 50px;
}
.pageContact section a.privacyLink {
    color: #0031FF;
    font-size: 12px;
    border-bottom: 1px solid;
    display: table;
    margin: 0 auto 40px;
}
.sendBox {
    background: #000;
    display: block;
    width: fit-content;
    margin: 0 auto;
    border:1px solid;
    position:relative;
}
.sendBox input {
    color: #fff;
    background: #000;
    font-weight: 700;
    display: block;
    padding: 24px 80px;
    transition:.3s;
}
.sendBox input:hover {
    color: #000;
    background: #fff;
}
.sendBox:after{
    content:"";
    width: 10px;
    height: 10px;
    display: block;
    background: url(/wp-content/themes/b/img/linkArrow_w.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}
.sendBox:hover:after{
    background: url(/wp-content/themes/b/img/linkArrow_k.svg) no-repeat center;
    background-size: contain;
}
.hairBlock1{
    margin-bottom: 190px;
}
.hairPage .photoSlide {
    margin-bottom: 157px;
}
.hairBlock2{
    margin-bottom: 108px;
}
.hairBlock2Inner{
    width: 98%;
    margin: 0 auto;
}
.hairBlock2Inner .tit2{
    margin-bottom: 83px;
}
.hairBlock2Inner .artist{
    width: 73%;
    align-items: center;
}
.hairBlock2Inner .artist .left{
    width: 20%;
}
.hairBlock2Inner .artist .right{
    width: 80%;
    margin-left: 5%;
    box-sizing: border-box;
}
.hairBlock2Inner .artist .right h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px;
}
.hairBlock2Inner .artist .right .text{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 32px;
}
.hairBlock2Inner .artist .right .sns{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}
.hairBlock2Inner .artist .right .sns img{
    display: block;
    margin-left: 28px;
}
.hairBlock3{
    margin-bottom: 182px;
}
.hairBlock3Inner{
    width: 98%;
    margin: 0 auto;
}
.photoBox .tit2{
    margin-bottom: 124px;
}
.photoBox h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px;
}
.photoBox > p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 70px;
}
.photoList.dg4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    overflow: hidden;
    transition: .3s;
}
.hairBlock3 .photoList{
    margin-bottom: 11px;
}
.photoList.dg3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 10px;
    overflow: hidden;
    transition: .3s;
}
.photoBox .longLink{
    width: 98%;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid #707070;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 600;
    font-family: din-2014, sans-serif;
    color: #000000;
}
.photoBox .longLink:hover{
    background-color: #000;
    color: #fff;
}
.hairBlock4{
    margin-bottom: 216px;
}
.hairBlock4Inner{
    width: 98%;
    margin: 0 auto;
}
.hairBlock4Inner .tit2{
    margin-bottom: 139px;
}
.hairBlock4Content h3{
    font-size: 18px;
    font-weight: 700;
}
.hairBlock4Content > h3{
    width: 100%;
    max-width: 1502px;
    margin: 0 auto 56px;
}
.hairBlock4Content .tableWrap{
    width: 100%;
    margin: 0 auto 63px;
}
.hairBlock4Content table{
    width: 1502px;
    border-collapse: separate;
    margin: 0 auto;
}
.hairBlock4Content table *{
    font-size: 15px;
    font-weight: 700;
}
.hairBlock4Content table th{
    background-color: #000;
    color: #fff;
    width: 15%;
}
.hairBlock4Content table th:nth-child(1){
    width: 25%;
    text-align: left;
    border-radius: 22px 0 0 0;
}
.hairBlock4Content table th:last-child{
    border-radius: 0 22px 0 0;
}
.hairBlock4Content table th,
.hairBlock4Content table td{
    text-align: center;
    vertical-align: middle;
    padding: 44px 1%;
    border: 1px solid #BFBFBF;
    box-sizing: border-box;
}
.hairBlock4Content table td{
    background-color: #fff;
}
.hairBlock4Content table td:nth-child(1){
    text-align: left;
}
.hairBlock4Content table td.title span{
    padding: 6px 7px;
    background-color: #000;
    color: #000;
    display: inline-block;
    width: 85px;
    box-sizing: border-box;
    margin-right: 16px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    border-radius: 15px;
    text-align: center;
}
.hairBlock4Content .attention{
    width: 100%;
    max-width: 1502px;
    margin: 0 auto;
}
.hairBlock4Content .attention h3{
    margin-bottom: 28px;
}
.hairBlock4Content .attention p{
    font-size: 12px;
    line-height: 24px;
}
.hairBlock5{
    margin-bottom: 261px;
}
.hairBlock5Inner{
    width: 98%;
    margin: 0 auto;
}
.hairBlock5Inner .tit2{
    margin-bottom: 228px;
}
.hairBlock5Content{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
    padding-right: 15%;
    box-sizing: border-box;
}
.hairBlock5Content .box1{
    margin-bottom: 120px;
}
.hairBlock5Content .box1 .left{
    width: 10%;
}
.hairBlock5Content .box1 .num{
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    font-family: din-2014, sans-serif;
}
.hairBlock5Content .box1 .txtBox{
    width: 90%;
}
.hairBlock5Content .box1 .txtBox h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px;
}
.hairBlock5Content .box1 .txtBox p{
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}
.hairBlock6{
    margin-bottom: 184px;
}
.buildingBlock1{
    margin-bottom: 114px;
}
.buildingBlock1Inner{
    width: 98%;
    margin: 0 auto;
}
.subPage .conceptBlock.point .conceptBox{
    margin-bottom: 0;
}
.conceptBlock.point .conceptBlockInner .tit2{
    margin-bottom: 113px;
}
.conceptBlock.point .conceptBox{
    width: 40%;
}
.conceptBlock.point .conceptBox h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 42px;
}
.conceptBlock.point .conceptBox p{
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 42px;
}
.buildingBlock2{
    margin-bottom: 130px;
}
.buildingBlock2Inner{
    width: 98%;
    margin: 0 auto;
}
.buildingBlock2Inner .photoList{
    margin-bottom: 32px;
}
.buildingBlock3{
    margin-bottom: 133px;
}
.buildingBlock3Inner{
    width: 98%;
    margin: 0 auto;
}
.buildingBlock3Inner .tit2{
    margin-bottom: 134px;
}
.buildingBlock4{
    margin-bottom: 233px;
}
.buildingBlock4Inner{
    width: 98%;
    margin: 0 auto;
}
.buildingBlock4Inner .tit2{
    margin-bottom: 203px;
}
.buildingBlock4Content{
    width: 90%;
    max-width: 1470px;
    margin: 0 auto;
}
.buildingBlock4Content h3{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 82px;
    text-align: center;
}
.buildingBlock4Content ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 0 41px;
    position: relative;
}
.buildingBlock4Content ul::before{
    display: block;
    content: "";
    width: 80%;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: 35px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}
.buildingBlock4Content ul li{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 447px;
}
.buildingBlock4Content ul li .num{
    width: 69px;
    height: 69px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 32px;
    font-weight: 600;
    font-family: din-2014, sans-serif;    
}
.buildingBlock4Content ul li .buildContact{
    display: contents;
}
.buildingBlock4Content ul li img{
    display: block;
    margin: 0 auto;
}
.buildingBlock4Content ul li:nth-child(1) img{
    width: 58px;
}
.buildingBlock4Content ul li:nth-child(2) img{
    width: 42px;
}
.buildingBlock4Content ul li:nth-child(3) img{
    width: 58px;
}
.buildingBlock4Content ul li:nth-child(4) img{
    width: 53px;
}
.buildingBlock4Content ul li:nth-child(5) img{
    width: 60px;
}
.buildingBlock4Content ul li .txtBox h4{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 17px;
}
.buildingBlock4Content ul li .txtBox p{
    font-size: 11px;
    font-weight: 400;
}
.buildingBlock5{
    margin-bottom: 260px;
}
.buildingBlock5Inner{
    width: 98%;
    margin: 0 auto;
}
.buildingBlock5Inner .tit2{
    margin-bottom: 167px;
}
.buildingBlock5Content{
    width: 100%;
}
.buildingBlock5Content .tableWrap{
    margin-bottom: 41px;
}
.buildingBlock5Content table{
    width: 1500px;
    margin: 0 auto;
    border-collapse: separate;
}
.buildingBlock5Content table th,
.buildingBlock5Content table td{
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    padding: 43px 3%;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
}
.buildingBlock5Content table th{
    width: 33%;
    background-color: #000;
    color: #fff;
}
.buildingBlock5Content table td{
    background-color: #fff;
}
.buildingBlock5Content table th:first-child,
.buildingBlock5Content table td:first-child{
    text-align: left;
}
.buildingBlock5Content table th:first-child{
    border-radius: 20px 0 0 0;
}
.buildingBlock5Content table th:last-child{
    border-radius: 0 20px 0 0;
}
.buildingBlock5Content h3{
    font-size: 18px;
    font-weight: 700;
}
.buildingBlock5Content .attention{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto 200px;
}
.matarPortWrap{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}
.buildingBlock5Content .attention h3{
    margin-bottom: 26px;
}
.buildingBlock5Content .attention p{
    font-size: 12px;
    font-weight: 400;
    font-family: din-2014, sans-serif;    
}
.buildingBlock5Content .matarPortWrap h3{
    margin-bottom: 41px;
}
.buildingBlock5Content .matarPortWrap ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 32px;
}
.buildingBlock5Content .matarPortWrap ul li a .imgBox{
    margin-bottom: 20px;
    position: relative;
    aspect-ratio: 478 / 269;
}
.buildingBlock5Content .matarPortWrap ul li a .imgBox iframe{
    width: 100%;
    height: 100%;
}
.buildingBlock5Content .matarPortWrap ul li a .imgBox .catName{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 20px;
    width: fit-content;
}
.buildingBlock5Content .matarPortWrap ul li a h4{
    font-size: 15px;
    font-weight: 600;
}
.buildingBlock6{
    margin-bottom: 289px;
}
.buildingBlock6 .faqInner .tit2{
    margin-bottom: 174px;
}
.itemPhotoBlock1{
    margin-bottom: 140px;
}
.itemPhotoBlock2{
    margin-bottom: 166px;
}
.itemPhotoBlock2Inner{
    width: 98%;
    margin: 0 auto;
}
.itemPhotoBlock2Inner .photoList{
    margin-bottom: 32px;
}
.itemPhotoBlock3{
    margin-bottom: 214px;
}
.itemPhotoBlock3Inner{
    width: 98%;
    margin: 0 auto;
}
.itemPhotoBlock3Inner .tit2{
    margin-bottom: 165px;
}
.itemPhotoBlock3Content{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}
.itemPhotoBlock3Content table{
    width: 100%;
    border-collapse: separate;
    margin-bottom: 75px;
}
.itemPhotoBlock3Content table th,
.itemPhotoBlock3Content table td{
    text-align: center;
    padding: 42px 3%;
    border: 1px solid #bfbfbf;
}
.itemPhotoBlock3Content table th:nth-child(1),
.itemPhotoBlock3Content table td:nth-child(1){
    width: 70%;
    text-align: left;
}
.itemPhotoBlock3Content table th:first-child{
    border-radius: 20px 0 0 0;
}
.itemPhotoBlock3Content table th:last-child{
    border-radius: 0 20px 0 0;
}
.itemPhotoBlock3Content table th:nth-child(2),
.itemPhotoBlock3Content table td:nth-child(2){
    width: 30%;
}
.itemPhotoBlock3Content table td:nth-child(2){
    font-weight: 700;
}
.itemPhotoBlock3Content table th{
    background-color: #000;
    color: #fff;
    font-weight: 700;
}
.itemPhotoBlock3Content table td{
    background-color: #fff;
}
.itemPhotoBlock3Content table td .df .koumoku{
    width: 40%;
    font-weight: 700;
}
.itemPhotoBlock3Content table td .df .text{
    width: 60%;
    font-weight: 400;
}
.itemPhotoBlock3Content .attention h3{
    font-size: 18px;
    font-weight: 700;
}
.itemPhotoBlock3Content .attention p{
    font-size: 12px;
    font-weight: 400;
}
.itemPhotoBlock4{
    margin-bottom: 184px;
}
.idPhotoBlock1{
    margin-bottom: 114px;
}
.idPhotoBlock2{
    margin-bottom: 122px;
}
.idPhotoBlock2Inner{
    width: 98%;
    margin: 0 auto;
}
.idPhotoBlock2Inner .photoList{
    margin-bottom: 32px;
}
.idPhotoBlock3{
    margin-bottom: 230px;
}
.idPhotoBlock3Inner{
    width: 98%;
    margin: 0 auto;
}
.idPhotoBlock3Inner .tit2{
    margin-bottom: 136px;
}
.idPhotoBlock3Content{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}
.idPhotoBlock3Content table{
    width: 100%;
    border-collapse: separate;
    margin-bottom: 75px;
}
.idPhotoBlock3Content table th,
.idPhotoBlock3Content table td{
    text-align: center;
    padding: 42px 3%;
    border: 1px solid #bfbfbf;
}
.idPhotoBlock3Content table th:nth-child(1),
.idPhotoBlock3Content table td:nth-child(1){
    width: 70%;
    text-align: left;
}
.idPhotoBlock3Content table th:first-child{
    border-radius: 20px 0 0 0;
}
.idPhotoBlock3Content table th:last-child{
    border-radius: 0 20px 0 0;
}
.idPhotoBlock3Content table th:nth-child(2),
.idPhotoBlock3Content table td:nth-child(2){
    width: 30%;
}
.idPhotoBlock3Content table td:nth-child(2){
    font-weight: 700;
}
.idPhotoBlock3Content table th{
    background-color: #000;
    color: #fff;
    font-weight: 700;
}
.idPhotoBlock3Content table td{
    background-color: #fff;
}
.idPhotoBlock3Content table td .df .koumoku{
    width: 40%;
    font-weight: 700;
}
.idPhotoBlock3Content table td .df .text{
    width: 60%;
    font-weight: 400;
}
.idPhotoBlock3Content .attention h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 41px;
}
.idPhotoBlock3Content .attention p{
    font-size: 12px;
    font-weight: 400;
    font-family: din-2014, sans-serif;
}
.idPhotoBlock4{
    margin-bottom: 326px;
}
.idPhotoBlock4Inner{
    width: 98%;
    margin: 0 auto;
}
.idPhotoBlock4Inner .tit2{
    margin-bottom: 174px;
}
.singleWrap1 {
    width: 98%;
    margin: 0 auto 120px;
}
.singleWrap1 > section{
    box-sizing: border-box;
    padding: 2%;
    border: 1px solid #707070;
}
.sticky {
    position: sticky;
    top: 200px;
}
.singleBlockRight {
    width: 20%;
}
/* サイドバー */
.singleBlockRight h2 {
    font-family: "din-2014";
    font-size: 34px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #707070;
}
.singleBlockRight .box1 {
    margin-top: 70px;
}
.singleBlockRight .box1:nth-child(1) {
    margin-top: 0;
}
.searchform {
    display: flex;
    align-items: stretch;
}
.searchform .searchInput {
    width: 80%;
    font-size: 14px;
    box-sizing: border-box;
    padding: 5%;
}
.searchform .searchBtn {
    width: 20%;
    background: #000;
}
.searchform .searchBtn img {
    width: 60%;
}
.rankingBtn .txt1 {
    font-size: 15px;
    font-weight: 600;
    font-family: "din-2014";
}
.rankingBtn div a {
    color: #fff;
    background: #868686;
    padding: 5px 0;
    width: 62px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-size: 12px;
}
.rankingList li {
    margin-top: 20px;
    position: relative;
}
.rankingList li .rank {
    font-size: 16px;
    font-weight: 600;
    font-family: "din-2014";
    background: #fff;
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 2;
}
.rankingList li a {
    width:100%;
}
.rankingList li a:hover img {
    transform:scale(1.1,1.1);
}
.rankingList li a .imgbox {
    width: 30%;
    overflow:hidden;
}
.rankingList .imgbox img {
    width: 100%;
    height: auto;
}
.rankingList li a .txtBox {
    width: 65%;
}
.rankingList li a .txtBox .day {
    font-size: 16px;
    font-weight: 600;
    font-family: "din-2014";
    letter-spacing: 0;
    margin-right: 12px;
}
.rankingList li a .txtBox .cat {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    font-family: "din-2014";
    letter-spacing: 0;
    padding: 3px 10px;
}
.rankingList li a .txtBox h3 {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.catList a {
    font-size: 18px;
    font-weight: 600;
    font-family: "din-2014";
    margin: 10px 0;
    display: block;
}
.tagList2 ul {
    flex-wrap: wrap;
}
.tagList2 a {
    background: #868686;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 12px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
}
.tagList2 a:hover {
    background:#000;
}
.postList .tagList a {
    color: #0058FF;
}
.postList li a .imgBox img {
    width: 100%;
    height: 100%;
    transition: .3s;
    object-fit: cover;
}
.postList li a:hover .imgBox img {
    transform:scale(1.1,1.1);
}
.postList li a .imgBox {
    overflow: hidden;
    aspect-ratio: 1/1;
}
.topicsList {
    width: 80%;
}
.topicsList .postList > li {
    margin-top: 80px;
}
.singleBlockLeft {
    width: 25%;
}
.singleBlockLeft img{
    width: 100%;
    height: auto;
}
.singleBlockCenter {
    width: 55%;
}
.singleBlockLeft .day {
    font-family: "din-2014";
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 40px;
}
.singleBlockLeft > img {
    width: 100%;
    height:auto;
}
.singleBlockCenter > .cat {
    background: #000;
    padding: 6px 10px;
    color: #fff;
    width: fit-content;
    font-size: 12px;
    font-family: "din-2014";
}
.singleBlockCenter > h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 20px 0 40px;
}
.tagList li a {
    color: #0058FF;
    font-size: 12px;
    font-weight: 700;
    margin-right: 20px;
}
.entry-conts {
    margin-top: 40px;
    padding-bottom: 70px;
    margin-bottom: 70px;
    position: relative;
}
.entry-conts:after {
    content: "";
    display: block;
    position: absolute;
    background: #707070;
    width: 16px;
    height: 1px;
    bottom: 0;
    left: 0;
    margin: auto;
}
.entry-conts * {
    line-height: 2.4;
}
.entry-conts h2 {
    font-size: 24px;
    font-weight: 600;
}
.entry-conts h3 {
    font-size: 22px;
    font-weight: 600;
}
.entry-conts h4 {
    font-size: 20px;
    font-weight: 600;
}
.entry-conts h5 {
    font-size: 18px;
    font-weight: 600;
}
.entry-conts h6 {
    font-size: 16px;
    font-weight: 700;
}
.singleInfo {
    background: #fff;
    box-sizing: border-box;
    padding: 4%;
    align-items: center;
}
.singleInfoImg {
    width: 40%;
    margin-right: 5%;
}
.singleInfo .right {
    width: 55%;
}
.singleInfo .right h3 {
    font-size: 15px;
    font-weight: 700;
    padding-bottom:22px;
    border-bottom:1px solid #EDEDED;
}
.singleInfo .right dl {
    display: flex;
    flex-wrap: wrap;
}
.singleInfo .right dt,
.singleInfo .right dd {
    font-size: 13px;
    padding: 14px 0;
    border-bottom:1px solid #EDEDED;
}
.singleInfo .right dt{
    width: 25%;
    padding-right:5%;
    font-weight:600;
}
.singleInfo .right dd{
    width: 70%;
}
.singleShare {
    margin: 70px 0;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 30px 0;
}
.singleShare h3 {
    font-size: 22px;
    font-weight: 600;
    font-family: "din-2014";
}
.snsIcon a {
    display: inline-block;
    margin-left: 20px;
}
.singlePrevnext {
    align-items: center;
}
.singlePrevnext > * {
    font-size: 15px;
    font-weight: 600;
}
.singlePrevnext .prev, .singlePrevnext .next {
    display: flex;
    align-items: center;
}
.singlePrevnext .prev img {
    margin-right: 10px;
    transform: scale(-1, 1);
}
.singlePrevnext .next img {
    margin-left: 10px;
}
.singlePrevnext > span.disabled {
    opacity: .4;
}
.pageTopics .singleBlockLeft {
    width: 80%;
}
.subPage .subVisual img.subKuromaru,
.topPage .mainVisual img.subKuromaru {
    width: 240px;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    object-fit: unset;
    z-index: 10;
}
.pageRental .subVisual {
    position: relative;
    margin-bottom: 127px;
    height: calc(100vh - 194px);
    width: 98%;
    padding: 0 1%;
}
.pageRental .studoBlock2 {
    margin-top: 130px;
}
.rentalBlock3 {
    width: 98%;
    margin: 0 auto 130px;
}
.rentalBlock3 .wrap1 {
    padding-top: 130px;
    align-items: center;
}
.rentalBlock3 .wrap1 iframe {
    width: 70%;
    height: 100%;
    margin-right: 3%;
    aspect-ratio: 1360/750;
}
.rentalBlock3 .wrap1 .right {
    width: 27%;
}
.rentalBlock3 .wrap1 .right h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 60px;
}
.rentalBlock3 .wrap1 .right dl {
    margin-bottom: 40px;
}
.rentalBlock3 .wrap1 .right dt {
    font-size: 15px;
    font-weight: 700;
    margin: 40px 0 4px;
}
.rentalBlock3 .wrap1 .right dd {
    font-size: 15px;
}
.rentalBlock3 .box1 h3 {
    margin: 40px 0 30px;
    font-size: 24px;
    font-weight: 700;
}
.rentalBlock3 .box1 p {
    font-size: 15px;
}
.rentalBlock4 .optionDetail {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}
.rentalBlock5 {
    width: 98%;
    margin: 0 auto;
}
.rentalBlock5 > div {
    margin-top: 150px;
}
.rentalBlock5 > div h3 {
    font-size: 18px;
    font-weight: 700;
}
.rentalBlock5 > div h4 {
    margin:40px 0 30px;
    font-weight:600;
    font-size:24px;
}
.rentalBlock5  > div .txt1 {
    font-size: 15px;
    margin-bottom: 50px;
}
.rentalBlock5 .box1 ul li {
    width: 49.5%;
}
.rentalBlock5 .box1 ul li iframe {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 932/524;
    position: static !important;
}
.rentalBlock5 .box2 .imgList {
    flex-wrap: wrap;
}
.rentalBlock5 .box2 .imgList img {
    width: 24.5%;
}
.rentalBlock6 {
    margin-top: 200px;
}
.anserBox {
    opacity: 0;
    height: 0;
    transition: .3s;
}
.on .anserBox {
    opacity: 1;
    height: auto;
}
.fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.fadein.show {
  opacity: 1;
  transform: translateY(0);
}
.spResarve{
    display: none;
}
.photoGalleryPage .fvSlideOne .sp{
    display: none;
}
@media (width < 1850px) {
 .topBlock1 .topBlock1Inner .box.no1 h3{
    font-size: 26px;
 }
 .topBlock4 .box1 .left h3{
    font-size: 22px;
 }
}
@media (width < 1580px){
    .contactBlock{
        flex-wrap: wrap;
    }
    .contactBlock .tit1{
        width: 100%;
        margin-bottom: 51px;
        margin-right: 0;
    }
    .contactBlock .note{
        width: 48%;
    }
    .subPage .subVisual .nav ul li{
        width: 150px;
    }
}
@media(width < 1440px){
    .topBlock4 .box1.no3 .left img{
        margin-bottom: 36px;
    }
    .topBlock3Inner .right li a img{
        width: 30%;
    }
    .topBlock3Inner .right li a .postDate{
        display: none;
    }
    .topBlock3Inner .right li a .txtBox .postDate{
        display: block;
        margin-right: 10px;
        width: auto;
    }
    .subPage .subVisual .nav .titTxt{
        padding: 16px 24px;
        font-size: 16px;
    }
    .itemPhotoBlock3Content{
        width: 100%;
    }
    .idPhotoBlock3Content{
        width: 100%;
    }
}
@media (width < 1280px ){
    header.pc{
        display: none;
    }
    header.sp{
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 997;
    }
    header.sp .hbMenuWrap{
        width: 40px;
        height: 40px;
    }
    header.sp .hbMenuWrap .hbMenuBtn{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 999;
    }
    header.sp .hbMenuWrap .hbMenuBtn span{
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: .3s;
    }
    header.sp .hbMenuWrap.on .hbMenuBtn span{
        background-color: #000;
    }
    header.sp .hbMenuWrap .hbMenuBtn span:first-child{
        margin-bottom: 6px;
    }
    header.sp .hbMenuWrap.on .hbMenuBtn span:first-child{
        transform: rotate(30deg);
        margin-bottom: -1px;
    }
    header.sp .hbMenuWrap.on .hbMenuBtn span:last-child{
        transform: rotate(-30deg);
    }
    header.sp .hbMenuWrap .hbMenu{
        width: 100%;
        height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 100%;
        padding: 32px 5% 40px;
        box-sizing: border-box;
        overflow-y: scroll;
        transition: .3s;
        z-index: 998;
    }
    header.sp .hbMenuWrap.on .hbMenu{
        left: 0;
    }
    header.sp .hbMenuWrap .hbMenu *{
        color: #000;
    }
    header.sp .hbMenuWrap .hbMenu .logo{
        margin-bottom: 60px;
    }
    header.sp .hbMenuWrap .hbMenu nav{
        margin-bottom: 60px;
    }
    header.sp .hbMenuWrap .hbMenu nav li{
        margin-bottom: 22px;
    }
    header.sp .hbMenuWrap .hbMenu nav li a{
        color: #000;
        font-size: 20px;
        font-weight: 700;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox{
        margin-bottom: 65px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox > img{
        display: block;
        margin-bottom: 28px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox .studioName{
        font-size: 17px;
        font-weight: 700;
        font-family: avenir-lt-pro, sans-serif;
        margin-bottom: 3px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox .address{
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 11px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox .address a{
        font-size: 12px;
        font-weight: 500;
        color: #000;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox .companyName{
        font-size: 12px;
        font-weight: 400;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2{
        margin-bottom: 65px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .titTxt{
        font-size: 36px;
        font-weight: 700;
        font-family: avenir-lt-pro, sans-serif;
        margin-bottom: 44px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks{
        margin-bottom: 66px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li{
        margin-bottom: 17px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li.galleryLinks{
        position: relative;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li.galleryLinks .gallerySubLinks{
        padding-top: 24px;
        position: absolute;
        top: 0;
        right: 0;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li.galleryLinks .gallerySubLinks ul{
        padding: 19px 12px;
        width: 194px;
        box-sizing: border-box;
        background-color: #909090;
        border: 1px solid #707070;
        position: relative;
        width: fit-content;
        margin: 0 0 0 auto;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li.galleryLinks .gallerySubLinks ul::before{
        display: block;
        content: "";
        width: 1px;
        height: 17px;
        background-color: #909090;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li.galleryLinks .gallerySubLinks li{
        margin-bottom: 5px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li.galleryLinks .gallerySubLinks li a{
        font-size: 12px;
        font-weight: 700;
        color: #fff;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .hbLinks li a{
        font-size: 12px;
        font-weight: 700;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .otherLinks li{
        margin-bottom: 12px;
    }
    header.sp .hbMenuWrap .hbMenu .hbMenuBox2 .otherLinks li a{
        font-size: 12px;
        font-weight: 700;
        color: #888888;
    }
    header.sp .hbMenuWrap .hbMenu .copy{
        font-size: 12px;
        font-weight: 400;
    }
    footer .footerInner .footerBlock1.pc{
        display: none;
    }
    footer .footerInner .footerBlock1.sp{
        display: block;
        margin-bottom: 65px;
    }
    footer .footerInner .footerBlock1.sp .pageTopBack{
        display: block;
        width: 12px;
        margin: 0 0 16px auto;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks{
        border-bottom: 1px solid #BFBFBF;
        padding: 18px 0;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks:first-of-type{
        border-top: 1px solid #BFBFBF;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks .linkTit{
        font-size: 17px;
        font-weight: 700;
        font-family: avenir-lt-pro, sans-serif;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks p.linkTit{
         margin-bottom: 11px;
         display: block;
         width: 100%;
         position: relative;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks p.linkTit span{
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks p.linkTit span::before,
    footer .footerInner .footerBlock1.sp .spFooterLinks p.linkTit span::after{
        display: block;
        content: "";
        background-color: #000;
        position: absolute;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks p.linkTit span::before{
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks p.linkTit span::after{
        width: 2px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        transition: .3s;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks.on p.linkTit span::after{
        transform: translateX(-50%) rotate(-90deg);
        opacity: 0;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks ul{
        max-height: 0;
        overflow: hidden;
        transition: .3s;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks.on ul{
        margin-top: 11px;
        max-height: 500px;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks ul li{
        margin-bottom: 14px;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks ul li:last-child{
        margin-bottom: 0;
    }
    footer .footerInner .footerBlock1.sp .spFooterLinks ul li a{
        font-size: 13px;
        font-size: 500;
        color: #4E4E4E;
    }
    footer .footerInner .footerBlock2{
        flex-direction: column;
    }
    footer .footerInner .footerBlock2 > a{
        width: 80%;
        margin-bottom: 47px;
    }
    footer .footerInner .footerBlock2Content{
        width: 100%;
        padding: 0;
    }
    .topBlock1{
        width: 90%;
    }
    .topBlock1 .topBlock1Inner{
        flex-direction: column;
    }
    .topBlock1 .topBlock1Inner .box{
        border-right: none;
        border-bottom: 1px solid #707070;
    }
    .topBlock1 .topBlock1Inner .box.no1{
        width: 100%;
    }
    .topBlock1 .topBlock1Inner .box.no2{
        width: 100%;
    }
    .topBlock1 .topBlock1Inner .box.no3{
        width: 100%;
    }
    .topBlock2{
        width: 90%;
    }
    .topBlock2 .service{
        grid-template-columns: 1fr 1fr;
    }
    .topBlock3.pc{
        display: none;
    }
    .topBlock3.sp{
        display: block;
        width: 90%;
        margin: 0 auto 106px;
    }
    .topBlock3.sp .tit1{
        margin-bottom: 56px;
    }
    .topBlock3.sp .topBlock3Inner{
        border: none;
        width: 100%;
        margin-bottom: 58px;
    }
    .topBlock3.sp .topBlock3Inner .right{
        width: 100%;
    }
    .topBlock3.sp .topBlock3Inner .right li{
        border-bottom: 1px solid #D6D6D6;
    }
    .topBlock3.sp .topBlock3Inner .right li:first-child{
        border-top: 1px solid #D6D6D6;
    }
    .topBlock3.sp .topBlock3Inner .right li a{
        padding: 23px 0;
    }
    .topBlock4{
        width: 90%;
    }
    .topBlock4 .box1{
        flex-direction: column;
    }
    .topBlock4 .box1 .left{
        width: 100%;
        padding: 0;
        margin-bottom: 31px;
    }
    .topBlock4 .box1 .left img{
        margin: 0 auto 44px;
    }
    .topBlock4 .box1 .left h3{
        font-size: 24px;
        text-align: center;
        margin-bottom: 36px;
    }
    .topBlock4 .box1 .left .linkBtn.pc{
        display: none;
    }
    .topBlock4 .box1 .linkBtn.sp{
        display: flex;
        margin: 0 auto;
    }
    .topBlock4 .box1 .imgBox{
        width: 100%;
        margin-bottom: 31px;
    }
    .topBlock4 .box1 .right{
        width: 100%;
        display: block;
    }
    .topBlock5Content.pc{
        display: none;
    }
    .topBlock5Container .topBlock5Content.sp{
        display: flex;
        width: 100%;
        margin: 0 0 40px auto;
    }
    .topBlock5Container .topBlock5Content.sp .swiper-wrapper{
        transition-timing-function: linear;
    }
    .topBlock5Container .linkBtn.sp{
        display: flex;
        margin-left: 5%;
    }
    .topBlock5Inner{
        width: 100%;
    }
    .topBlock5Inner .tit1{
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px solid #707070;
        padding-bottom: 31px;
    }
    .topBlock5Inner .topBlock5Container{
        padding-top: 51px;
        border: none;
    }
    .topBlock5Container h3{
        width: 90%;
        margin: 0 auto 31px;
    }
    .topBlock5Container p{
        width: 90%;
        margin: 0 auto 50px;
    }
    .contactBlock{
        width: 90%;
        margin: 0 auto 42px;
    }
    .contactBlock .note{
        width: 100%;
        margin-bottom: 35px;
    }
    .contactBlock .linkBtn2{
        width: 100%;
        margin: 0;
    }
    footer .footerInner{
        width: 90%;
        margin: 0 auto;
    }
    .subPage{
        padding-top: 0;
    }
    .subPage .subVisual{
        height: 100vh;
    }
    .subPage .subVisual .imgBox{
        width: 100%;
    }
    .subPage .subVisual .nav{
        display: none;
    }
    .subPage .subVisual img.subKuromaru.pc {
        display: none;
    }
    .spHoverNav{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 997;
    }
    .spHoverNav .subKuromaru.sp{
        display: block;
        width: 242px;
        position: absolute;
        bottom: 100%;
        right: 0;
        visibility: visible;
        opacity: 1;
        transition: .3s;
    }
    .spHoverNav.down .subKuromaru.sp{
        visibility: hidden;
        opacity: 0;
    }
    .spHoverNav ul{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 0;
        background-color: #000;
        padding: 8px 0;
    }
    .spHoverNav ul li{
        height: 53px;
        border-right: 1px solid #888888;
    }
    .spHoverNav ul li:last-child{
        border-right: none;
    }
    .spHoverNav ul li a{
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .spHoverNav ul li a img{
        display: block;
    }
    .spHoverNav ul li.topDetail a img{
        margin-bottom: 7px;
    }
    .spHoverNav ul li.seenDetail a img{
        margin-bottom: 9px;
    }
    .spHoverNav ul li.serviseDetail a img{
        margin-bottom: 9px;
    }
    .spHoverNav ul li.tokutyoDetail a img{
        margin-bottom: 11px;
    }
    .spHoverNav ul li.gaiyoDetail a img{
        margin-bottom: 10px;
    }
    .spHoverNav ul li.planDetail a img{
        margin-bottom: 14px;
    }
    .spHoverNav ul li.flowDetail a img{
        margin-bottom: 7px;
    }
    .spHoverNav ul li.faqDetail a img{
        margin-bottom: 8px;
    }
    .spHoverNav ul li.menuDetail a img{
        margin-bottom: 10px;
    }
    .spHoverNav ul li.newsDetail a img{
        margin-bottom: 10px;
    }
    .spHoverNav ul li.jissekiDetail a img{
        margin-bottom: 10px;
    }
    .studoBlock2Inner ul{
        grid-template-columns: 1fr 1fr;
        gap: 40px 10px;
    }
    .rentalBlock3 .wrap1{
        flex-direction: column;
    }
    .rentalBlock3 .wrap1 iframe{
        width: 100%;
        margin-right: 0;
    }
    .rentalBlock3 .wrap1 .right{
        width: 100%;
    }
    .studoBlock4Inner .studoBlock4Content{
        grid-template-columns: 1fr;
        gap: 40px 0;
    }
    .studoBlock4Inner .studoBlock4Content .box .iconlist li{
        width: 25%;
    }
    .studoBlock4Inner .studoBlock4Content .box .iconlist li img{
        margin: 0 auto 37px;
    }
    .studoBlock5Inner > p{
        width: 100%;
    }
    .studoBlock5Inner .serviceList{
        grid-template-columns: 1fr 1fr;
        gap: 40px 10px;
    }
    .studoBlock1Inner{
        width: 90%;
    }
    .studoBlock2Inner{
        width: 90%;
    }
    .rentalBlock3{
        width: 90%;
        margin-bottom: 80px;
    }
    .studoBlock4Inner{
        width: 90%;
    }
    .studoBlock5Inner{
        width: 90%;
    }
    .subPage .backToTop{
        margin: 0 5% 0 auto;
    }
    .accessMapInner{
        width: 90%;
    }
    .accessMapInner .accessMapContent .accessTxtBox{
        margin-left: 0;
    }
    .servicePage .subPageTit{
        width: 90%;
        padding-bottom: 20px;
    }
    .servicePage .serviceBlock .serviceBlockInner{
        width: 90%;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li{
        flex-direction: column;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left{
        order: 2;
        width: 100%;
        padding-right: 0;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap{
        justify-content: space-between;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .right{
        order: 1;
        width: 100%;
        margin-bottom: 40px;
    }
    .subPage.selfPage .subVisual .imgBox, 
    .subPage.idPhotoPage .subVisual .imgBox{
        flex-direction: column;
    }
    .subPage.selfPage .subVisual .imgBox .fvSlide, 
    .subPage.idPhotoPage .subVisual .imgBox .fvSlide{
        width: 100%;
        height: 100vw;
    }
    .selfPage .selfBlock1Inner > p{
        width: 100%;
    }
    .selfPage .selfBlock1Inner{
        width: 90%;
    }
    .selfPage .selfBlockInner2{
        gap: 40px ;
    }
    .selfPage .selfBlockInner3 .makeItem{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
    .selfPage .selfBlockInner3 .makeItem img{
        width: 100%;
    }
    .selfPage .selfBlock2Inner{
        width: 90%;
    }
    .selfPage .selfBlock2Inner table th:nth-child(1){
        width: 20%;
    }
    .optionDetail {
        width: 100%;
        flex-direction: column;
    }
    .optionDetail .left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .optionDetail .right{
        width: 100%;
    }
    .selfPage .selfBlock3Inner{
        width: 90%;
    }
    .whiteLinkBox{
        width: 90%;
    }
    .subPage .whiteLinkBox .poseLists{
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px;
    }
    .selfPage .selfBlock4Inner{
        width: 90%;
    }
    .flowWrap{
        width: 100%;
    }
    .flowWrap li{
        flex-direction: column;
    }
    .flowWrap li .left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .flowWrap li .left p{
        margin-bottom: 0;
    }
    .flowWrap li .right{
        width: 100%;
    }
    .faqInner{
        width: 90%;
    }
    .faqInner .fawContent{
        width: 100%;
    }
    .faqInner .fawContent h3{
        font-size: 24px;
    }
    .subPage .conceptBlockInner .conceptBox{
        flex-direction: column;
    }
    .subPage .conceptBlockInner .conceptBox .left{
        width: 100%;
    }
    .subPage .conceptBlockInner .conceptBox .right{
        width: 100%;
        padding-left: 0;
    }
    .subPage .conceptBlockInner .conceptBox .right h3{
        text-align: center;
    }
    .subPage .conceptBlockInner .conceptBox .right .linkBtn{
        margin: 0 auto;
    }
    .subPage .conceptBlockInner{
        width: 90%;
    }
    .subPage .conceptBlockInner .tit2{
        margin-bottom: 40px;
    }
    .subPage .conceptBlockInner .conceptBox{
        margin-bottom: 60px;
    }
    .subPage .photoGalleryBlock1{
        margin-bottom: 80px;
    }
    .photoGalleryPage .photoSlide{
        margin-bottom: 80px;
    }
    .photoGalleryBlock2{
        margin-bottom: 80px;
    }
    .photoGalleryBlock2Inner{
        width: 90%;
    }
    .photoGalleryBlock2Inner .tit2{
        margin-bottom: 40px;
    }
    .tokutyoBox{
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px;
    }
    .photoGalleryBlock3{
        margin-bottom: 80px;
    }
    .photoGalleryBlock3Inner .tit2{
        margin-bottom: 40px;
    }
    .photoGalleryBlock5{
        margin-bottom: 80px;
    }
    .photoGalleryBlock5Inner{
        width: 90%;
    }
    .photoGalleryBlock5Inner .tit2{
        margin-bottom: 40px;
    }
    .photoGalleryBlock5Inner .planList{
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .photoGalleryBlock5Inner .planList .box{
        width: 100%;
    }
    .photoGalleryBlock5Inner .planList .plus{
        width: 10%;
        display: block;
        margin: 20px 0;
    }
    .photoGalleryBlock5Inner > .text{
        text-align: left;
    }
    .photoGalleryBlock5Inner > .text br{
        display: none;
    }
    .hairBlock2Inner{
        width: 90%;
    }
    .hairBlock3Inner{
        width: 90%;
    }
    .photoList.dg4{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .hairBlock4Inner{
        width: 90%;
    }
    .hairBlock4Content table th:nth-child(1){
        width: 20%;
    }
    .hairBlock4Content table td.title span{
        display: block;
        margin-bottom: 10px;
    }
    .hairBlock5Inner{
        width: 90%;
    }
    .hairBlock5Content{
        width: 100%;
        padding-right: 0;
    }
    .faqInner .fawContent .qaList li .questionBox{
        font-size: 15px;
    }
    .hairBlock2{
        margin-bottom: 80px;
    }
    .hairBlock2Inner .tit2{
        margin-bottom: 40px;
    }
    .hairBlock2Inner .artist{
        width: 100%;
    }
    .hairBlock3{
        margin-bottom: 80px;
    }
    .photoBox .tit2{
        margin-bottom: 40px;
    }
    .hairBlock4{
        margin-bottom: 80px;
    }
    .hairBlock4Inner .tit2{
        margin-bottom: 40px;
    }
    .hairBlock5{
        margin-bottom: 80px;
    }
    .hairBlock5Inner .tit2{
        margin-bottom: 40px;
    }
    .hairBlock6{
        margin-bottom: 80px;
    }
    .faqInner .tit2{
        margin-bottom: 40px;
    }
    .hairBlock1{
        margin-bottom: 80px;
    }
    .hairPage .photoSlide{
        margin-bottom: 80px;
    }
    .conceptBlock.point .conceptBox{
        width: 100%;
    }
    .conceptBlock.point .conceptBlockInner .tit2{
        margin-bottom: 40px;
    }
    .buildingBlock1{
        margin-bottom: 80px;
    }
    .buildingBlock2{
        margin-bottom: 80px;
    }
    .buildingBlock2Inner{
        width: 90%;
    }
    .buildingBlock3{
        margin-bottom: 80px;
    }
    .buildingBlock3Inner{
        width: 90%;
    }
    .buildingBlock3Inner .tit2{
        margin-bottom: 40px;
    }
    .buildingBlock4{
        margin-bottom: 80px;
    }
    .buildingBlock4Inner{
        width: 90%;
    }
    .buildingBlock4Inner .tit2{
        margin-bottom: 40px;
    }
    .buildingBlock4Content{
        width: 100%;
    }
    .buildingBlock4Content h3{
        margin-bottom: 80px;
        text-align: left;
    }
    .buildingBlock4Content ul{
        grid-template-columns: 1fr;
        gap: 40px 0;
    }
    .buildingBlock4Content ul::before{
        width: 1px;
        height: 90%;
        left: 35px;
        top: 0;
        transform: translateX(0);
    }
    .buildingBlock4Content ul li{
        height: auto;
        flex-direction: unset;
    }
    .buildingBlock4Content ul li .buildContact{
        display: block;
        width: calc(100% - 69px);
        padding-left: 5%;
        box-sizing: border-box;
    }
    .buildingBlock4Content ul li img{
        display: none;
    }
    .buildingBlock4Content ul li .txtBox h4{
        text-align: left;
    }
    .buildingBlock4Content ul li .txtBox p{
        text-align: left;
    }
    .buildingBlock5Content table th:first-child{
        width: 20%;
        border-radius: 10px 0 0 0;
    }
    .buildingBlock5Content table th:last-child{
        border-radius: 0 10px 0 0;
    }
    .buildingBlock5{
        margin-bottom: 80px;
    }
    .buildingBlock5Inner{
        width: 90%;
    }
    .buildingBlock5Inner .tit2{
        margin-bottom: 40px;
    }
    .buildingBlock5Content .attention{
        margin-bottom: 60px;
    }
    .buildingBlock5Content .matarPortWrap ul{
        grid-template-columns: 1fr 1fr;
    }
    .buildingBlock6{
        margin-bottom: 80px;
    }
    .buildingBlock6 .faqInner .tit2{
        margin-bottom: 40px;
    }
    .itemPhotoBlock1{
        margin-bottom: 80px;
    }
    .itemPhotoBlock2{
        margin-bottom: 80px;
    }
    .itemPhotoBlock2Inner{
        width: 90%;
    }
    .itemPhotoBlock3{
        margin-bottom: 80px;
    }
    .itemPhotoBlock3Inner{
        width: 90%;
    }
    .itemPhotoBlock3Inner .tit2{
        margin-bottom: 40px;
    }
    .idPhotoBlock2Inner{
        width: 90%;
    }
    .idPhotoBlock3{
        margin-bottom: 80px;
    }
    .idPhotoBlock3Inner{
        width: 90%;
    }
    .idPhotoBlock3Inner .tit2{
        margin-bottom: 40px;
    }
    .idPhotoBlock4{
        margin-bottom: 80px;
    }
    .idPhotoBlock4Inner{
        width: 90%;
    }
    .idPhotoBlock4Inner .tit2{
        margin-bottom: 40px;
    }
    .idPhotoBlock1{
        margin-bottom: 80px;
    }
    .idPhotoBlock2{
        margin-bottom: 80px;
    }
    .pageRental .studoBlock2{
        margin: 80px 0;
    }
    .studoBlock2Inner .tit2{
        margin-bottom: 80px;
    }
    .rentalBlock3 .wrap1{
        padding-top: 80px;
    }
    .rentalBlock5{
        width: 90%;
    }
    .rentalBlock5 > div.box1{
        margin-top: 40px;
    }
    .rentalBlock6{
        margin-top: 80px;
    }
    .postList{
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px;
    }
    .photoGalleryBlock6{
        margin-bottom: 80px;
    }
    .pageRental .subVisual{
        padding: 0;
        width: 100%;
    }
    .optionDetail .right{
        padding-right: 0;
    }
    .facilityBlock1 ul{
        grid-template-columns: repeat(3,1fr);
    }
    .singleWrap1{
        flex-direction: column;
        margin-bottom: 80px;
    }
    .pageTopics .singleBlockLeft{
        width: 100%;
    }
    .singleBlockRight{
        width: 100%;
        border-top: none;
    }
    .singleWrap1 > section{
        padding: 60px 2%;
    }
    .pageHead1{
        border-top: none;
        border-bottom: none;
    }
    .singleBlockLeft{
        width: 100%;
    }
    .singleBlockLeft .thumb {
        width: 100%;
        height: auto;
    }
    .singleBlockCenter{
        width: 100%;
        border-bottom: none;
        border-top: none;
    }
    .pageSingle .kuromaru{
        width: 180px;
        right: 0;
    }
    .singleInfo{
        flex-direction: column;
    }
    .singleInfoImg{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .singleInfo .right{
        width: 100%;
    }
    .pageFacility .kuromaru{
        width: 180px;
        right: 0;
        bottom: -50px;
    }
    .pageContact .pageHead1{
        padding: 110px 0 80px;
        border-bottom: 1px solid #707070;
    }
    .contactBlock1 > div{
        padding-top: 60px;
    }
    .pageContact section{
        margin-bottom: 60px;
    }
    .pageContact section{
        padding-top: 0;
    }
    .pagePrivacy .pageHead1{
        border-top: none;
        padding-bottom: 80px;
    }
    .privacyBlock1{
        margin-bottom: 80px !important;
    }
}
@media (width < 820px){
    footer .footerInner .footerBlock2{
        margin-bottom: 12px;
    }
    footer .footerInner .footerBlock2Content{
        flex-direction: column;
    }
    footer .footerInner .footerBlock2Content .sns{
        width: 100%;
        margin-bottom: 12px;
    }
    footer .footerInner .footerBlock2Content .address{
        width: 100%;
    }
    footer .footerInner .footerBlock2Content .titTxt{
        margin-bottom: 3px;
    }
    .copyWrap{
        flex-direction: column;
    }
    footer .footerInner .copyWrap a{
        margin-right: 0;
    }
    .topBlock2 > .service{
        display: none;
    }
    .topBlock2 .serviceWrap.sp{
        display: block;
    }
    .topBlock2 .service{
        grid-template-columns: 1fr;
        gap: 50px 0;
        margin-bottom: 48px;
    }
    .topBlock2 .serviceWrap.sp .serviceLinkBtn{
        width: 100%;
        height: 59px;
        background-color: #000;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .topBlock2 .serviceWrap.sp .serviceLinkBtn .icon{
        width: 15px;
        height: 10px;
        display: block;
        background: url('/wp-content/themes/b/img/linkArrow_w.svg') no-repeat center;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
    }
    .subPage .subVisual img.subKuromaru, .topPage .mainVisual img.subKuromaru{
        width: 158px;
    }
    header.sp{
        padding: 10px 2%;
    }
    header.sp h1{
        width: 148px;
    }
    .mainVisual{
        aspect-ratio: 9/16;
        margin-bottom: 90px;
    }
    #home-header{
        display: none;
    }
    .mainVisual .imgBox #home-header-sp{
        display: block;
    }
    .mainVisual .newPost{
        width: 75%;
    }
    .tit1{
        font-size: 36px;
    }
    .topBlock1{
        margin-bottom: 62px;
    }
    .topBlock1 .tit1{
        margin-bottom: 29px;
    }
    .topBlock1 .topBlock1Inner .box.no1{
        padding: 73px 0 80px;
    }
    .topBlock1 .topBlock1Inner .box.no1 img{
        margin-bottom: 73px;
    }.topBlock1 .topBlock1Inner .box.no1 h3{
        font-size: 25px;
        margin-bottom: 40px;
    }
    .topBlock1 .topBlock1Inner .box.no1 .note{
        font-size: 13px;
        margin-bottom: 40px;
    }
    .topBlock1 .topBlock1Inner .box.no2{
        padding: 54px 0;
    }
    .topBlock1 .topBlock1Inner .box.no2 h4{
        margin-bottom: 50px;
    }
    .topBlock1 .topBlock1Inner .box.no2 ul li{
        margin-bottom: 17px;
    }
    .topBlock1 .topBlock1Inner .box.no3{
        padding: 72px 0;
    }
    .topBlock1 .topBlock1Inner .box.no3 .txtBox{
        flex-direction: column;
        align-items: flex-start;
    }
    .topBlock1 .topBlock1Inner .box.no3 .txtBox .parking{
        margin-bottom: 7px;
    }
    .topBlock1 .topBlock1Inner .box.no3 .txtBox .note{
        font-size: 12px;
        margin-left: 0;
    }
    .topBlock2{
        margin-bottom: 106px;
    }
    .topBlock2 .service{
        padding: 72px 0 0;
    }
    .topBlock3.sp .topBlock3Inner .right li a{
        align-items: center;
    }
    .topBlock3Inner .right li a img{
        width: 40%;
        aspect-ratio: 1 / 1;
        height: 100%;
    }
    .topBlock3Inner .right li a .txtBox{
        width: 60%;
    }
    .topBlock3Inner .right li a .txtBox .categoryName{
        margin-bottom: 17px;
    }
    .topBlock3Inner .right li a .txtBox h3{
        margin-bottom: 0;
    }
    .topBlock4 .box1 .left .note{
        margin-bottom: 0;
    }
    .topBlock4 .box1Wrap{
        padding: 58px 0 0;
        margin-bottom: 93px;
    }
    .topBlock4 .box1 .left h3{
        font-size: 22px;
    }
    .topBlock4 .box1{
        padding-bottom: 54px;
        margin-bottom: 54px;
    }
    .topBlock4 .box1.no3{
        margin-bottom: 0;
    }
    .topBlock5Container h3{
        font-size: 30px;
    }
    .studoBlock4Inner .studoBlock4Content .box .iconlist{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px;
    }
    .studoBlock4Inner .studoBlock4Content .box .iconlist li{
        margin-right: 0;
        width: 100%;
    }
    .studoBlock4Inner .studoBlock4Content .box .iconlist li p{
        font-size: 13px;
    }
    .studoBlock1Inner .tit2{
        margin-bottom: 20px;
    }
    .studioPage .studoBlock1{
        margin-bottom: 80px;
    }
    .studoBlock2Inner .tit2{
        margin-bottom: 40px;
    }
    .studoBlock2Inner ul{
        grid-template-columns: 1fr;
        gap: 40px 0;
    }
    .studoBlock2Inner ul li img{
        margin-bottom: 10px;
    }
    .studoBlock2{
        margin-bottom: 80px;
    }
    .rentalBlock3{
        margin-bottom: 80px;
    }
    .rentalBlock3 .wrap1{
        padding-top: 40px;
    }
    .rentalBlock3 .wrap1 iframe{
        margin-bottom: 20px;
    }
    .rentalBlock3 .wrap1 .right h3{
        margin-bottom: 20px;
    }
    .rentalBlock3 .wrap1 .right dt{
        margin-top: 10px;
    }
    .studoBlock4{
        margin-bottom: 80px;
    }
    .studoBlock4Inner .tit2{
        margin-bottom: 40px;
    }
    .studoBlock4Inner .studoBlock4Content .box{
        padding: 40px 5%;
    }
    .studoBlock4Inner .studoBlock4Content .box h3{
        margin-bottom: 40px;
    }
    .studoBlock4Inner .studoBlock4Content .box .iconlist{
        margin-bottom: 40px;
    }
    .studoBlock4Inner .studoBlock4Content .box .text{
        font-size: 14px;
    }
    .studoBlock5Inner{
        padding-bottom: 80px;
    }
    .studoBlock5Inner .tit2{
        margin-bottom: 40px;
    }
    .studoBlock5Inner > p{
        font-size: 16px;
        margin-bottom: 60px;
    }
    .studoBlock5Inner .serviceList{
        grid-template-columns: 1fr;
        gap: 40px 0;
    }
    .studoBlock5Inner .serviceList li a h4{
        font-size: 18px;
    }
    .accessMapInner .accessMapContent iframe{
        margin-bottom: 40px;
    }
    .accessMapInner .accessMapContent .accessTxtBox{
        flex-direction: column;
    }
    .accessMapInner .accessMapContent .accessTxtBox .box.accessInfo{
        margin-bottom: 20px;
        margin-right: 0;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial{
        grid-template-columns: 1fr;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li:nth-child(odd){
        border-right: none;
    }
    .servicePage .serviceBlock .serviceBlockInner h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li{
        padding: 40px 0;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left h4{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .right{
        margin-bottom: 10px;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtnW{
        width: 48%;
        margin-right: 0;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .linkBtnWrap .linkBtn{
        width: 48%;
    }
    .servicePage .subPageTit{
        margin-bottom: 80px;
    }
    .selfPage .selfBlock1Inner .tit2{
        margin-bottom: 40px;
    }
    .selfPage .selfBlock1Inner h3{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .parallax{
        margin-bottom: 80px;
    }
    .selfPage .selfBlockInner2{
        grid-template-columns: 1fr;
        gap: 40px 0;
        margin-bottom: 60px;
    }
    .selfPage .selfBlockInner2 li{
        flex-direction: column;
    }
    .selfPage .selfBlockInner2 li .left{
        margin: 0 auto 10px;
        width: fit-content;
    }
    .selfPage .selfBlockInner2 li .right{
        width: 100%;
    }
    .selfPage .selfBlockInner2 li .right h4{
        text-align: center;
    }
    .selfPage .selfBlockInner3 h3{
        font-size: 22px;
    }
    .selfPage .selfBlockInner3 > p{
        width: 100%;
        margin-bottom: 60px;
    }
    .selfPage .selfBlockInner3 .makeItem{
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .selfPage .selfBlock1{
        margin-bottom: 80px;
    }
    .selfPage .selfBlock2Inner .tit2{
        margin-bottom: 40px;
    }
    .selfPage .selfBlock2Inner table{
        width: 540px;
    }
    .selfPage .selfBlock2Inner table th:nth-child(1){
        width: 10%;
        border-radius: 10px 0 0 0;
    }
    .selfPage .selfBlock2Inner table th:last-child{
        border-radius: 0 10px 0 0;
    }
    .selfPage .selfBlock2{
        margin-bottom: 80px;
    }
    .selfPage .selfBlock3Inner .tit2{
        margin-bottom: 40px;
    }
    .subPage .whiteLinkBox .poseLists{
        grid-template-columns: 1fr;
        gap: 40px 0;
    }
    .subPage .whiteLinkBox .poseLists img{
        margin-bottom: 10px;
    }
    .selfPage .selfBlock4Inner .tit2{
        margin-bottom: 20px;
    }
    .flowWrap h3{
        font-size: 22px;
    }
    .flowWrap p{
        margin-bottom: 40px;
    }
    .selfPage .selfBlock4{
        margin-bottom: 80px;
    }
    .faqInner .tit2{
        margin-bottom: 40px;
    }
    .selfPage .selfBlock5{
        margin-bottom: 80px;
    }
    .postList{
        grid-template-columns: 1fr;
        gap: 40px 0;
    }
    .contactBoxWrap{
        margin-bottom: 80px;
    }
    .contactBox{
        flex-direction: column;
    }
    .contactBox .left{
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #000;
    }
    .contactBox .right{
        width: 100%;
    }
    .tokutyoBox{
        grid-template-columns: 1fr;
        gap: 20px 0;
    }
    .tokutyoBox li .num{
        margin-bottom: 3px;
        font-size: 20px;
        -webkit-text-stroke-width: 1px;
    }
    .tokutyoBox li h3{
        margin-bottom: 5px;
        font-size: 20px;
    }
    .tokutyoBox li .text{
        font-size: 14px;
    }
    .photoGalleryBlock5Inner .planList .box{
        padding: 40px 3%;
        height: 380px;
    }
    .photoGalleryBlock5Inner h3{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .subPage .conceptBlockInner .conceptBox .right h3{
        font-size: 22px;
        margin-bottom: 40px;
    }
    .hairBlock2Inner .artist{
        flex-direction: column;
    }
    .hairBlock2Inner .artist .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .hairBlock2Inner .artist .right{
        width: 100%;
        margin-left: 0;
    }
    .photoBox h3{
        font-size: 22px;
    }
    .photoList.dg4{
        grid-template-columns: 1fr 1fr;
    }
    .hairBlock4Content table{
        width: 700px;
    }
    .hairBlock4Content table th, 
    .hairBlock4Content table td{
        font-size: 14px;
        padding: 22px 1%;
    }
    .hairBlock4Content table th:nth-child(1){
        border-radius: 10px 0 0 0;
    }
    .hairBlock4Content table th:last-child{
        border-radius: 0 10px 0 0;
    }
    .hairBlock4Content table td.title span{
        font-size: 10px;
    }
    .hairBlock4Content .attention h3{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .hairBlock5Content .box1{
        flex-direction: column;
        margin-bottom: 40px;
    }
    .hairBlock5Content .box1 .num{
        margin-bottom: 20px;
    }
    .hairBlock5Content .box1 .txtBox{
        width: 100%;
    }
    .hairBlock5Content .box1 .txtBox h3{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .faqInner .fawContent h3{
        font-size: 22px;
    }
    .conceptBlock.point .conceptBox h3{
        font-size: 22px;
    }
    .photoList.dg3{
        grid-template-columns: 1fr 1fr;
    }
    .photoBox .longLink{
        height: 62px;
    }
    .photoBox > p{
        margin-bottom: 60px;
    }
    .buildingBlock4Content h3{
        font-size: 25px;
    }
    .buildingBlock5Content table th, 
    .buildingBlock5Content table td{
        padding: 22px 1%;
        font-size: 14px;
    }
    .buildingBlock5Content .matarPortWrap ul{
        grid-template-columns: 1fr;
        gap: 40px 0 ;
    }
    .itemPhotoBlock3Content table th,
    .idPhotoBlock3Content table th{
        font-size: 14px;
    }
    .itemPhotoBlock3Content table th:first-child,
    .idPhotoBlock3Content table th:first-child{
        border-radius: 10px 0 0 0;
    }
    .itemPhotoBlock3Content table th:nth-child(1), 
    .itemPhotoBlock3Content table td:nth-child(1),
    .idPhotoBlock3Content table th:nth-child(1), 
    .idPhotoBlock3Content table td:nth-child(1){
        width: 50%;
    }
    .itemPhotoBlock3Content table th:nth-child(2), 
    .itemPhotoBlock3Content table td:nth-child(2),
    .idPhotoBlock3Content table th:nth-child(2), 
    .idPhotoBlock3Content table td:nth-child(2){
        width: 50%;
        font-size: 12px;
        vertical-align: middle;
    }
    .itemPhotoBlock3Content table th:last-child,
    .idPhotoBlock3Content table th:last-child{
        border-radius: 0 10px 0 0;
    }
    .itemPhotoBlock3Content table td .df,
    .idPhotoBlock3Content table td .df{
        flex-direction: column;
    }
    .itemPhotoBlock3Content table td .df .koumoku,
    .idPhotoBlock3Content table td .df .koumoku{
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .itemPhotoBlock3Content table td .df .text,
    .idPhotoBlock3Content table td .df .text{
        width: 100%;
        font-size: 10px;
    }
    .itemPhotoBlock4{
        margin-bottom: 80px;
    }
    .faqInner .fawContent > p{
        margin-bottom: 60px;
    }
    .rentalBlock5 > div.box1 ul{
        flex-direction: column;
    }
    .rentalBlock5 > div.box1 ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .rentalBlock5 > div.box1 ul li:last-child{
        margin-bottom: 0;
    }
    .rentalBlock5 > div.box2{
        margin-top: 80px;
    }
    .rentalBlock5 .box2 .imgList img{
        width: 49%;
        margin-bottom: 10px;
    }
    .pageHead1{
        padding: 80px 0;
        width: 90%;
    }
    .posingBlock1{
        width: 90%;
    }
    .facilityBlock1{
        width: 90%;
    }
    .facilityBlock1 ul{
        grid-template-columns: 1fr;
    }
    .posingBlock1 h2{
        font-size: 24px;
    }
    .facilityBlock1 h2{
        font-size: 20px;
    }
    .pageTopics .kuromaru{
        width: 180px;
        right: 0;
    }
    .topicsList .postList > li:first-child{
        margin-top: 40px;
    }
    .pageContact section h2{
        font-size: 22px;
    }
    .contactBlock2 form label{
        flex-direction: column;
        padding: 20px 0;
    }
    .contactBlock2 form label span:nth-child(1){
        width: 100%;
        margin-bottom: 10px;
        justify-content: left;
    }
    .contactBlock2 form label span:nth-child(1) .hissu{
        margin-left: 5px;
    }
    .contactBlock2 form label > .wpcf7-form-control-wrap{
        width: 100%;
    }
    .contactBlock2 form label.clum2 span:nth-child(2), 
    .contactBlock2 form label.clum2 span:nth-child(3){
        width: 100% !important;
    }
    .contactBlock2 form label.clum2 span:nth-child(3) input{
        margin-left: 0;
        margin-top: 10px;
    }
    .buildingBlock5Content table{
        width: 700px;
    }
    .spResarve{
        display: flex;
        flex-direction: column;
        align-items: center;
        position: fixed;
        top: 20%;
        right: 0;
        padding: 18px 7px;
        background-color: #FF6200;
        z-index: 997;
    }
    .spResarve .icon{
        width: 18px;
        height: 20px;
        display: block;
        background: url('/wp-content/themes/b/img/callender.svg') no-repeat center;
        background-size: 100%;
        margin-bottom: 7px;
    }
    .spResarve p{
        font-size: 13px;
        font-weight: 700;
        color: #fff;writing-mode: vertical-rl;
    }
    .selfPage .selfBlock2Inner table th{
        font-size: 12px;
    }
    .selfPage .selfBlock2Inner table th, 
    .selfPage .selfBlock2Inner table td{
        padding: 12px 1%;
        font-size: 12px;
    }
    .selfPage .selfBlock2Inner table td:nth-child(1){
        padding: 12px 1%;
    }
    .selfPage .selfBlock2Inner table td .price span{
        font-size: 30px;
    }
    .selfPage .selfBlock2Inner table td .data{
        font-size: 20px;
    }
    .hairBlock4Content table th, 
    .hairBlock4Content table td{
        padding: 12px 1%;
        font-size: 10px;
    }
    .hairBlock4Content table td.title span{
        padding: 3px 5px;
        margin-bottom: 5px;
    }
    .buildingBlock5Content table th, 
    .buildingBlock5Content table td{
        padding: 12px 1%;
        font-size: 10px;
    }
    .itemPhotoBlock3Content table th, 
    .itemPhotoBlock3Content table td,
    .idPhotoBlock3Content table th, 
    .idPhotoBlock3Content table td{
        padding: 12px 1%;
        font-size: 10px;
    }
    .itemPhotoBlock3Content table td .df .koumoku, 
    .idPhotoBlock3Content table td .df .koumoku{
        margin-bottom: 5px;
        font-size: 12px;
    }
    .faqInner .fawContent .qaList li{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .buildingBlock4Content ul li .num{
        width: 37px;
        height: 37px;
        font-size: 17px;
    }
    .buildingBlock4Content ul li .buildContact{
        width: calc(100% - 37px);
    }
    .buildingBlock4Content ul::before{
        left: 19px;
    }
    .photoGalleryPage .fvSlideOne .pc{
        display: none;
    }
    .photoGalleryPage .fvSlideOne .sp{
        display: block;
    }
    .spHoverNav .subKuromaru.sp{
        width: 170px;
    }
    .hairPage .subVisual li.pc{
        display: none;
    } 
    .optionDetail .right .titTxt{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .subPage .conceptBlockInner .conceptBox .right p br.sp{
        display: none;
    }
    .subPage .subVisual{
        margin-bottom: 60px;
    }
    .photoGalleryBlock5Inner .planList .box{
        height: 300px;
    }
    .photoGalleryBlock5Inner .planList .box.no1 img{
        width: 65px;
    }
    .photoGalleryBlock5Inner .planList .box.no2 img{
        width: 58px;
    }
    .photoGalleryBlock5Inner .planList .box.no3 img{
        width: 65px;
    }
    .servicePage .serviceBlock .serviceBlockInner .serviceDetial > li .left .text{
        line-height: 1.6;
    }
    .buildingBlock5Content .attention h3{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .conceptBlock.point .conceptBox p br.sp{
        display: none;
    }
    .itemPhotoBlock3Content table{
        margin-bottom: 40px;
    }
    .itemPhotoBlock3Content .attention h3{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .itemPhotoBlock3Content .attention p{
        font-size: 12px;
    }
    .buildingBlock5Content table{
        width: 410px;
    }
    .photoGalleryBlock6Inner .postList{
        grid-template-columns: 1fr 1fr;
    }
    .contactBlock .linkBtn2{
        height: 51px;
        padding: 0 2%;
    }
    .photoGalleryBlock6Inner .postList li a .postTit{
        font-size: 12px;
    }
    .entry-conts *{
        font-size: 15px;
        line-height: 1.6;
    }
    .subPage .whiteLinkBox .poseLists .price{
        font-size: 11px;
        padding: 12px 2%;
    }
}