@charset "UTF-8";
/*
Theme Name: ソラーナ社会保険労務士事務所
Theme URI:  http://solana-sr.com
Description: ソラーナ社会保険労務士事務所のサイト
Version: 1.0
*/
/* The sticky class is added to the header with JS when it reaches its scroll position */
a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
}
.sticky, #header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
}
.show-nav #header {
    height:100vh;overflow:hidden;
}
#header+section{
    margin-top: 124px;
}
@media (min-width:992px){
    #header+section{
        margin-top: 200px;
    }
}
@media screen and (min-width: 1024px){   
    .pcbr { display:block; }
    .spbr { display:none; }
}
@media screen and (max-width: 1024px){   
    .pcbr { display:none; }
    .spbr { display:block; }
}

.main-content a, .main-content .a-element {
    color: #F3B655!important;
}

.btn, button, input[type="button"], input[type="submit"] {
    border-radius: 19px!important;
}
.pricing-box h1 span {
    border-bottom: 5px solid #FFB43C!important;
}

.pricing-box em{
    font-size: 31px!important;
    font-style: normal!important;
}

@media only screen and (min-width: 768px){
    .pricing-example h2 {
        margin: 20px 0px 70px;
    }
    .pricing-outline__inner p {
        font-size: 100%;
    }
}
.header__nav ul li.contact a{transform: scale(1);
transform-origin: bottom right;
-webkit-transition: .3s;
transition: .3s;}
@media only screen and (min-width: 1025px){
	.header__nav ul li.contact a:hover {
	  opacity: 1;
	  -webkit-transform: scale(1.1, 1.1);
	  transform: scale(1.1, 1.1);
	  -webkit-filter: brightness(150%);
	  filter: brightness(150%);
	}
}
.header__nav ul li.contact a img{width:100px;margin-top: 15px;}


.pricing-example h2 {
    margin: 20px 0px 20px;
}
.openbtn {display:none;}
#ct_top{position: fixed;top: 27px;right: 20px;z-index: 99999999;height: 100px;display:none;}
.admin-bar #ct_top{top:35px;;}
#ct_top img{width:100px;}
a.privacy{color:#000;border-bottom:1px solid #000;}
img.about_img{height:46px;}
p.right{text-align:right;}
p.left{text-align:left;}
.sign img{max-width:300px;}
@media only screen and (max-width: 991px){
    body .header__inner {
    height: 90px;padding:0;
}
	.header__logo {
	  top: 10px;
	} 
	.show-nav .main-content{
		display:none;
	}
	.right-header{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        column-gap: 10px;
    }
    #ct_top{position: fixed;height: 70px;width: 70px;top: 15px;right: 90px;display:block;}
    #ct_top img{width:70px;}
    body.show-nav{overflow:hidden;}
    .openbtn {
        position: fixed;z-index: 99999;cursor: pointer;width: 70px;height: 70px;display: block;right: 15px;top: 15px;
    }
    .openbtn img{width:70px;height:70px;}
    .openbtn .header__controls--toggle-close{display:none;}
    .openbtn.active .header__controls--toggle-open{display:none;}
    .openbtn.active .header__controls--toggle-close{display:block;opacity: 1;visibility: inherit;}
    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
    }
    .openbtn span:nth-of-type(1) {
        top: 15px;
    }
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }
    .openbtn span:nth-of-type(2) {
        top: 23px;
    }
    .openbtn.active span:nth-of-type(3) {
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
    }
    .openbtn span:nth-of-type(3) {
        top: 31px;
    }
    .openbtn span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background-color: #666;
        width: 45%;
    }
    #g-nav.panelactive {
        top: 0;opacity: 1;visibility: inherit;
    }
    #g-nav {
        position: fixed;
        z-index: 999;
        top: -120%;
        left: 0;
        width: 100%;
        background: #fff;
        transition: all 0.6s;
        display: flex;
        z-index: 9999;
        padding: 100px 25px 0px;
    }
		body .header__nav ul li picture img {
		height: 70px;
	}
    .header__nav nav {
	  width: 100%;
	  overflow-y: scroll !important;
	  margin: 0;
	  padding-bottom: 40px;
	  height: calc(100vh - 50px) !important;
	}
	body .header__nav ul li {
		margin-bottom: 5px;
	}
	.header__nav ul li.contact a img {
	  width: auto;
	  margin-top: 0;
	}
    img.about_img{height:30px;}
	body .pricing-outline__inner {left: 46%;font-size: 10px;}
}
.header__logo a{
    display: block;
}
@media only screen and (max-width: 375px){
body .header__nav ul li picture img {
		height: 50px;
	}
}