@charset "UTF-8";
/* CSS Document */

.sp_only{display: none;}
.cardo{font-family:'Cardo', serif;}
.aj_box{width:1260px;max-width:100%;padding:0 80px;margin:0 auto;box-sizing:border-box;}
.ttl_rl{font-family: 'Shippori Mincho', serif;writing-mode:vertical-rl;font-size:24px;}
.material-icons-outlined{font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;display: inline-block;width: 1em;height: 1em;line-height: 1;text-transform: none;}
a img{transition:0.5s;}
a:hover img{opacity: 0.8;}

.anim{opacity: 0;visibility: hidden;transform:translateY(15px);transition:1.5s ease-out;}
.anim_wt{opacity: 0;visibility: hidden;transform:translateY(15px);transition:1.5s 0.5s ease-out;}
.act{opacity: 1;visibility: visible;transform: translate(0,0);}

header h1{width:73px;position:absolute;z-index:5;left:50px;top:50px;}
.humb_nav .wrap{position: absolute;z-index:10;bottom:-50px;}
.humb_nav .navwrap{display:flex;flex-direction:row-reverse;justify-content: flex-end;align-items: flex-start;background-color:#000000;padding: 50px 70px;}
.humb_nav a{color:#ffffff;font-size:16px;font-weight: 600;writing-mode:vertical-rl;padding:5px 10px 0 0;margin-right:40px;position:relative;flex-shrink: 0;}
.humb_nav a:first-of-type{margin-right:0;}
.humb_nav a::before{position:absolute;content: "";width:1px;height:20px;background-color:#ffffff;top:0;right:0;transition:0.5s;}
.humb_nav a:hover::before{height:100%;}


footer{background-color:#000000;}
footer .aj_box{color:#ffffff;display:flex;justify-content:space-between;padding:80px;}
footer .logo{width:65px;margin-right:40px;}
footer .outer{width:830px;max-width:100%;position:relative;}
footer .navwrap{display: flex;margin-bottom:45px;}
footer .navwrap a{font-size:18px;margin-right:45px;}
footer .navwrap a:last-of-type{margin-right:0;}
footer .main_wrap{padding:45px 0;border-top:1px solid #525252;border-bottom:1px solid #525252;}
footer dl{display: flex;flex-wrap:wrap;margin-bottom:20px;}
footer dt,
footer dd{line-height: 30px;white-space: nowrap;margin-right:20px;}
footer dd.phone{margin-left:45px;font-size: 16px;}
footer dd i{font-size:14px;color:#ffffff;margin-right:5px;}
footer .insta a{margin-left:15px;font-size:18px;}

footer small{color: #525252;;font-size:11px;margin-top:70px;display: block;text-align: right;}
footer .pagetop{font-family:'Cardo', serif;font-size:14px;writing-mode: vertical-rl;position:absolute;right:-70px;bottom:0;}
footer .pagetop::before{position:absolute;content: "";width:1px;height:35px;background-color:#ffffff;left:50%;top:-45px;transform:translateX(-50%);transition:0.3s;}
footer .pagetop::after{position:absolute;content: "";width: 0;height: 0;border-style: solid;border-width: 0 3px 12px 3px;border-color: transparent transparent #ffffff transparent;left:50%;top:-50px;transform:translateX(-50%);transition:0.3s;}
footer .pagetop:hover::before{top:-50px;height:30px;}
footer .pagetop:hover::after{top:-55px;}

@media(max-width:834px){

	.sp_only{display: block;}
	.pc_only{display: none;}
    p{font-size:14px;}
    .aj_box{padding: 0 20px;}
    .ttl_rl{writing-mode:inherit;display:inline-block;line-height:24px;}


    header{position:absolute;width:100%;right:0;top:0;z-index:100;}
    header > .wrap{height:70px;display:flex;align-items:center;}
    header h1{width:45px;left:20px;top:20px;}

    header #humb{color:#ffffff;font-size:10px;display:flex;cursor:pointer;order:3;position:fixed;z-index:1000;background-color:#000000;width:70px;height:70px;top:0;right:0;align-items:center;justify-content:center;}

    header #humb .border{width:35px;height:35px;position:relative;}
    header #humb .border01{position:absolute;width:35px;height:1px;background:#ffffff;top:7px;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
    header #humb .border02{position:absolute;width:35px;height:1px;background:#ffffff;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
    header #humb .border03{position:absolute;width:35px;height:1px;background:#ffffff;bottom:7px;left:50%;transform:translate(-50%, 50%);transition:0.5s;}
    header #humb.active {position:fixed;} 
    header #humb.active .border01{background:#FFF;top:50%;transform:translate(-50%, -50%) rotate(135deg);} 
    header #humb.active .border02{background:#FFF;width:0;} 
    header #humb.active .border03{background:#FFF;bottom:50%;transform:translate(-50%, -50%) rotate(-135deg);} 
    header #humb.active ~ nav{width:100%;}
    header .humb_nav{background-color:#000000;position:fixed;top:0;right:0;z-index:999;height:100vh;overflow:hidden;transition:0.5s;width:0%;overflow-Y:auto;}
    header .humb_nav .wrap{position:relative;top:50%;transform: translateY(-50%);padding:0 35px;}

    header .humb_nav .navwrap{width:100vw;padding:0;display:flex;justify-content:center;flex-direction:column;}

    header .humb_nav .navwrap a{color:#ffffff;font-size:16px;font-weight:600;text-align:left;writing-mode: inherit;margin-top:35px;padding:10px 0 10px 5px;position:relative;}
    header .humb_nav .navwrap a:first-of-type{margin-top:0;}
    header .humb_nav .navwrap a::before{position:absolute;content: "";width:20px;height:1px;background-color:#ffffff;top:0;left:0;}

    footer .aj_box{flex-direction:column;padding:30px 20px 120px 20px;position:relative;}
    footer .aj_box .logo{position: absolute;}
    footer .logo{width:58px;}
    footer .navwrap{flex-direction: column;align-items: flex-end;margin-bottom:40px;}
    footer .navwrap a{margin: 0 0 20px 0;font-size:16px;}
    footer .main_wrap{padding: 25px 0;}
    footer dl{flex-direction: column;}
    footer dd.name{font-size: 16px;}
    footer dd.phone{font-size: 16px;margin: 25px 0 0 0;}
    footer .aj_box small{margin-top:25px;padding-right:45px;line-height:20px;text-align: left;}
    footer .aj_box .pagetop{top:inherit;right:0px;bottom:-80px}


}