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

    Site Name:Subtique - サブティーク
    Site URL:
    Description:
    Author:gotaitouti
    Version:-
    Tags:-
    License:CC BY 4.0
    License URI:https://creativecommons.org/licenses/by/4.0/deed.ja

----------------------------------------------------------------------- */

body, html{font-family:var(---preset--font-family--system-font);font-family: 'Noto Serif JP', serif;font-size:var(--size-text);color:var(--color-text-body);padding:0;margin:0;-ms-word-wrap:break-word;word-wrap:break-word;background-color:#fff;}
html{scroll-behavior:smooth;@media(prefers-reduced-motion:reduce){scroll-behavior:auto;}}
a{text-decoration:none;color:var(--color-text-link);}
a:hover{color:var(--color-text-link-hover);-webkit-text-decoration-color:var(--color-text-link-hover);text-decoration-color:var(--color-text-link-hover);}
img{height:auto;}
table{margin:0;width:98%;}

.header{width:100%;overflow:visible;z-index:1000;position:relative;}
.header-logo{text-align:center;font-weight:700;font-size:1.5rem;white-space:nowrap;margin:1.4rem 0 0 3rem;}
.header-logo img{max-height:60px;max-width:100%;display:block;margin-left:auto;margin-right:auto;position:fixed;}
.header-logo a{text-decoration:none;}
.headerinner{background:#fff;}

.menu-btn{position:fixed;top:10px;right:50px;display:flex;height:80px;width:60px;justify-content:center;align-items:center;z-index:1001;cursor:pointer;}
.menu-btn span,.menu-btn span:before,.menu-btn span:after{content:'';display:block;height:3px;width:25px;border-radius:3px;background-color:#282828;position:absolute;}
.menu-btn span:before{bottom:8px;}
.menu-btn span:after{top:8px;}
#menu-btn-check:checked ~ .menu-btn span{background-color:rgba(255, 255, 255, 0);}
#menu-btn-check:checked ~ .menu-btn span::before{bottom:0;transform:rotate(45deg);}
#menu-btn-check:checked ~ .menu-btn span::after{top:0;transform:rotate(-45deg);}
#menu-btn-check{display:none;}
.menu-content{overflow:auto;position:fixed;top:0;right:0;z-index:9999;width:90%;max-width:330px;height:100%;background:#fff;transition:.3s ease-in-out;-webkit-transform:translateX(105%);transform:translateX(105%);z-index:900;}
.menu-content ul{padding:30px 10%;text-align:center;}
.menu-content ul li{list-style:none;}
.menu-content ul li a{display:block;width:100%;font-size:15px;color:#282828;font-weight:700;text-decoration:none;padding:20px 0px;position:relative;text-align:center;}
.menu-content ul li a:hover{opacity:.6;}
.menu-content ul a img{width:10rem;margin-bottom:1em;margin-top:2em;}
.menu-content img:hover{opacity:.6;}
.menu-content svg{font-size:2em;}
.menu-content svg:hover{opacity:.6;}
.menu-content-svg{text-align:-webkit-center;}
.menu-content-svg-inner{margin-top:2em;}
#menu-btn-check:checked ~ .menu-content{-webkit-transform:translateX(0%);transform:translateX(0%);box-shadow:6px 0 25px rgba(0,0,0,.15);}

section{overflow:hidden;padding-top:100px;padding-bottom:100px;}
.section .inner-block{}
.inner-block{position:relative;max-width:1060px;padding:0 30px;}

.full{position:relative;width:100%;min-height:100vh;background:url("../img/main04-d.jpg") center / cover;background-attachment:fixed;}
.full-inner-logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:100;color:#fff;}
.full-inner-logo span img{width:230px;}
.full-inner-logo p{color:#fff;text-align:center;}

.middle{position:relative;width:100%;min-height:7rem;background:#f1f1ea;margin-top:6.6rem;padding:2.6rem 0;}
.middle-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:100;color:#fff;}
.middle-inner h2{color:#282828;text-align:center;margin:0;font-size:2.4rem;}
.middle-inner p{color:#282828;text-align:center;margin:0;}

.site-container{position: relative;
    overflow: hidden;}
.row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;clear:both;}

.content-left{width:40%;float:left;}
.content-left-title{padding:7em 0 1.2em 0;}
.content-left-title h3{text-align:center;font-size:1.48rem;margin: 0;}
.content-left-text p{line-height:2;}

.content-right{width:43%;float:right;}
.content-right ul li{list-style:none;padding:6px;}
.content-right-image img{height:auto;display:block;width:48%;float:left;}
.content-right-title{padding:0 0 1.2em 0;}
.content-right-title h3{text-align:center;font-size:1.5rem;margin: 0;}
.content-right-text p{line-height:2;}

.outer{display:block;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;clear:both;}
.outer h2{font-size:2.2rem;letter-spacing:2px;margin:0;text-align:center;}
.outer h2.dg-title{color:#fff;}
.outer h3{color:#888888;font-size:0.85rem;letter-spacing:3px;margin-top:.4rem;text-align:center;}
.outer h3.dg-sub-title{color:#fff;}
.outer p.img{text-align:center;}
.outer p.img img{width:100%;}
.content-lg{background-color:#f1f1ea;margin:0 calc(50% - 50vw);padding: 0 calc(50vw - 50%);padding-top:50px;padding-bottom:50px;}
.content-dg{background-color:#5c592e;margin:0 calc(50% - 50vw);padding: 0 calc(50vw - 50%);padding-top:50px;padding-bottom:50px;}
.content-lg-about{background-color:#f1f1ea;background-image:url(../img/about03.jpg);background-size:cover;background-repeat:no-repeat;padding-top:50px;padding-bottom:50px;margin:0 calc(50% - 50vw);padding:5rem calc(50vw - 50%);background-position:center;}

.button{margin-top:40px;margin-bottom:12px;text-align:center;}
.button_link{padding:.6em 1.5rem;border:1px solid #000;}
.button_link:hover{background:#282828;color:#fff;border:1px solid #282828;transition:.2s}
.button_link_caption{display:-webkit-inline-box;}

.plan-image{width:auto;max-width:100vw;}
.plan-image img{height:auto;display:block;width:54.8%;padding-left:3rem;}
.plan-description{text-align:center;margin:2rem 0;}
.plan-description img{width:100%}

.contact{text-align:center;margin:2em 0;width:49.9%;float:left;}
.contact-inner{color:#222222;float:left;margin-right:5px;padding-left:8rem;}
.contact-line{border-right:1px solid #ccc;}
.contact-title{line-height:1.5;margin:0;}
.contact-title span{padding-top:3px;}
.contact-tel{font-size:2rem;}
.contact svg{font-size:2rem;}

.contactForm-title{font-size:16px;line-height:140%;text-align:justify;letter-spacing:2px;margin-top:3rem;}
.contactForm-title-2{font-size:16px;line-height:140%;color:#CCCCCC;text-align:justify;letter-spacing:2px;}
.contact_txt{color:#996600;border:1px solid #996600;padding:0 .4rem;}
.contactTable{text-align:center;padding-top:3rem;}
.contactTable1{padding:2.4em 2em 2.4em 0;width:210px;text-align:left;}
.contactTable2{margin:2px;padding:10px;}
.contactTable input{margin-left:1.6rem;padding:1rem 3rem;border-radius:0;border:1px solid #282828;color:#282828;-webkit-appearance:none;outline:none;cursor:pointer;background:#fff;}
.contactTable input:hover{background:#282828;border:1px solid #282828;color:#fff;transition:.4s;}
.invisible{font-family: 'Noto Serif JP', serif;width:100%;padding:1rem .6rem;border:1px solid #ccc;border-radius:.4em;font-size:1.2rem;}

.footer {background-color:#5a5a2a;color:#ffffff;}
.footer-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;padding:5rem 0;}
.footer-inner{display:flex;flex-wrap:wrap;margin-right:336px;margin-left:336px;width:1200px;}
.footer ul.menu{list-style:none;margin:0px;font-size:.8rem;}
.footer li{padding-bottom:1em;}
.footer li a{text-decoration:none;}
.footer p {font-size:.8rem;margin:0;}
.footer p.copyright{margin-bottom:0;padding:12px 0;text-align:center;}
.footer-copyright{background:#282828;}
.footer-logo{text-align:center;}
.footer-logo a{font-size:1.8rem;}
.footer-logo a img{width:260px;}
.footer aside{padding:0 3rem;}
.footer aside h3{margin-top:0;margin-bottom:.4em;}
.footer aside h4{margin:22px 0 0 0;font-size:1.16em;}
.footer-qrcord img{width:80px;margin:1.2rem .6rem .6rem .6rem;}

.scr-target{opacity:0;transform:translate3d(0, 30px, 0);}
.scr-target.is-active{opacity:1;transform:translate3d(0, 0, 0);transition:1s;}

#page-top{position:fixed;right:15px;bottom:65px;height:50px;text-decoration:none;font-weight:bold;transform:rotate(90deg);font-size:90%;line-height:1.5rem;color:#282828;padding:0 0 0 35px;border-top:solid 1px;}
#page-top::before{content:"";display:block;position:absolute;top:-1px;left:0px;width:15px;border-top:solid 1px;transform:rotate(35deg);transform-origin:left top;scroll-behavior:smooth;}

@media(min-width:559px){
    .footer aside{padding:0;!important}
}
@media(min-width:677px){
    .col-span-2{width:calc(50% - 30px);margin:15px;}
    .col-span-2 img{width:100%;}
    .col-span-3{width:calc(50% - 30px);margin:15px;}
    .col-span-3 img{width:100%;}
}
@media(min-width:768px){
    .content-left-title{padding:0 0 1.2em 0;}
    .content-right{width:49%;}
    .content-right-title h3{text-align:left;}
    .content-right-text ul{padding-left:0;}
    .contact-inner{padding-left:4rem;}
    .header-logo{font-size:0;margin:0;}
    .header-logo img{width:210px;margin:25px 35px;}
    .col-ft-2{flex:0 0 50%;max-width:50%;}
    .col-ft-3{flex:0 0 33.33333333%;max-width:33.33333333%;}
    .col-span-2{width:calc(50% - 30px);margin:15px;}
    .col-span-2 img{width:100%;}
    .col-span-3{width:calc(33.3% - 30px);margin:15px;}
    .col-span-3 a img{width:100%;}
    .footer-logo a img{width:200px;}
    .footer-inner{display:flex;flex-wrap:wrap;width:100%;margin:0;}
    .footer aside{padding:0 1rem;}
}
@media(min-width:992px){
    .header-logo{padding-top:1.1rem;}
    .header-logo img{margin:12px 52px;}
    .header-container{display:flex;flex-direction:row;}
    .header{-webkit-animation:header_drop_admin .5s ease-out 0s 1 alternate none running;animation:header_drop_admin .5s ease-out 0s 1 alternate none running;}
    .container{max-width:992px;margin:auto;}
    .contact-inner{padding-left:8rem;}
    .content-left-title{padding:3em 0 1.2em 0;}
    .content-right{width:43%;}
    .content-right-title{padding:2.2em 0 1.2em 0;}
    .footer aside.fc{margin:auto;width:66%;}
    .footer-inner{display:flex;flex-wrap:wrap;width:100%;margin:0;}
}
@media(min-width:1048px){
    .header-logo{padding-top:1.1rem;}
    .header-logo img{margin:12px 36px;}
    .header-container{max-width:100%;}
    .container{padding:0 30px;margin:auto;}
    .footer aside.fc{margin:auto;width:55%;}
}
@media(min-width:1280px){
    .footer-inner{display:flex;flex-wrap:wrap;margin:auto;width:1200px;}
}
@media(max-width:768px){
    .header-logo{font-size:0;margin:0;}
    .header-logo img{width:210px;margin:25px 35px;}
    section{padding-top:50px;padding-bottom:50px;}
    .menu-btn{right:25px;}
    .menu-content{max-width:230px;}
    .menu-content ul{padding:5% 10%;}
    .menu-content ul li a{padding:16px 0px;}
    .content-left{padding-left:1.6rem;}
    .content-left-title{padding:0 0 1.2em 0;}
    .content-right{padding-left:1.6rem;}
    .content-right-title{padding:0 0 1.2em 0;}
    .content-right ul{margin:0;padding:0;}
    .plan-image img{height:auto;display:block;width:53.8%;padding-left:1rem;padding-top:4rem;}
    img{width:100%;}
    .outer{padding:0 1em;}
    .outer p.img{width:90%;margin:auto;}
    .contact-inner{padding-left:4.2rem;}
    .footer aside{padding:0;}
    .footer-logo a img{width:176px;margin-right:1.6rem;padding-left:1rem;}
    .footer-inner{width:100%;margin-left:0;margin-right:0;}
}
@media(max-width:599px){
    .contact{padding:0;}
    .contact-inner{padding-left:0;}
    .content-lg{margin:0;}
    .col-span-2{width:calc(50% - 30px);margin:15px;}
    .col-span-2 a img{width:100%;}
    .col-span-3{width:calc(50% - 30px);margin:15px;}
    .col-span-3 a img{width:100%;}
    .outer{padding:0;}
    .outer p.img{width:100%;}
    .menu-btn{right:20px;}
    .outer p.img img{width:90%;}
    .button{padding:0 1.6rem;}
    .content-left{width:100%;padding-left:0;}
    .content-right{width:100%;padding-left:0;}
    .content-right ul li{padding:6px 6px 6px 12rem;}
    .content-right-title h3{padding-left:8.2rem;}
    .content-right-image img{display:none;}
    .plan-image img{width:100%;margin:0;padding:0;}
    .footer aside{padding:0}
    .footer aside h3{margin-top:0;margin-bottom:.4em;}
    .footer aside h4{margin:0;font-size:1.16em;}
    .footer aside p{font-size:.6em;}
    .footer-logo a img{width:130px;margin-right:1.6rem;}
    .footer-inner{width:100%;margin-left:0;margin-right:0;}
}