/*
Theme Name: Tachinoki
*/
html {overflow: auto;}
html.wf-loading {
	opacity: 0;
	transition: all .3s ease;
}
html.wf-inactive,
html.wf-active {
	opacity: 1;
}
body {font-family:"YakuHanJPs",'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;font-size: 16px;color:#000;background: #fff;line-height: 1.5;}
.sp {display:none;}
.sp-only {display: none;}


/*パンくずリスト*/
.breadcrumbs {
    font-size: 11px;
    padding: 5px 0 25px;
}
.breadcrumbs a{}

/*ページナビ*/
.pagelist {text-align: center;margin-top: 30px;}
.wp-pagenavi span.current {
    border: none!important;
    background: #1d2088;
    color: #fff;
}
.wp-pagenavi a:hover {background: #fff!important}
.wp-pagenavi a, .wp-pagenavi span {
    border: none!important;
    padding: 3px 10px 5px!important;
}

/*flexbox*/
.fbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.fb-center {justify-content: center;}
.fb-between {justify-content: space-between;}


/*リンク*/
a {color:#1d2088;text-decoration: none; transition: opacity .3s ease 0s;}
a:hover {opacity: 0.7}
/*見出し*/
/* h1,h2,h3,h4,h5 {color:;} */
h1 {
    margin:0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #1d2088
}
h2 {font-size: 24px;margin-bottom: 30px;}
h3 {
    font-size: 20px;
    margin: 0px 0 20px;
    line-height: 1.6;
    color: #1d2088;
}
/*h3 {font-size: 24px;margin: 0px 0 30px;line-height: 1.4;color:#4d80cc;}*/
h4 {font-size: 15px ;}
h5 {
    font-weight: bold;
    font-size: 110%;
    margin: 10px 0;
    padding-bottom: 7px;
    border-bottom: #ccc 1px solid;
}
h6 {
    font-size: 100%;
    background-color: #eaeaea;
    padding: 5px;
}
p {margin-bottom: 30px;text-align: justify;line-height: 2;}
.en {font-family: 'Cookie', cursive;}
.sfont {font-size: 10px}
.lfont {font-size: 18px}
.bold {font-weight: bold;}
figure {text-align: center;}
.mincho {font-family:'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.green {color: #107f29;}
.orange {color: #ec6941;}
.red {color:#ff0000;}
.kome {font-size: 12px;margin-top: 5px;}
.mb {margin-bottom: 50px;}
.lightbox .lb-image {border: 34px solid white;}
a.lightbox-cursor {
    position: relative;
    display: block;
    transition: opacity 1.3s ease 0s;
    transition: background-image 1.3s ;
}

a.lightbox-cursor:after {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.7)url(images/big-icon/png) no-repeat;
    height: 100%;
    top: 0;
    width: 100%;
    background-position: center;
    background-size: 70px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
a.lightbox-cursor:hover:after {
    opacity: 1;
    visibility: visible;
}
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    top: -2px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.right::before{
    left: 10px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrb {
    display: block;
    top: 2px;
    width: 30px;
    margin: 0 auto;
}
.bottom::before{
    left: 10px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.balloon1{
    position: relative;
    padding: 20px;
    width: 120px;
    height: 75px;
    line-height: 17px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0em;
    font-size: 14px;
    background-color: #eb6100;
    display: inline-block;
    margin-right: 20px;
}
.balloon1::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 77px;
    bottom: -10px;
    border-right: 20px solid #eb6100;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transform: rotate(-120deg);
}

/*リスト・テーブル*/
table {width: 100%}
td,th {
    font-weight: normal;
    padding:  22px 10px 22px;
    border-bottom: solid 1px #bfbfbf;
    font-size: 14px;
    line-height: 1.5;
}
th {
    text-align: left;
    width: 30%;
    vertical-align: top;
}
td {width:70%}
dl{display:flex;flex-wrap: wrap;margin-bottom: 20px;}
dt {width: 27%;}
dd {width: 73%;margin-left: 0;}

/*カラム設定*/
.wrapper {}
.container {padding: 0;margin:0 auto;}
.main-v-area {position: relative;height: 100%;}
.con-l {max-width: 1100px;}
.con-m {max-width: 1040px;}
.con-s {max-width: 870px;}
.con-ss {max-width: 600px;}
.content-area {
    padding: 0 0 50px;
    background: #f6f6f6;
}
.content-service-area {
    padding: 0 0 50px;
}
.page {background: #fff;padding: 55px}
.content-single {width: 820px;margin-right: 30px;}
.side-area {width:250px;}
.side-area h3{
    background: #4d80cc;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 5px 5px 5px 10px;
}
.cat-side {background: #fff;padding-bottom: 20px;margin-bottom: 30px;}
.column-list-tx {
    padding: 10px 20px;
    font-size: 12px;
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 10px;
}
.column-list-tx time {padding: 5px 0 10px 0;}
.cat-more {
    text-align: right;
    padding-right: 10px;
    font-size: 12px;    
}
.cat-more a{
    color: #4d80cc;
}
/*ヘッダー*/

header {
    
}
.logo-area {padding: 30px 25px 25px 0;width: 45%}
.logo-area img {width:148px;}
.logo-tx {
    position: relative;
    left: 14px;
    line-height: 1.3;
    display: inline-block;
    font-size: 14px;
    border-left: solid  2px #1d2088;
    padding-left: 13px;
}
.logo-tx span {font-size: 12px}
.head-cta {
    width: 500px;
    margin-top: 17px;
    position: relative;
    margin-left: auto;
}
.contact {
    background: #1d2088;
    color: #fff;
    width: 155px;
    font-size: 12px;
    border-radius: 11px;
}
.contact a {
    display: block;
    color: #fff;
    padding: 19px 10px 21px;
}
.contact img {
    width: 30px;
}

.head-tel {
    width: 250px;
    font-size: 15px;
}
.head-telnum{
    font-size: 27px;
    position: relative;
    font-weight: bold;
    line-height: 1;
    padding-left: 30px;
}
.head-telnum::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background: url(/wp/wp-content/themes/tachinoki/images/lp/icon-tel-blue.png)no-repeat;
    background-size: 100%;
}
.head-tel .teltime {
    font-size: 12px;
}
.head-mail {
    width: 250px;
    font-size: 15px;
    border: solid 1px #1d2088;
    height: 70px;
}
.head-mail a {
    display: block;
    padding: 15px 0 0 20px;
}
.head-mail-tx {
    position: relative;
    padding-left: 30px;
}
.head-mail-tx::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 23px;
    height: 23px;
    background: url(/wp/wp-content/themes/tachinoki/images/lp/icon-mail-blue.png)no-repeat;
    background-size: 100%;
}
.head-mail-tx span {
    font-size: 10px;
    display: block;
}

/*ナビメニュー*/
.nav-area {margin: 5px 0;}
.sp-btn {display: none}
.sp-nav {display: none}
.navbar {margin: 0 auto;width: 1100px}
.navbar li {
    float: left;
}
.navbar li a{
    color: #1d2088;
    padding: 10px 40px;
    display: block;
    font-size: 14px;
}
.navbar li a:hover{opacity: 1}
/*サブメニュー*/
.sub-menu {
    width: 300px;
    background: #f7f7f7;
    display: none;
    position: absolute;
    z-index: 5;
    top: 140px;
    text-align: left;
    padding: 10px 0 5px;    
}
.sub-menu li a{padding: 10px 25px;font-size: 12px;}
.navbar li:hover::after{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.navbar li:hover .sub-menu {
    display: block;
    animation: show 0.3s linear 0s;
    animation: slide 0.3s linear;
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes slide {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}


/*  メニューアクティブ時  */
nav.open {transform: translate(0);}
.on {display: block;}




/*フッター*/
footer {
    padding: 50px 0 25px;
    color: #1d2088;
}
.footer-logo img{width:148px;}
.footer-tx {
    width: 50%;
}
.site-link {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    margin: 10px 10px 0 0;
}
.site-link a{display: block;padding: 3px 20px;}
.site-link img {
    width:11px;
    position: relative;
    top: -6px;
    left: 3px;
}
.logo-tx2 {margin-top: 20px;font-size: 14px;}
.logo-tx2 a {
    border: solid 1px #1d2088;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 20px;
    display: inline-block;
}
.footer-menu {width: 60%;margin: 15px 0 0 0;}
.footer-logo {width: 50%}
.footer-menu {width: 60%;}
.footer-menu ul {margin-right: 30px}
.footer-menu ul:last-child {margin-right: 0}
.footer-menu li {margin-bottom: 10px;font-size: 14px;}
.footer-menu li a{color: #000}
.footer-menu li a span{
    color: #4d80cc;
    font-size: 13px;
    margin-right: 5px;
}
.copyright {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    color: #1d2088;
}

/*メインビジュアル*/
.main-v {
    background: url(/wp/wp-content/themes/tachinoki/images/main-v-bg.png)no-repeat;
    background-size: cover;
    height: 480px;
    padding: 10px 0 0;
}
.page-service {
    height: 380px;
}
.main-area {width: 830px;}

.main-tx {
    font-size: 18px;
    color: #fff;
    line-height: 1.3;
    margin-right: 100px;
    margin-left: 70px;
    position: relative;
    z-index: 1;
    text-align: center;
}
.main-v h2 {
    font-size: 30px;
    margin: 20px 0 30px;
    line-height: 1.5;
    text-shadow: 1px 1px 1px #000;
}
.main-v h2 span{font-size: 40px;}
.main-v h2 img{width: 100%;height: auto;}
.bnr-cta {width: 343px;margin-right: 2%}
.bnr-cta img{width: 100%}
.main-tx .bnr-cta {margin-top:20px;margin-right: 0}
.main-obj {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.main-obj img{width: 495px}

/*トップページ*/
.sp-main-contact {
    display: none;
}
.top-news-area {
    background: url(/wp/wp-content/uploads/2020/04/news-bg.jpg)no-repeat;
    background-size: cover;
    padding: 50px 0;
    height: 500px;
    margin-top: 10px;
}
.top-news-area h3 {
    text-align: center;
    font-size: 30px;
}
.top-news-area .tab-menu.is-active {
    background: #1d2088;
    color: #fff;
}
.top-news-area .tab-menu.is-active:after {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #1d2088;
    border-left: 20px solid transparent;
    transform: rotate(180deg);
    z-index: 1000;
    margin: 0 auto -20px;
    top: 5px;
}
.top-news-area .tab-menu {
    background: #737373;
    color: #fff;
    width: 32%;
    border-right: solid 2px #fff;
}
.tab-link {
    width: 32%;
    background: #737373;
    color: #fff;
    width: 32%;
    font-size: 16px;
    text-align: center;
}
.tab-link a{
    padding: 10px 0;
    display: block;
    color: #fff;
}
.tab-link a:hover{
    background: #1d2088;
}

.top-news-area .tab-menu:hover {
    background: #1d2088;
}
.top-news-area .panel {text-align: left;}
.news-list {margin-bottom: 15px}
.news-list time {
    display: inline-block;
    font-size: 14px;
    color: #313131;
    padding: 0;
}
.news-cat {
    color: #1d2088;
    font-size: 10px;
    border: solid 1px #1d2088;
    padding: 3px 25px;
    margin: 0 20px;
}
.title-area h4{
    font-size: 14px;
    margin-top: 5px;
}
.top-about {
    padding: 50px 0;
    background: url(/wp/wp-content/uploads/2020/04/dot-bg.png);
}
.top-about h3 {
    margin: 0px 0 30px;
    font-size: 30px;
    line-height: 1.4;
    text-align: center;
    color: #313131;
}
.top-about h4 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}
.owner {
    width: 48%;
    border:solid 3px #107f29;
    padding: 30px 50px;
    margin-right: 4%;
    font-size: 18px;
    background: #fff;
}
.owner img {
    margin: 0 auto 18px;
    display: block;
    width: 45px;
}
.resident {
    width: 48%;
    border:solid 3px #ec6941;
    padding: 30px 50px;
    font-size: 18px;
    background: #fff;
}
.resident img {
    margin: 0 auto 10px;
    display: block;
    width: 50px;
}
.btn img{
    display: inline-block;
    width: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.owner .btn {
    background: #107f29;
    text-align: center;
    border-radius: 7px;
    margin-top: 40px;
    box-shadow: 0 3px #08581a;
}
.resident .btn {
    background: #ec6941;
    text-align: center;
    border-radius: 7px;
    margin-top: 40px;
    box-shadow: 0 3px #bf502e;
}
.owner .btn a, .resident .btn a{
    color: #fff;
    padding: 10px 0;
    display: block;
    font-size: 16px;
    font-weight: bold;
}
.top-about li {
    background: url(/wp/wp-content/uploads/2020/04/icon-list.png)no-repeat;
    background-size: 15px;
    padding-left: 25px;
    margin-bottom: 15px;
    background-position: 0 10px;
}

.riyu-area {
    background: url(/wp/wp-content/uploads/2020/04/news-bg.jpg)no-repeat;
    background: url(/wp/wp-content/uploads/2020/04/dot-bg.png);    
    padding: 50px 0;
    margin-top: 10px;
}
.lp-title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
}
.lp-title span{
    color: #EC6941;
}
.riyu {
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    border-radius: 23px;
    padding: 15px;
}
.riyu:last-child {
    margin-right: 0;
}
.riyu img{width: 50%;margin-bottom: 20px}
.riyu-title {text-align: center}
.riyu-num {
    width: 13%;
    font-size: 30px;
    font-style: italic;
    color: #1d2088;
    font-weight: bold;
    display: inline;
}
.riyu-tx {
    font-size: 22px;
    color: #1d3b88;
    padding-left: 5px;
    line-height: 0.8;
    display: inline;
    text-align: left;
    position: relative;
    top: -3px;
}
.riyu-tx span{
    font-size: 15px;
    display: block;
    margin-left: 25px;
}
.riyu:nth-child(3) .riyu-tx {
    top: -15px;
}
.riyu-area ul {
    max-width: 600px;
    margin: 0 auto;
}
.riyu-area li {
    font-size: 18px;
    color: #1D2088;
    font-weight: 700;
    border-bottom: solid 1px #1D2088;
    padding: 10px 10px 10px 40px;
    background: url(/wp/wp-content/themes/tachinoki/images/lp/check.png)no-repeat;
    background-size: 20px;
    background-position: 0;
}
.riyu-area li span{
    color: #EC6941;
}
.case-area {
    background: #ecf4ff;
    border-top: solid 5px #4d80cc;
}
.case-area h3 {
    width: 300px;
    background: #4d80cc;
    color: #fff;
    text-align: center;
    padding: 8px 0 8px;
    margin: 0 auto;
    position: relative;
    top: -27px;
    line-height: 1.4;
    font-size: 24px;
}


.service-area {
    border-top: solid 5px #1d2088;
    margin-top: 100px;
}
.service-area h3{
    background: #01009e;
    background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
    background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
    background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
    width: 300px;
    color: #fff;
    text-align: center;
    padding: 8px 0 8px;
    margin: 0 auto;
    position: relative;
    top: -27px;
    line-height: 1.4;
    font-size: 24px;
    border-bottom:solid 1px #959595;
}

.flow-area {
    border:solid 1px #959595;
    margin: 10px 0 30px;
}
.tab-menu {
    background: #f4f4f4;
    font-size: 16px;
    text-align: center;
    width: 50%;
    padding: 10px 0;
    cursor: pointer;
    flex-grow: 1;
    border-right:solid 1px #959595;
    border-bottom:solid 1px #959595;
}
.tab-menu:last-child {margin-right: 0;border-right:none;}
.tab-menu:hover {background: #f4f4f4;transition: all 0.2s ease-out;}

.tab-group{
    display: flex;
    justify-content: center;
}


.panel{
    display:none;
    text-align: center;
    padding: 50px 30px;
    background: #fff;
}
.tab-menu.is-active{
    background: #fff;
    border-bottom: none;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display: block;
    opacity: 1;
    animation-duration: 2s;
    animation-name: fade-in;
    -moz-animation-duration: 2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: fade-in;
}
@keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
        top:10px;
      }

      100% {
        display: block;
        opacity: 1;
        top:0px;
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
        top:10px;
      }

      100% {
        display: block;
        opacity: 1;
        top:0px;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
        top:10px;
      }

      100% {
        display: block;
        opacity: 1;
        top:0px;
      }
    }
.flow-img img{width: 95%}
.public {
    border: solid 1px #959595;
    padding: 20px 90px 30px;
}
.top-service-title {
    text-align: center;
    color: #1d2088;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px
}
.service-num {
    width: 40px;
    background: #1d2088;
    color: #fff;
    text-align: center;
    height: 40px;
    font-size: 20px;
    padding: 5px;
    font-weight: bold;
    border-radius: 3px;
    margin-right: 35px;
}
.service-tx {width: 85%;}
.public .fbox {margin-bottom: 30px}

.column-area {
    background: url(/wp/wp-content/uploads/2020/01/flow-bg-scaled.jpg)no-repeat;
    background-size: cover;
    border-top: solid 5px #1d2088;
    margin-top: 100px;
    padding: 0 0 50px;
}
.qa {background: #e8f0f9;}
.column-area h3{
    width: 400px;
    background: #01009e;
    background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
    background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
    background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
    color: #fff;
    text-align: center;
    padding: 8px 0 8px;
    margin: 0 auto 40px;
    position: relative;
    top: -27px;
    line-height: 1.4;
    font-size: 24px;
}
.column-list {
    width: 18.4%;
    margin-right: 2%;
    border: solid 1px #4d80cc;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}
.column-list:last-child {margin-right:0;}
.column-list img {
    height: 140px;
    object-fit: cover;
    margin-bottom: 10px;
    width: 100%;
}
.column-list h4{font-size: 14px;color: #4d80cc;padding: 10px;}
time {color: #8c8c8c;font-size: 11px;padding: 10px;display: block;}
.column-more {
    width: 300px;
    margin: 30px auto 0;
    background: #fff;
    border: solid 1px #4d80cc;
    border-radius: 11px;
    text-align: center;
}
.column-more a{
    color:#4d80cc;
    display: block;
    padding: 10px 0;
}
#expert h3{
    text-align: center;
}

.footer-cta-area {
    margin-top: 50px;
    background: #F8F8F8;
    padding: 50px 0;
}
.footer-cta-area .tx {
    margin-left: 90px;
}
.footer-cta-area .tx h3{
    color: #1d3488;
    line-height: 1.4;
    font-size: 32px;
    margin: 0px 0 15px;
}
.footer-cta-area .tx span {
    color: #1d3488;
    font-size: 25px;
}
.footer-cta-area h3 span{font-size: 12px;color: #262626}
.footer-cta {
}
.cta-tx {
    align-items: center;
}
.cta-tx .img {
    width: 52%;
}
.cta-tx .img img{
    width: 100%;
    height: auto;
}
.cta-tx h3 {

}
.main-cta {
    width: 715px;
    margin: 30px auto 0;
}
.lp-bnr-cta {
    width: 343px;
    margin-right: 2%;
    background: linear-gradient(to bottom,  #3b56c4 0%,#131148 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.lp-bnr-cta:last-child {
    margin-right: 0;
}
.lp-bnr-cta a {
    display: block;
    color: #fff;
    padding: 10px 10px 10px 55px;
    font-size: 18px;
    position: relative;
}
.tel-num {
    font-size: 33px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    padding-left: 40px;
}
.tel-num::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(/wp/wp-content/themes/tachinoki/images/lp/icon-tel.png)no-repeat;
    background-size: 100%;
}
.mail-tit {
    padding-left: 40px;
    position: relative;
}
.mail-tit::before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(/wp/wp-content/themes/tachinoki/images/lp/icon-mail.png)no-repeat;
    background-size: 100%;
}
.lp-bnr-cta span {
    font-size: 14px;
}
.lp-jirei {
    background: #E8F0F9;
    margin-top: 10px;
    padding: 50px 0;
}
.lp-jirei .item {
    width: 48%;
    margin-bottom: 4%;
    color: #1D2088;
}
.jirei-inner {
    background: #FFF2E0;
    padding: 20px;
}
.lp-jirei .item h4 {
    background: #1D2088;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}
.lp-jirei .item h4 .jireinum {
    font-size: 17px;
    margin-right: 20px;
}
.lp-jirei .item h4 .jireibig {
    font-size: 21px;
}
.lp-jirei .item h5 {
    border: none;
    padding: 0;
    margin:0;
    font-size: 16px;
}
.lp-jirei .item img {
    width: 100%;
    height: auto;
}
.lp-jirei .item .img {
    width: 45%;
}
.lp-jirei .item .tx {
    width: 50%;
}
.lp-voice {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
}
.lp-voice .tx {
   width: 78%;
   color: #1D2088;
}
.lp-voice .img {
    width: 20%;
}
.lp-voice .img img{
    width: 100%;
    height: auto;
}
.lp-merit {
    background: url(/wp/wp-content/themes/tachinoki/images/lp/merit-bg.png)no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin-top: 50px;
}
.lp-merit .item {
    background: #fff;
    border-radius: 20px;
    border: solid 2px #1D2088;
    margin-bottom: 20px;
    padding: 40px;
}
.lp-merit h4 {
    color: #1D2088;
    font-size: 21px;
    border-bottom: solid 1px #1D2088;
    margin-bottom: 10px;
}
.lp-kiji {
    padding: 50px 0;
}
.lp-kiji-inner {
    background: #E8F0F9;
    padding: 30px 20px;
}
.lp-kiji h4 {
    text-align: center;
    color: #1D2088;
    font-size: 20px;
    margin-bottom: 20px;
}

.kiji-more {
    text-align: center;
    color: #1D2088;
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease-out;
    position: relative;
}
.kiji-more::before {
    content: "";
    display: block;
    width: 21px;
    height: 1px;
    background: #1D2088;
    position: absolute;
    top: 50%;
    right: 20px;
}
.kiji-more::after {
    content: "";
    display: block;
    width: 1px;
    height: 21px;
    background: #1D2088;
    position: absolute;
    top: calc(50% - 10px);
    right: 30px;
    transition: all 0.2s ease-out;
}
.is-active::after {
    opacity: 0;
}
.kiji-area {
    padding: 40px;
    background: #ffff;
    display: none;
}

.kiji-area.is-show{
    display: block;
    opacity: 1;
    animation-duration: 2s;
    animation-name: fade-in;
    -moz-animation-duration: 2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: fade-in;
}
@keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
        top:10px;
      }

      100% {
        display: block;
        opacity: 1;
        top:0px;
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
        top:10px;
      }

      100% {
        display: block;
        opacity: 1;
        top:0px;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
        top:10px;
      }

      100% {
        display: block;
        opacity: 1;
        top:0px;
      }
    }
.kiji-area h5 {
    color: #1D2088;
    font-size: 20px;
    border-bottom: solid 1px #1D2088;
    margin-bottom: 10px;
}
.kiji-area h6 {
    color: #1D2088;
    font-size: 16px;
    margin-bottom: 0px;
    background: none;
}
.lp-price {
    background: #F7F2EA;
    padding: 50px 0;
}
.lp-price p {
    text-align: center;
}
.lp-price th {
    background: #C9AD71;
    color: #fff;
    vertical-align: top;
    font-size: 18px;
    width: 36%;
    padding: 22px 0 22px 15px;
    border-bottom: solid 5px #F7F2EA;
    font-weight: bold;
}
.lp-price td {
    background: #fff;
    color: #1D2088;
    font-size: 18px;
    padding: 22px 0 22px 15px;
    border-bottom: solid 5px #F7F2EA;
}
.lp-price td span {
    font-weight: bold;
}
.lp-price td span.kome {
    font-weight: normal;
}
.lp-step {
    padding: 50px 0;
}
.lp-step .item {
    background: #E8F0F9;
    padding: 25px;
    margin-bottom: 10px;
    color: #1D2088;
}
.lp-step .item h4 {
    font-size: 21px;
    margin-bottom: 10px;
    position: relative;
}
.lp-step .item h4 span.num {
    background: #1D2088;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 2px 0 0;
    border-radius: 5px;
    margin-right: 20px;
    position: relative;
    top: -2px;
}

/*下層ページ*/
.main-v-page {
    background: url(/wp/wp-content/uploads/2020/01/main-p.jpg)no-repeat;
    background-size: cover;
    height: 165px;
}
.main-v-page {
    color: #fff;
    text-align: center;
    padding: 50px;
    font-size: 24;
    font-weight: bold;
}
.page h3 {
    background: #01009e;
    background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
    background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
    background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
    color: #fff;
    font-size: 18px;
    padding: 10px 10px;
    margin-top: 50px;
}
.page h4 {
    border-left: solid 7px #1d2088;
    padding: 0px 10px;
    font-size: 16px;
    margin-bottom: 20px;
    color: #1d2088;
}


/*コラム詳細*/
.single-img {text-align: center;margin-bottom: 30px}
.content-single h3 {
    background: #01009e;
    background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
    background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
    background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
    color: #fff;
    font-size: 18px;
    padding: 10px 0 10px 20px;
    margin-top: 50px;
}
.content-single h4 {
    border-left: solid 7px #1d2088;
    padding: 0px 10px;
    font-size: 16px;
    margin-bottom: 20px;
    color: #1d2088;
    font-size: 120%;
}
.single-img img{width: 90%;}
.column-list-archive{
    width: 23.5%;
    margin-right: 2%;
    border: solid 1px #4d80cc;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 2%;
}
.column-list-archive:nth-child(4n){
    margin-right: 0
}
.column-list-archive img {
    height: 140px;
    object-fit: cover;
    margin-bottom: 10px;
    width: 100%;
}
.column-list-archive h4{font-size: 14px;color: #4d80cc;padding: 10px;}
.cat-area {
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 20px;
}
.cat {
    background: #4d80cc;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 3px 9px 2px;
    margin-right: 5px;
}
.content-single time {
    text-align: right;
    position: relative;
    top: -25px;
    margin-bottom: -25px;
}


/*オーナー向けサービス*/
.resident-page .main-tx, .owner-page .main-tx  {
    max-width: 750px;
    margin: 90px auto 0;
}
.owner-main {
    background: #fff;
    border: solid 3px #107f29;
    padding: 10px 15px;
    color: #107f29;
    display: inline-block;
}
.owner-main img{width: 20px}
.about-service {
    padding: 50px 0;
    background: url(/wp/wp-content/uploads/2020/04/dot-bg.png);
}
.about-service-img {
    background: #fff;
    border: solid 5px #107f29;
    border-radius: 5px;
    padding: 30px;
    text-align: center;
    position: relative;
}
.about-service-img::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 46%;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #107f29;
  border-left: 30px solid transparent;
    bottom: -35px;
transform: rotate(180deg);
}
.about-service-img::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 46%;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
  border-left: 30px solid transparent;
    bottom: -27px;
    transform: rotate(180deg);
}
.about-service-img button{width: 67%!important;height: auto!important;}
.about-service-img h3 span{
    background: linear-gradient(transparent 60%, #ffff00 60%);
}
.about-service-tx {
    font-size: 16px;
    margin-top: 50px;
}
.about-service-tx h3{
    font-size: 30px;
    color: #0d0d0d;
}
.about-service-tx h3 span{
    color: #107f29;
}

.soudan {
    background: url(/wp/wp-content/uploads/2020/04/riyu-bg.jpg)no-repeat;
    background-size:cover; 
}
.soudan-tx {padding: 50px 160px}
.soudan-tx h3{
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
}
.soudan-tx li {
    background: url(/wp/wp-content/uploads/2020/04/icon-list-white.png)no-repeat;
    background-size: 15px;
    color: #fff;
    font-size: 18px;
    border-bottom: solid 1px #fff;
    padding: 0 0 10px 25px;
    margin-bottom: 20px;
    background-position: 0 10px;
}
.soudan-tx li span{
    color: #ffff00;
}
.merit {padding: 50px 0;}
.merit h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
}
.merit h4 {
    color: #1d2088;
    font-size: 24px;
    background: -webkit-linear-gradient(top, #dcdcdc 0%,#d1d1d1 50%,#dbdbdb 50%,#f7f6f6 100%);
    background: linear-gradient(to bottom, #dcdcdc 0%,#d1d1d1 50%,#dbdbdb 50%,#f7f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f7f6f6',GradientType=0 );
    line-height: 2;
    padding: 5px 0 0;
    margin-bottom: 20px;
}
.merit h4 span{
    font-size: 20px;
    font-weight: normal;
    background: url(/wp/wp-content/uploads/2020/04/merit-title.png)no-repeat;
    color: #fff;
    background-size: 100%;
    display: inline-block;
    width: 239px;
    padding: 11px 0 11px 65px;
    margin-right: 20px;
    line-height: 1.4;
    position: relative;
    top: -5px;
}
.merit-tx {
    width: 65%;
    margin-right: 5%;
}
.merit-img {width: 30%}
.merit-img img{width: 100%}
.hikaku-area {
    background: #e8f0f9;
    padding: 30px;
}
.hikaku {
    border: solid 1px #434343;
    background: #fff;
    padding: 65px 40px 40px;
    position: relative;
}
.hikaku h5{
    background: #1d2088;
    color: #fff;
    display: inline-block;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
}
.hikaku img {width: 100%}

.price {
    background: #e8f0f9;
    border-top: solid 5px #1d2088;
    margin-top: 100px;
    padding-bottom: 50px;
}
.price h3 {
    background: #01009e;
    background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
    background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
    background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 400px;
    margin: -30px auto 30px;
    padding: 3px 0 5px;
}
.price-tx {
    font-size: 12px;
    text-align: center;
}
.price-tx span{
    font-size: 22px;
    color: #1d2088;
    display: block;
}
.price h4 {
    background: #01009e;
    background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
    background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
    background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
    color: #fff;
    font-size: 22px;
    padding: 10px 0 10px 20px;
    margin-top: 50px;
}
.price h4 span{font-style: italic;}
.price-table {
    background: #fff;
    padding: 35px;
}
.price-table table{
    border: solid 2px #434343;
}
.price-table th{
    background: #d7ad90;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
}
.price-table td{
    width: 50%;
    padding: 11px 15px;
}
td.title {background: #fff8f3;font-weight: bold}
.price-img {padding: 50px 150px;}
.price-img img{width:100%;}
.jirei {
    border: solid 1px #434343;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
}
.jirei-num {
    background: #1d2088;
    display: inline-block;
    padding: 5px 30px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}
.jirei-item {
    width: 48%;
    margin-right: 4%;
    padding-top: 20px;
    
}
.jirei-item:last-child {margin-right: 0;text-align: center;padding: 0}
.jirei-item div {
    background: #e8e9f3;
    padding: 7px;
    margin-bottom: 5px;
}
.jirei-item div:last-child {margin-bottom: 0;margin-top: 5px}
.price-table h5 {
    border-left: solid 7px #1d2088;
    padding: 0px 10px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #1d2088;
}


/*入居者様向けサービス*/
.resident-page .owner-main {
    border: solid 3px #ec6941;
    color: #ec6941;
}
.resident-page .about-service-tx h3 span {
    color: #ec6941;
}
.resident-page .about-service-tx {
    margin-top: 0;
}
.resident-page .public {
    border: solid 1px #959595;
    padding: 50px 30px;
    margin-top: 30px;
}
.flow-box {
    background: #e8f0f9;
    padding: 30px;
    margin-bottom: 30px;
}
.flow-box:last-child {
    margin-bottom: 0;
}
.flow-box h4 {
    font-size: 20px;
    color: #1d2088;
}
.resident-page .service-num {
    display: inline-block;
    margin-right: 20px;
}
.resident-page .service-tx {
    width: 100%;
    margin-top: 20px;
}
.btn-link {
    border: solid 1px #1d2088;
    border-radius: 10px;
}
.btn-link:before{
    content: "";
    display: block;
    background: url(/wp/wp-content/uploads/2020/06/icon-arrow-blue.png)no-repeat;
    height: 8px;
    background-size: 30px;
    position: relative;
    top: 30px;
    margin-bottom: -8px;
    left: 30px;
}
.btn-link a{
    padding: 10px 10px 10px 90px;
    display: block;
}
.price-table .btn-link {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    text-align: center;
}
.price-table .btn-link:nth-child(2n) {
    margin-right: 0;
}
.service-b-type {margin-top: 30px}
.service-b-type .btn-link {text-align: center;}
.service-b-type .btn-link a {padding: 15px;}
.service-b-type .btn-link:before {top: 22px;}

/*事務所概要*/
.about-area {
    margin-bottom: 40px;
    border-bottom: solid 1px #eee;
    padding-bottom: 40px;
}

.about-img {width: 40%;margin-right: 5%;}
.about-img img{width: 100%;}
.bengoshi-name {
    background: #1d2088;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
.bengoshi-name span{font-size: 14px}
.about-tx {
    width: 55%;
    font-size: 14px;
    line-height: 1.8;
}
.bengoshi-tx-title {margin: 15px 0 5px;font-weight: bold}
.bengoshi-tx-title:first-child {margin-top: 0;}
.map {margin-bottom: 50px;}
.map iframe {width: 100%;margin-top: 10px;}

/*感謝の声・実績*/
.voice-list {
    border: solid 1px #d2d2d2;
    position: relative;
    background: #fff;
    margin: 0 0 15px;
    line-height: 1.5;
}
.voice-list a {
    color: #1d2088;
    display: block;
    padding: 25px;
    display: flex;
    align-items: flex-start;
}
.voice-list:after {
    content: "";
    display: block;
    width: 13px;
    height: 21px;
    background: url(/wp/wp-content/themes/tachinoki/images/icon-arrow-right.png)no-repeat;
    background-size: 100%;
    position: absolute;
    right: 9px;
    top: 40%;
}
.voice-list .cat {
    color: #1d2088;
    display: inline-block;
    font-size: 11px;
    padding: 3px 0px;
    margin-right: 10px;
    border: solid 1px #1d2088;
    width: 110px;
    background: none;
    text-align: center;
}
.btn-more {
    background: #fff;
    border: solid 1px #1d3488;
    border-radius: 50px;
    box-shadow: 0 5px 10px #595a5a;
    width: 430px;
    font-size: 16px;
    margin: 30px auto 0;
    text-align: center;
}
.btn-more a {
    display: block;
    padding: 20px;
    color: #1d2088;
}
.btn-more:before {
    content: "";
    display: block;
    width: 21px;
    height: 6px;
    background: url(/wp/wp-content/themes/tachinoki/images/icon-arrow.png)no-repeat;
    background-size: 21px;
    position: relative;
    top: 29px;
    left: 30px;
    margin-bottom: -6px;
}


/*contact*/
.cantact-area {padding: 0 150px 100px;background: #fff;}
.cantact-area h3 {
    text-align: center;
    font-size: 18px;
    margin-top: -23px;
}
.cantact-area h3 span {
    font-size: 50px;
    color:#002b8a;
    line-height: 1.2;
    letter-spacing: 6px;
}
.contact-tx {padding: 0 50px;margin-bottom: 80px;}

input[type="text"],input[type="email"],textarea {width: 100%;font-size: 16px;border: solid 1px #ccc;line-height: 1.5;}
.form-tx {text-align: center;margin-bottom: 50px;}
.f-title {
    border-bottom: solid 1px #000;
    width: 32%;
    padding: 35px 10px 30px;
}
.f-input {
    border-bottom: solid 1px #ccc;
    width: 68%;
    padding: 30px 10px 30px;
}
.doui {
    padding: 20px;
    width: 100%;
    margin: 20px auto;
    text-align: center;
}
.privacy-link {margin-top: 10px}
.privacy-link a{text-decoration: underline;}
.send-btn {
    font-size: 18px;
    box-shadow: -1px 1px 5px #ccc;
    width: 250px;
    margin: 40px auto 0;
    border-radius: 5px;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    background: #01009e;
    background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
    background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
    background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
}
.send-btn input{background: none;border: 0;color: #fff;}
.send-btn a:hover{opacity: 1}
.send-btn:hover {opacity: 0.7}
.hissu:after {
    content: "必須";
    background: #e5004f;
    color: #fff;
    float: right;
    font-size: 10px;
    padding: 2px 9px 3px;
    border-radius: 5px;
    margin-right: 20%;
}
.doui span.mwform-checkbox-field:before {
    content: "必須";
    background: #e5004f;
    color: #fff;
    font-size: 10px;
    padding: 2px 9px 3px;
    border-radius: 5px;
    margin-right: 1%;
    position: relative;
    top: -1px;
}
.ninni:after {
    content: "任意";
    background: #707070;
    color: #fff;
    float: right;
    font-size: 10px;
    padding: 2px 9px 3px;
    border-radius: 5px;
    margin-right: 20%;
}

/*お知らせ*/
.time-area {width: 30%;}
.title-area {width: 70%;}

.column-btn-area {
    border-bottom: solid 1px #1d2088;
    margin-bottom: 30px;
}
.column-btn {
    width: 50%;
    text-align: center;
    background: #fff;
}
.column-btn a{padding: 10px;display: block;}
.btn-on {background:#1d2088;}
.btn-on a{color: #fff; }
.line-bnr {
    background: #07B53B;
    width: 240px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 2px 2px 5px #ccc;
    z-index: 100000;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.line-btn {
    display: none;
    background: #07B53B;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border: solid 2px #fff;
    margin-top: 15px;
}
.line-bnr span, .line-btn span{
    font-size: 12px;
    display: block;
    font-weight: normal;
}
.line-bnr a, .line-btn a{
    display: block;
    padding: 10px;
    color: #fff;
}

.bnr-close {
    position: absolute;
    top: -15px;
    right: -5px;
    width: 23px;
    cursor: pointer;
    z-index: 1000;
}
.bnr-close img{
    width: 100%;
    height: auto;
}


@media (max-width: 1024px) {
    .pc {display: none}
    .sp {display: block}
    .scroll-prevent {
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%;
    }
    .container {padding: 0 2vw;}
    .page {padding: 2vw;}
    .content-single {width: 100%;margin-right: 0;margin-bottom: 40px;}
    .side-area {width: 100%;}
    
    .logo-area {width: 55vw;padding: 2vw 2vw 2vw 0;}
    .head-cta {display: none;}
    .main-v {
        height: 41vw;
        padding: 3vw 0 0;
        overflow: hidden;
    }
    .main-v-area {max-width: 95vw;}
    .main-tx {font-size: 1.8vw;margin-right: 3vw;margin-left: 4vw;}
    .resident-page .main-tx, .owner-page .main-tx {
        max-width: 750px;
        margin: 8vw 10vw 0;
    }
    .balloon1 {
        padding: 1.5vw;
        width: 13vw;
        height: 7vw;
        line-height: 2vw;
        font-size: 1.7vw;
    }
    .main-v h2 {font-size: 3vw;margin: 2vw 0 2vw;}
    .main-v h2 span {font-size: 4vw;}
    .main-obj img {width: 38vw;}
    .bnr-cta {width: 40vw;}
    .main-tx .bnr-cta {margin-top: 10px;}

    /*ナビメニュー*/
    .sp-nav {
        display: block;
        background: #1d2088;
        padding: 20px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10180;
    }
    .sp-nav .fbox div {width: 100%;text-align: center;color: #fff}
    .sp-nav a{color: #fff;display: block;}
    .sp-nav img {
        height: 25px;
        width: auto;
        margin-right: 10px;
    }
    #top-bar .logo-area{
        position: absolute;
        top: 0px;
        left: 12px;
    }
    
    .off::after {
        display: none!important;
    }
    
    .sp-btn {
        display: block;
        cursor: pointer;
/*
        width: 78px;
        height: 78px;
        cursor: pointer;
        z-index: 10100;
        text-align: center;
        padding-top: 26px;
        position: fixed;
        right: 20px;
        top:20px;
        background: #01009e;
        background: -moz-linear-gradient(top, #01009e 0%, #000059 100%);
        background: -webkit-linear-gradient(top, #01009e 0%,#000059 100%);
        background: linear-gradient(to bottom, #01009e 0%,#000059 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009e', endColorstr='#000059',GradientType=0 );
*/
    }
    
    nav {
        width: 100%;
        height: 100%;
        transition: all 0.2s;
        transform: translate(100%);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10080;
        background: #fff;
        padding: 17vh 11vw 0
    }
    .navbar {width: 100vw;overflow-y: scroll;}
    .navbar::after {
        content: "";
        display: block;
        height: 100px;
        width: 100%
    }
    nav ul {margin-right: 0px;float: none;}
    .navbar li {float: none;border-bottom: solid 1px #ccc}
    .navbar li::before {
        content: "▶︎";
        display: block;
        height: 10px;
        width: 10px;
        position: relative;
        top: 21px;
        color: #4d80cc;
    }
    .navbar li a{color: #000;font-size: 16px;padding: 7px 0 15px 20px;}
    
    
    .navbar li:hover .sub-menu {display: none;}
    .sub-menu {position: static;padding: 0 0 20px;height: auto;background: none;width: auto;}
    .sub-menu li {border: none}
    .sub-menu li::before {display: none}
    
    /*  メニューアクティブ時  */
    nav.open {transform: translate(0);}
    .on {animation: show 0.5s linear 0s;}
     
    @keyframes show{
        from{
            opacity: 0;
        }
        to{
            opacity: 1;
        }
    }
    .accordion_icon,
    .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .accordion_icon {
        position: relative;
        width: 37px;
        height: 37px;
        float: right;
        margin-right: 0;
        border: solid 1px #000;
        top: -46px;
    }
    .accordion_icon span {
        position: absolute;
        left: 6px;
        width: 64%;
        height: 2px;
        background-color: #000;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .accordion_icon span:nth-of-type(1) {
        top: 9px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .accordion_icon span:nth-of-type(2) {
        top: 17px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .accordion_icon span:nth-of-type(3) {
        top: 25px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    /*＋、－切り替え*/
    .accordion_icon.active span:nth-of-type(2) {
        display:none;
    }
    .accordion_icon.active span:nth-of-type(1) {
        width: 71%;
        top: 17px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        left: 5px;
    }
    .accordion_icon.active span:nth-of-type(3) {
        width: 71%;
        top: 17px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        left: 5px;
    }
    
    .navbar li:hover .sub-menu {
        display: none;
        animation: none;
        animation: none;
    }

    /*トップページ*/
    .main-cta {width: 78vw;}
    .riyu-tx {font-size: 1.8vw;}
    .riyu-tx span {font-size: 1.5vw;}
    .footer-cta {padding: 30px 2vw;}
    
    /*オーナー向けサービス*/
    .soudan-tx {padding: 50px 14vw;}

    /*LP*/
    .copyright {
        margin-bottom: 80px;
    }
    .footer-cta-area .tx {
        margin-left: 5vw;
    }
    .footer-cta-area .tx h3 {
        font-size: 3vw;
    }
    .footer-cta-area .tx span {
        font-size: 2.4vw;
    }
    .lp-bnr-cta {
        width: 38vw;
    }
    .lp-bnr-cta a {
        padding: 1vw 1vw 1vw 5.5vw;
        font-size: 1.8vw;
    }
    .tel-num {
        padding-left: 4.2vw;
        font-size: 3.3vw;
    }
    .lp-bnr-cta span {
        font-size: 1.4vw;
    }
    .mail-tit {
        padding-left: 4.2vw;
    }
    .tel-num::before {
        width: 3.2vw;
        height: 3.2vw;
    }
    .mail-tit::before {
        top: 1.6vw;
        width: 3.2vw;
        height: 3.2vw;
    }
    .footer-tx {
        font-size: 1.5vw;
    }
}



@media (max-width: 835px) {
    .footer-logo {
        width: 100%;
    }
    .footer-tx {
        width: 100%;
        font-size: 14px;
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .sp-only {display: block;}
    body {font-size: 14px}
    .tb {display:none;}
    .spbr {display: none}
    h2 {font-size: 6vw}
    h3 {font-size: 5vw}
    .container {padding: 0 3vw;}
    .logo-area {padding: 9px 0px 8px;width: 95%;}
    .logo-area img {width: 33vw;}
    .logo-tx {font-size: 10px;left: 10px;top: -4px;}
    .logo-tx span {font-size: 9px;}
    .nav-area {margin: 0;}
    .sp-btn {
/*
        width: 48px;
        height: 48px;
        padding-top: 14px;
        right: 3px;
        top: 3px;
*/
    }
    .lightbox .lb-image {border: 10px solid white;}
    /*トップ*/
    .main-v {
        height: 175vw;
        background: url(/wp/wp-content/themes/tachinoki/images/main-v-sp-bg.png)no-repeat;
        background-size: cover;
    }
    .main-tx {
        font-size: 1.8vw;
        margin-right: 0vw;
        margin-left: 0vw;
    }
    .main-v h2 {margin: 10px 0 5px;font-size: 5.4vw;line-height: 1.4;}
    .main-v h2 span {font-size: 7.5vw;}
    .main-obj {position: absolute;right: 0px;}
    .main-obj img {width: 70vw;margin-top: 10px;}
    .main-tx .bnr-cta {margin-top: 56px;}
    .main-cta {width: 100%;padding: 0 2vw;}
    .bnr-cta {width: 49%;margin-right: 2%;}

    .sp-main-contact {
        display: block;
        background: #e8f0f9;
        padding: 20px;
        margin-bottom: 30px;
    }
    .sp-main-contact-tx {
        color: #1d2088;
        margin-bottom: 10px;
    }
    .sp-main-contact-tx span{
        font-size: 5.5vw;
        font-weight: bold;
    }
    .top-news-area h3 {font-size: 6vw;}
    .tab-menu, .tab-link {font-size: 3.5vw;}
    
    .top-news-area {height: auto;}
    .top-about h3 {font-size: 6vw;}
    .owner {
        width: 100%;
        padding: 30px 20px;
        margin-right: 0;
        font-size: 4vw;
    }
    .resident {
        width: 100%;
        padding: 30px 20px;
        margin-right: 0;
        font-size: 4vw;
        margin-top: 30px;
    }
    .riyu-area {
        padding: 10vw 0;
    }
    .riyu-area h3 {font-size: 5.6vw;margin-bottom: 5vw;}
    .riyu-area h3 span {font-size: 7vw;}
    .riyu {width: 49%;margin-right: 2%;margin-bottom: 2%}
    .riyu:nth-child(2n) {margin-right: 0}
    .riyu-num {font-size: 6vw;}
    .riyu-tx span {font-size: 3vw;}

    .case-area h3,.service-area h3,.column-area h3 {width: 230px;font-size: 18px;}
    .case img {width: 100%}
    .top-service-title {font-size: 16px;}
    .public {padding: 20px 20px 30px;}
    .service-num {
        width: 30px;
        height: 30px;
        font-size: 14px;
        margin-right: 15px;
    }
    .riyu-tx {font-size: 4vw;}
    .footer-cta {}
    .footer-cta-area {margin-top: 5vw;
        padding: 10vw 0;}
    .footer-cta-area h3 {font-size: 6vw;}
    .bnr-cta {width: 100%;margin-right: 0;}
    .bnr-cta:last-child {margin-top:15px;}
    .main-cta {width: 85%;}
    footer {padding: 30px 10px 0;}
    .footer-logo {width: 100%;}
    .footer-menu {width: 100%;margin: 30px 0 0 10px;}
    .copyright {font-size: 10px;margin-bottom: 70px;}

    /*オーナー向けサービス*/
    .resident-page .main-tx, .owner-page .main-tx {margin: 9vw 0vw 0;}
    .page-service {
        height: 67vw;
        background: url(/wp/wp-content/themes/tachinoki/images/main-v-sp-bg.png)no-repeat;
        background-size: cover;
    }
    .owner-main {font-size: 3.5vw;padding: 2px 5px 8px;}
    .owner-main img {position: relative;top: 3px;}
    .about-service-img button {width: 100%!important;}
    .service-tx {width: 80%;}
    
    .about-service-img {padding: 15px;}
    .about-service-tx h3 {font-size: 6vw;}
    .soudan-tx {padding: 50px 4vw;}
    .soudan-tx h3 {font-size: 6vw;}
    .merit h3 {font-size: 6vw;}
    .merit h4 {font-size: 4.5vw;padding:0;}
    .merit h4 span {
        font-size: 16px;
        background-size: 100% 110%;
        width: 120px;
        padding: 12px 0 11px 10px;
        top: 0;
        margin-right: 10px;
    }
    .merit-tx {width: 100%;margin-right: 0;}
    .merit-img {width: 100%;margin-bottom: 50px}
    .merit-img img {
        width: 100%;
        object-fit: cover;
        height: 200px;
    }
    .hikaku-area {padding: 10px;}
    .hikaku {padding: 65px 20px 40px;}
    .price {margin-top: 50px;}
    .price h3 {
        font-size: 6vw;
        width: 280px;
        margin: -24px auto 30px;
    }
    .price-tx span {font-size: 5vw;}
    .price h4 {font-size: 5vw;}
    .price-table {padding: 30px 10px;}
    .price-table td {padding: 11px 10px;}
    .price-img {padding: 20px 10px 30px;}
    .jirei {padding: 25px 10px 10px;}
    .jirei-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .column-list {width: 49%;margin-bottom: 2%}
    .column-list:nth-child(2n) {margin-right: 0}
    .column-list:last-child {display: none;}
    .content-service-area {padding: 0}
    .flow-area .panel {padding: 25px 5px;}
    .flow-area .tab-menu{font-size: 3vw;}
    dt {width: 53%;margin-bottom: 5px;}
    dd {width: 100%;}
    
    
    /**/
    .btn-link:before {
        background-size: 25px;
        top: 37px;
        left: 15px;
    }
    .btn-link {margin-bottom: 30px;}
    .resident-page .merit-img {margin-bottom: 0;}
    .resident-page .mb {margin-bottom: 0;}
    .resident-page .price-table {padding: 30px 10px 10px;}
    .resident-page .public {padding: 10px;margin-top: 10px;}
    .flow-box {padding: 20px;margin-bottom: 10px;}
    .flow-box h4 {font-size: 4vw;}
    .service-b-type .btn-link:before {
        top: 24px;
        background-size: 15px;
        left: 10px;
    }
    .service-b-type .btn-link {font-size: 3.3vw;line-height: 1.9;}
    
    /*下層ページ*/
    .main-v-page {height: 100px;padding: 30px;}
    .page {padding-top: 30px;}
    
    /*事務所概要*/
    .about-img {width: 100%;margin-right: 0;}
    .about-tx {margin-top: 20px;width: 100%}
    .map iframe {height: 280px;}
    
    .contact-form-area {padding: 30px 0;}
    .time-area {width: 100%;}
    .title-area {width: 100%;}
    .column-list-archive {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .column-list-archive:nth-child(2n) {margin-right: 0}
    /*感謝の声*/
    .voice-list a {
        display: block;
        padding: 4vw;
    }
    .cat {
        display: block;
        padding: 2px 0px;
        margin-bottom: 5px;
    }
    .btn-more {
        width: 100%;
    }
    .btn-more:before {
        top: 27px;
    }
    .btn-more a {
        padding: 15px;
    }
    .riyu-area li {
        padding: 2vw 0vw 2vw 7vw;
        font-size: 3vw;
        background-size: 4vw;
    }
    .line-btn {
        display: block;
    }
    .line-bnr {
        width: 64vw;
        bottom: 21vw;
        right: 3vw;
        font-size: 4.4vw;
    }
    .line-bnr span, .line-btn span{
        font-size: 3vw;
    }
    .bnr-close {
        top: -3vw;
        right: -1vw;
    }
    .lp-title {
        margin-bottom: 5vw;
        font-size: 6vw;
    }
    .lp-jirei {
        padding: 10vw 0;
    }
    .lp-jirei .item {
        width: 100%;
        margin-bottom: 10%;
    }
    .lp-jirei .item h4 {
        font-size: 4vw;
        padding: 2vw;
    }
    .lp-jirei .item h4 .jireinum {
        font-size: 3.8vw;
        margin-right: 4vw;
    }
    .lp-jirei .item h4 .jireibig {
        font-size: 4.8vw;
    }
    .lp-jirei .item .img {
        width: 100%;
    }
    .lp-jirei .item .tx {
        width: 100%;
        margin: 3vw 0;
    }
    .lp-voice {
        padding: 4vw;
    }
    .lp-voice .tx {
        width: 100%;
    }
    .lp-voice .img {
        width: 50%;
        margin: 5vw auto;
    }
    .lp-merit {
        padding: 10vw 0;
        margin-top: 5vw;
    }
    .lp-merit .item {
        margin-bottom: 5vw;
        padding: 4vw;
    }
    .lp-merit h4 {
        font-size: 4vw;
    }
    .lp-kiji {
        padding: 10vw 0;
    }
    .lp-kiji h4 {
        font-size: 4vw;
        margin-bottom: 5vw;
    }
    .lp-kiji-inner {
        padding: 5vw 4vw;
    }
    .kiji-area {
        padding: 4vw;
    }
    .kiji-area h5 {
        font-size: 4.4vw;
    }
    .lp-price {
        padding: 10vw 0;
    }
    .lp-price th {
        font-size: 4.4vw;
        width: 100%;
        padding: 4vw;
        border-bottom: none;
        display: block;
    }
    .lp-price td {
        font-size: 4.4vw;
        padding: 4vw 0 4vw 4vw;
        display: block;
        border-bottom: solid 10px #F7F2EA;
        width: 100%;
    }
    .lp-step .item {
        padding: 5vw;
        margin-bottom: 2vw;
    }
    .lp-step .item h4 {
        font-size: 4vw;
        margin-bottom: 3vw;
    }
    .lp-step .item h4 span.num {
        width: 8vw;
        height: 8vw;
        padding: 1vw 0 0;
        margin-right: 2vw;
        top: -1vw;
    }
    .lp-step .item h4 span.tx {
        width: 70vw;
    }
    .cta-tx .img {
        width: 100%;
    }
    .tel-num {
        padding-left: 9.2vw;
        font-size: 8.8vw;
    }
    .footer-cta-area .tx {
        margin-left: 0;
        margin-top: 5vw;
        width: 100%;
    }
    .footer-cta-area .tx h3 {
        line-height: 1.6;
        font-size: 6.4vw;
        margin: 0px auto 3vw;
        text-align: center;
        width: 100%;
    }
    .footer-cta-area .tx span {
        font-size: 6vw;
        text-align: center;
        display: block;
    }
    .main-cta {
        width: 100%;
    }
    .lp-bnr-cta {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5vw;
    }
    .lp-bnr-cta a {
        padding: 3vw 3vw 3vw 12vw;
        font-size: 4.8vw;
    }
    .tel-num::before {
        width: 8.2vw;
        height: 8.2vw;
    }
    .lp-bnr-cta span {
        font-size: 3.4vw;
    }
    .mail-tit {
        padding-left: 11.2vw;
    }
    .mail-tit::before {
        top: 4.4vw;
        width: 8.2vw;
        height: 8.2vw;
    }
    .logo-tx2 {
        margin-top: 5vw;
        font-size: 3.2vw;
    }
    .footer-tx {
        width: 100%;
        font-size: 2.8vw;
        margin-top: 20px;
        margin-top: 6vw;
    }
}

@media (max-width: 320px) {}