/************************************************** tb.css **************************************************/    

@media all and (min-width: 767px) and (max-width: 1200px) {
    
/*==========共通==========*/    
    .content{
        width: 90%;
        margin: 0 auto;
    }
    
    .w-80 {
         width: 90%;   
    }
    
    h2 {
        margin-bottom: 1em;
    }
    
    .btn{
        padding: 0.8em 0em;
    }
    
    .sec-1, .sec-2, .sec-4, .sec-5, .staff {
        margin-bottom: 10em;
    }
    
    .tb{
        display: block;
    }
        
    .sec-1, .sec-2, .sec-3, .sec-4, .sec-5, .sec-6{
        margin-bottom: 7em;
    }

     .btn {
         width: 50%;
         padding: 3em 0em;
    }
    
    .btn-2 a {
        width: 100%;
    }
    
    /*==========テキスト設定==========*/ 
h2{
    font-size:  3rem;
    margin-bottom: 1.5em;
    line-height: 1.4em;
}

h3{
    font-size: 1.8rem;
    margin-bottom: 0.3em;
}
    
    .blog_title_box h1{
        font-size: 2.5rem;
    }
    
    .headline, .blog_title_box h1, .customfield h3, .category_list h3, .tag_list h3{
         font-family: 'Noto Sans JP', sans-serif;
    }
    
    .heading-2{
        font-size: 2.4rem;
        margin-bottom: 3em;
    }
    
    .heading-2::after {
        bottom: -25px;
    }
    
/*==========ハンバーガーメニュー==========*/
    .hamburger {
		/*position: relative;*/
		width: 5rem;
		height: 5rem;
		background: #79C78E;
		border: 0;
		z-index: 4;
        padding: 2em;
        border-radius: 50px;
         position: fixed;
        top: 15px;
        right: 15px;
	}
    
	.hamburger span {
		position: absolute;
		background: #F6F8F4;
		width: 3rem;
		height: 0.15rem;
		left: 0;
		right: 0;
		margin: auto;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition   : 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	.hamburger span:nth-of-type(1) {
		top: 2rem;
	}
	.hamburger span:nth-of-type(2) {
		top: 0;
		bottom: 0;
	}
	.hamburger span:nth-of-type(3) {
		bottom: 2rem;
	}
	.hamburger.active span:nth-of-type(1) {
		top: 1.4rem;
		background: #fff;
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.hamburger.active span:nth-of-type(2) {
    	opacity: 0;
	}
	.hamburger.active span:nth-of-type(3) {
		bottom: 1.5rem;
		background: #fff;
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	#gnavi {
		display: none;
		position: fixed;
		top: 0;
		z-index: 3;
		background-color: white;
		width: 100vw;
		height: 100vh;
        padding-top: 15em;
	}
    
    #gnavi ul{
        flex-direction: row;
    }
    
	#gnavi li {
		border-bottom: 1px solid rgba(255,255,255,0.25);
		padding: 0;
        width: 100%;
         text-align: center;
	}
	#gnavi li a {
		display: block;
		font-size: 1.6rem;
		padding: 1rem 2rem;
	}
	#gnavi li a:hover {
		background: rgba(255,255,255,.4);
		transition: .3s;
	}
    
/*==========ヘッダー==========*/
    header .align-items-center{
            align-items: flex-start;
    }
    
    #header_box .right {
    width: 100%!important;
    }
    
    #gnavi .align-items-center{
        align-items: center;
    }
    
    #gnavi ul{
        width: 90%;
    }
    
    footer .w-70 {
        width: 90%;
        margin: 0 auto 3em;
    }

/*==========key==========*/
    #key_box {
        padding: 7em;
    }
    
/*==========home==========*/    
    .home #mv_box{
        width: 90%;
        margin: 0 auto 10em;
    }
    
    .home .sec-3 .box{
        display: block;
    }
    
    .home .sec-3 li{
        width: 100%;
    }
    
    .home .sec-3 li:first-child{
        margin-bottom: 1em;
    }
    
    .home .sec-3 .btn {
        margin: 0 auto;
    }
    
    .contact-area .contact-tel p {
    font-weight: bold;
    font-size: 2.5rem;
    color: #79C78E;
    margin-bottom: 0;
}
    
/*==========会員紹介==========*/   

  .tb01 .table-head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.tb01 td:first-child{
    background: #79C78E;
    color:#fff;
    font-weight:bold;
  }
  table.tb01 td:before{
    content: attr(data-label);
    font-size: .7rem;
    font-weight:bold;
    color: #999;
    display: block;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }

    .page-id-6 table td img{
        margin: 0;
    }
    
/*==========無料点検==========*/   
    .page-id-79 .jump_btn .btn, .page-id-36 .jump_btn .btn{
        width: 49%;
        margin-bottom: 1em;
    }
    
    .page-id-79 .sec-2 .box, .page-id-36 .sec-2 .box{
        display: block;
    }
    
    .page-id-79 .sec-2 li, .page-id-36 .sec-2 li{
        width: 100%;
    }
    
    .page-id-36 .sec-2 ul p, .page-id-79 .sec-2 ul p{
        width: 100%;
        height: auto;
        margin-bottom: 1em;
    }
    
    .caution-1{
        padding: 2em;
    }
    
    .page-id-36 .sec-3 .bg, .page-id-79 .sec-3 .bg {
        padding: 2em 3em;
    }
    
    .page-id-36 .sec-3 .img_box, .page-id-79 .sec-3 .img_box{
        margin-right: 1em;
    }
    
    .page-id-36 .sec-3 .txt_box, .page-id-79 .sec-3 .txt_box {
        width: 84%;
    }
        
    .page-id-36 .sec-5 p, .page-id-79 .sec-5 p, .page-id-79 .sec-9 p{
        padding: 3em;
    }   
    
    .page-id-79 .sec-6 .w-80, .page-id-79 .sec-7 .w-80, .page-id-79 .sec-8 .w-80, .page-id-36 .sec-6 .bg-white{
        width: 100%;
    }
    
    .page-id-36 .sec-6 .btn, .page-id-79 .sec-6 .btn {
        width: 47%;
    }
    
 /*==========お問い合わせ・フォーム==========*/      
    .page-id-29 .Form, .page-id-40 .Form{
        width: 100%;
    }
    
    .page-id-31 .btn{
        width: 80%;
    }
 /*==========お知らせ==========*/      
    .category .box_l, .single .box_l{
        width: 70%;
    }
    
    .category .box_r, .single .box_r{
        width: 25%;
    }
    
    .category .cat_box, .single .cat_box{
        margin-bottom: 2em;
    }
    
}/*end*/