@charset "utf-8";img{max-width:100%;}
.pn{padding:0%;}
.fr{float:right !important;}
a{color:#000;}
.text-center{text-align:center;}
a:hover{text-decoration:none;}
.pc{display:block;}
.sp{display:none;}
body{letter-spacing:1px;font-family: "YuGothic", "游ゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro", "Meiryo","メイリオ",sans-serif;}
.more{text-align:center;margin:20px auto 0;padding:5% 0;background:rgba(255, 0, 4, 1);color:#fff;display:block;-weblit-transition:.3s;transition:.3s;border-radius:29px;border:#ff0004 1px solid;}
.more:hover{color:#FF0004;background:rgba(255, 0, 4, 0);border:1px solid #FF0004;}
p{line-height:200%;font-size:16px;color: #454545;}
div#content-intro{max-width:1920px;margin:0 auto 60px;}
.content-intro-inner{position:relative;padding:0 0 47px 6%;}
.intro-text{width:100%;/* background:#e6e6e6; */}
.intro-p-text{max-width: 1200px;width:90%;margin:0 auto 100px;padding:10px 0;color:#181818;}
header{width:100%;position:fixed;top:0;left:0;z-index:1000;height:80px;transition:.3s;-webkit-transition:.3s;background:#e6e6e6;}
header .logo{text-align:center;margin:12px auto 0;}
html,body{overflow-x:hidden;}
#sp-menu{float:left;width:100%;height:100%;opacity:0;position:fixed;right:0;top:80px;z-index:30;-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity 0.5s;background:#f7f7f7;padding:0 3% 100px;visibility:hidden;}
#menu{cursor:pointer;position:absolute;width:20px;display:block;right:4px;top:3px;z-index:30;float:left;margin:0 0 0 40px;padding:24px;background:#ff0004;border-radius:29px;}
#menu>*{height:2px;position:absolute;width:29px;transition:.3s;-webkit-transition:.3s;left:9px;border-top:2px solid #fff;padding:0px;text-align:left;margin:auto;}
.menu-2{width:21px !important;}
.menu-3{width:12px !important;}
.menu-4{bottom:19px;font-size:10px;border:none !important;background:no-repeat;padding:0 !important;left:8px !important;margin:auto !important;text-align:center !important;}
.menu-4 h5{text-align:center;font-size:9px;margin:0px auto 0;color:#fff;font-family:'Libre Franklin', sans-serif;}
.top-contact a{width:100%;padding:17px 25px;background:#353535;margin:0;text-align:left;color:#fff;border:#353535;}
.top-contact a:hover{background:#fff;border:#fff;color:#222;font-weight:bold;}
.header-wrap{position:relative;}
.top-contact{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:299px;}
.header-back{position:relative;}
.close-2>*{-webkit-transition:top .5s .5s,-webkit-transform .5s;transition:top .5s .5s,transform .5s;}
.close-2>.menu-1{top:10px}
.close-2>.menu-2{top:16px;}
.close-2>.menu-3{top:22px;}
.open>*{-webkit-transition:top .5s,-webkit-transform .5s .5s;transition:top .5s,transform .5s .5s}
.open>.menu-1,
.open>.menu-2{top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:25px !important;left:11px !important;}
.open>.menu-3{top:15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:25px !important;left:11px !important;}
#sp-menu.sp-open{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible;overflow-y:scroll;}
.all-wrap.nav-open{-webkit-filter:blur(30px);-moz-filter:blur(30px);-o-filter:blur(30px);-ms-filter:blur(30px);filter:blur(30px);}
h2.nav-logo{text-align:center;font-size:220%;font-weight:bold;line-height:29px;color:#000;margin:0;}
.nav-logo small{line-height:0;color:#000;}
.red{color:#ff0004;}
.nav-contact{width:100%;float:left;margin:0 auto 20px;}
p.nav-tel,p.nav-maill{font-size:15px;font-weight:bold;width:100%;margin:auto;max-width:285px;}
#sp-menu ul{margin:70px auto 0;padding:0;list-style-type:none;width:50%;float:left;border-right:1px solid #181818;}
#sp-menu ul li{text-align:left;font-size:32px;line-height:81%;list-style-type:none;padding-bottom:33px;font-family:'Libre Franklin', sans-serif;font-weight: 700;}
#sp-menu ul li a{color:#181818;text-decoration:none;transition:.3s;-webkit-transition:.3s;display:block;}
#sp-menu ul.sns-list li a {
    color: #fff !important;
    background: #ff2604;
    border: none;
}

#sp-menu ul li a:hover{color: #b4b4b4;}
li a:hover .hover-back{width:36%;color:#fff;}
.nav-sns{margin:70px auto 0;width:50%;float:left;padding:0 0 0 7%;overflow:hidden;}
.nav-sns a{float:left;width:100%;font-size:25px;color:#181818;text-align:left;-webkit-transition:.3s;transition:.3s;}
.sp-menu-inner{max-width:965px;margin:auto;overflow:hidden;}
span.s-jp{font-size:14px;margin:0 0 0 15px;}
.nav-tel a{padding:10px;text-align:center;font-size:20px;margin:0 auto;background:#e6e6e6;border-color:#181818;}
.nav-maill a{padding:10px;text-align:center;font-size:20px;margin:20px auto;color:#ffff;}
i.fa-volume-control-phone{margin:0 10px 0 2px;vertical-align:text-bottom;}
.nav-sns i.fa-envelope.sp-mail{font-size:18px;padding:0;}
p.c-text{text-align:center;margin:0 auto 5px;font-weight:bold;}
.nav-sns a:hover i.fa.fa-envelope{background:none;border:none;}
.nav-tel a:hover{color:#ff0004;}
.nav-contact .sns-list{margin:0 auto;}
.nav-contact ul.sns-list{margin:4px auto 0 !important;width:130px !important;float:none !important;}
.nav-sns-wrap{max-width:316px;overflow:hidden;float:right;position:relative;top:50%;}
ul.sns-list li{padding-bottom:0 !important;}
.nav-sns .sns-list li a:hover .sp-sns{background:#ff0004;color:#fff;border:2px solid #ff0004;}
.item-name{text-align:center;width:100%;overflow:hidden;/* font-family:"Mplus 1p"; */}
.sub-name{color:#181818;font-size:22px;}
.sub-name:after{content:"";width:35px;display:block;border-bottom:5px solid #181818;text-align:center;margin:20px auto 0;}
.item-name-line{margin:auto;display:inline-block;width:auto;text-align:left;line-height:34px;font-size:34px;color:#181818;font-family:'Libre Franklin', sans-serif;z-index:1;font-weight: 800;}
.small-jp{font-size:15px;text-align:center;display:flex;align-items:center;font-family: "YuGothic", "游ゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro", "Meiryo","メイリオ",sans-serif;}
.small-jp::before{content:"";border-top:1px solid #181818;border-top:1px solid;display:inline;flex-grow:1;margin-right: 0.5em;}
#pageTop{position:fixed;bottom:5%;right:0%;width:10%;z-index:25;}
#pageTop a{display:block;padding:8px 0 10px 8px;text-decoration:none;text-align:center;opacity:1;transition:.3s;-webkit-transition:.3s;}
#pageTop a:hover{text-decoration:none;padding:8px 0 0px 8px;}
footer{clear:both;margin:100px auto 0;width:100%;float:left;}
.sns{width:100%;float:left;padding:25px 0;background:#ff0004;}
.sns-head{float:left;margin:0 30px 0 0;}
.sns .item-name-line{color:#fff;margin:0 auto;font-size:24px;line-height:26px;}
ul.sns-list{list-style-type:none;width:128px;float:left;margin:0;padding:0;}
.sns-list li{width:54px;height: 54px;float:left;margin:0 20px 0 0;position: relative;}
.sns-list li .f-sns,.sp-sns{font-size:25px;padding:4px 15px;width:auto;line-height:1.5;font-weight:bold;-webkit-transition:.3s;transition:.3s;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: auto;text-align: center;}
.sns-list li .f-sns{color:#fff;}
.sns-list li i.fa-facebook.f-sns{padding:4px 18px;}
.sp-sns{padding:10px 15px;}
i.fa-facebook.sp-sns{padding:10px 18px;}

ul.sns-list li a {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #ff2604;
    transition: .3s;
}

.sns-list li a:hover {
    background: #fff;
}

.sns-list li a:hover .f-sns{color:#ff0004;}
.sns-box{max-width:320px;margin:0 auto;overflow:hidden;}
.sns-list li:last-child{margin:0;}
.footer-back{background: #f7f7f7;}
.footer-box{max-width:1075px;width:90%;margin:0 auto;padding:70px 0 1%;overflow:hidden;}
.footer-logo-box{float:left;padding:0 5% 0 0;}
.footer-center{float:left;padding:0 5% 0 0;}
.site-map-harf:last-child{margin:0;width:15%;}
p.description{color:#181818;font-size:85%;margin:8% 0;}
p.site-name{color:#181818;font-size:100%;margin:0;font-family:'Libre Franklin', sans-serif;}
p.address{color:#181818;margin:0;width:100%;}
.address a{color:#ff0004;font-family:'Libre Franklin', sans-serif;}
.f-mail{font-size:16px;background:#ff0004;color:#fff;padding:3% 7%;border-radius:50px;margin:10px auto 0;vertical-align:middle;-webkit-transition:.3s;transition:.3s;}
.fa-envelope:before{margin:0 8px 0 0;font-size:21px;}
a:hover i.fa.fa-envelope{background:#e6e6e6;border:1px solid #ff0004;color:#ff0004;}
.address-box{position:relative;height:100%;}
.site-map-harf{width:15%;float:left;margin:0 2% 0 0;}
ul.site-map{list-style-type:none;margin:0;float:right;padding:0;}
.site-map li a{color:#181818;transition:.3s;-webkit-transition:.3s;}
.site-map li a:hover{color:#FF0004;}
.site-map li{margin-bottom:20%;font-size:110%;cursor:pointer;font-family:'Libre Franklin', sans-serif;}
.site-map li:last-child{margin-bottom:0;}
p.copyright{text-align:center;padding:40px 0 0 0;color:#181818;font-size:90%;width:100%;float:left;}
.inviewfadeInUp{opacity:0;-webkit-transform:translate(0, 60px);transform:translate(0, 60px);transition-duration:1s;}
.studio-box.inviewfadeInUp{opacity:0;-webkit-transform:translate(0, 120px);transform:translate(0, 120px);}
.delay.inviewfadeInUp{transition-delay:1s;}
.fadeInUp{opacity:1.0;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
.studio-box.fadeInUp{opacity:1.0;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
.inviewRight{opacity:0;-webkit-transform:translate(100%) scale(1.02, 1.02);transform:translate(100%) scale(1.02, 1.02);transition-duration:1s;}
.inviewLeft{opacity:0;-webkit-transform:translate(-100%) scale(1.02, 1.02);transform:translate(-100%) scale(1.02, 1.02);transition-duration:1s;}
.delay.inviewLeft{transition-delay:.8s;}
.inviewfadeIn{opacity:1;}
.price-content .price-box.price-line h3.price-item:after{width:100%;transition-delay:.8s;}
.intro-side-inner.inviewLeft{-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.Left{opacity:1.0;-webkit-transform:translate(0, 0) scale(1.0, 1.0);transform:translate(0, 0) scale(1.0, 1.0);}
.intro-side-inner.inviewRight{-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.intro-side-inner:nth-child(2).inviewRight{-webkit-transition-delay:0.9s;transition-delay:0.9s;}
.Right{opacity:1.0;-webkit-transform:translate(0, 0) scale(1.0, 1.0);transform:translate(0, 0) scale(1.0, 1.0);}
.inviewfadeIn2{opacity:0;-webkit-transition:1s;transition:1s;}
.price-name{opacity:1;}
.inviewfadeIn3{opacity:0;-webkit-transition:1s;transition:1s;}
.intro-s{opacity:1;-webkit-transition-delay:.5s;transition-delay:.5s;}
.intro{-webkit-transition:1s;transition:1s;}
.intro-wrap{position:absolute;width:auto;bottom:0;left:60px;overflow:hidden;}
.intro-item{position:relative;width:auto;height:100%;display:inline-block;overflow:hidden;}
.t-head{position:relative;width:auto;height:100%;display:inline-block;overflow:hidden;margin:0 auto;}
@keyframes long{0%{-webkit-transform:translateX(-101%);transform:translateX(-101%);width:0%;}
50%{-webkit-transform:translateX(0%);transform:translateX(0%);width:100%;}
100%{-webkit-transform:translateX(101%);transform:translateX(101%);}
}
.intro-back:before{content:"";width:100%;height:100%;display:inline-block;position:absolute;background:#000;top:0;-webkit-animation-name:long;animation-name:long;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);z-index:2;}
.intro-item .item-name-line{line-height:normal;font-size:90px;color:#ff0004;}
.intro-item .small-jp{font-size:21px;text-align:center;display:flex;align-items:center;}
@media screen and (max-width:1145px){.footer-box{width:95%;}
.footer-logo-box{padding:0 2% 0 0;}
.footer-center{padding:0 2% 0 0;}
.site-map-harf{margin:0 2.5% 0 0;}
}
@media screen and (max-width:991px){.intro-item .item-name-line{font-size:8vw;}
#sp-menu.sp-open{overflow-y:auto;}
.nav-sns{margin:40px auto 0;width:100%;padding:0 0 30px 0;overflow:hidden;border-bottom:1px solid #181818;}
#sp-menu ul{margin:50px auto 0;width:100%;border-right:none;}
.footer-box{max-width:358px;}
.footer-logo-box{text-align:center;}
.site-map-harf,.site-map-harf:last-child{width:100%;float:left;text-align:center;}
ul.site-map{margin:0 auto;float:none;padding:0;}
.footer-logo-box, .footer-center,.site-map-harf{padding:0;}
.footer-logo-box{float:none;}
.footer-center{    margin: 30px auto;clear:both;float: none;max-width: 240px;}
.f-mail{width:100%;text-align:center;padding: 12px 0 15px;}
.site-map li, .site-map li:last-child{margin-bottom:8%;}
.intro-wrap{left:10px;}
}
@media screen and (max-width:767px){.pc{display:none;}
.sp{display:block;}
header{height:50px;}
header .logo{width:65px;margin:6px auto 0;}
header .logo a img:hover{opacity:0.7;}
.top-contact span{display:none;}
.top-contact a{background:none;padding:0;}
.nav-maill a{margin:5px auto 0;}
p{line-height:180%;font-size: 15px;}
#menu{top:50%;background:none;right:-26px;transform:translateY(-50%);}
#pageTop{right:4%;width:60px;}
div#content-intro{margin:0 auto 30px;}
.intro-p-text{margin:0 auto 60px;padding: 30px 0;}
.studio-box{padding:30px 0 6% 0;}
footer{margin:60px auto 0;}

/*sub*/
.sub-name {
    font-size: 18px;
}

.sub-name:after {
    width: 13px;
    border-bottom: 2px solid #181818;
    margin: 10px auto 0;
}

}
@media screen and (max-width:500px){.intro-item .small-jp{font-size: 15px;}
#content-intro{margin:0 auto 30px;}
.pic-box{width:90%;}
#sp-menu{padding:5% 20px 80px;top:50px;}
.nav-sns{margin:30px auto 0;padding:0 0 10px 0;}
#sp-menu ul{margin:35px auto 0;}
#sp-menu ul li{font-size: 21px;line-height:81%;padding-bottom: 23px;float: left;}
span.s-jp{margin: 8px 0 0 0;float:left;width:100%;font-size: 12px;color: #afafaf;font-weight: 500;}
.red span.s-jp{
    color:#ff2604;
}

p.nav-tel a{margin:0 auto 10px;}
h2.nav-logo{font-size:8vw;}
.item-name-line, .intro-item .item-name-line{font-size: 28px;}
.sns{padding:25px 5%;}
.sns-head{margin:0 17px 0 0;}
.sns .item-name-line{font-size:20px;}
.sns-list li{margin:0 15px 0 0;}
.footer-box{width:90%;padding:40px 0 0;}
.sns-box {
    max-width: 275px;
}

}
}
}