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

@media screen and (max-width: 766px){
    
.img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    height: auto;
    margin: 0 auto;
}    
    
/*==========基本設定==========*/  
    p{
        margin-bottom: 0;
    }
    
.pc{
    display:none;
}

.sp{
    display:block!important;
}
    
.tb{
    display: none;
}

.content{
    width: 90%;
}

.sp_br{
    display:inline;
}

.pc_br{
    display:none;
}
    
.w-80{
    width: 90%;
    margin: 0 auto;
}
    
.sec-1, .sec-2, .sec-3, .sec-4, .sec-5, .sec-6{
    margin-bottom: 7em;
}


/*==========テキスト設定==========*/ 
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;
    }

/*==========箱の並びの設定==========*/
.content{
    width: 90%;
    margin: 0 auto;
}

.box{
    flex-direction: column;
}

.box .box-two,
.box .box-three,
.box .box-four,
.box .one-two,
.box .one-three{
    width: 100%;
    padding: 0;
    margin-bottom: 2em;
}
   
/*==========共通==========*/
    .heading-2{
        font-size: 2.4rem;
        margin-bottom: 2em;
    }
    
    .heading-2::after {
        bottom: -25px;
    }
    
    .btn {
        width: 80%;
    }
    
/*==========ヘッダー==========*/
    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%;
    }
/*==========ハンバーガーメニュー==========*/
    .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: 1rem;
		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: 2.2rem;
		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 li {
		border-bottom: 1px solid rgba(255,255,255,0.25);
		padding: 0;
	}
	#gnavi li a {
		display: block;
		font-size: 1.6rem;
		padding: 1rem 2rem;
	}
	#gnavi li a:hover {
		background: rgba(255,255,255,.4);
		transition: .3s;
	}

    
/*==========key==========*/
    #key_box {
        padding: 5em;
        margin-bottom: 7em;
    }
    
/*==========mv==========*/
    .home #mv_box{
        width: 90%;
        margin: 0 auto 10em!important;
    }
    

/*==========footer==========*/
    .footer_box{
        margin-bottom: 3em;
    }
    
    footer ul li{
        text-align: center;
    }
    
    footer .w-70 {
    margin-bottom: 2em;
}
/*==========home==========*/
    .home .sec-1 li .box{
        flex-direction: unset;
    }
    
    .home .sec-1 li .ymd{
        margin-right: 1em;
    }
    
    .home .sec-2 {
            padding: 10em 0;
    }
    
    .home .sec-2 .box-three:last-child{
        margin-bottom: 0;
    }
    
    .home .sec-2 .img_box {
        margin-bottom: 1em;
    }
    
    .home .sec-2 .btn-2{
        width: 100%;
    }
    
    .home .sec-3 .btn{
        width: 80%;
        margin: 0 auto;
    }
    
    .home .sec-3 li p:nth-child(2){
        margin-bottom: 1em;
    }
    
    .home .sec-4 {
        padding: 5em 3em;
    }
    
    .home .sec-4 p{
        margin-bottom: 1em;
    }
    
    .gaiyou {
        padding: 3em;
    }
    
    .gaiyou th {
        width: auto;
        text-align: left;
        padding: 1em 0 0;
        border-bottom: none;
    }
    
    .gaiyou td{
        padding: 0 0 1em;
    }
    
    .contact-area{
        padding: 10em 0;
    }

    .contact-area .box-two{
        padding: 2em;
    }
    
    .contact-area .box-two:last-child{
        margin-bottom: 0;
    }
    
    .contact-area .contact-tel p{
        font-size: 1.8rem;
    }
    
    .contact-area li{
        height: auto;
    }
    
/*==========活動報告==========*/
    .page-id-15 .sec-1 li:last-child,
    .page-id-15 .sec-2 li:last-child{
        margin-bottom: 0;
    }
    
    .page-id-15 .sec-3 {
        padding: 10em 0;
        }
    
    
/*==========お問い合わせ==========*/ 
    .page-id-29 .w-70,
    .page-id-40 .w-70,
    .page-id-40 dt,
    .page-id-40 dd,
    .page-id-29 dt,
    .page-id-29 dd{
        width: 100%;
    }

    .page-id-31 .btn{
        width: 80%;
        
    }
    
    .page-id-31 p{
        margin-bottom: 2em;
    }
    
    .furikomi{
        padding: 3em;
    }
    
    .furikomi .bold{
        text-align: left;
    }
/*==========お知らせ==========*/ 
    #box_l{
        width: 100%;
        margin-bottom: 5em;
    }
    
    #box_r{
        width: 100%;
    }
    .news #box_l li .box{
        flex-direction: unset;
    }
    
    .news_detail .info_detail_tit_box .box{
        flex-direction: unset;
        margin-bottom: 1em;
    }
    
    .post_area{
        padding-bottom: 0;
    }
    
    .category .content .box,
    .single .info_detail_tit_box .box{
        flex-direction: row;
    }
    
    .single .navitop{
        text-align: center;
    }
    
    .single .navitop a{
        font-weight: bold;
    }
    
    .single aside:first-child,
    .category aside:first-child{
        margin-bottom: 0;
    }
    
/*==========会員紹介==========*/ 
    .page-id-6 table td img {
        margin: 0;
    }
    
    .page-id-6 table th:nth-child(4), .page-id-6 table td:nth-child(4),
    table.tb01 td {
    line-height: 1.5; 
}
    
    .page-id-6 table th:nth-child(7), .page-id-6 table td:nth-child(7){
        line-height: 2.5;
    }
    
/*==========空き家対策==========*/ 
    .page-id-79 .sec-2 ul,
    .page-id-36 .sec-2 ul{
       padding: 3em 1em;
    }
    
    .page-id-36 .sec-2 ul p, .page-id-79 .sec-2 ul p{
        width: 100%;
        height: auto;
    }
    
    .page-id-36 .jump_btn, .page-id-79 .jump_btn {
        margin-bottom: 5em;
    }
    
    .caution-1{
        padding: 1em;
    }
    
    .caution-2,
     .sec-6 .bg-white p{
        text-align: left;
        margin-bottom: 1em;
    }
    
    .page-id-36 .sec-3 .img_box, .page-id-79 .sec-3 .img_box {
        width: 100%;
    }
    
    .radius-30 img{
        margin:  0 auto 1em;;
    }
    
    .page-id-36 .sec-3 .bg, .page-id-79 .sec-3 .bg {
        padding: 1em 2em 2em;
    }
    
    .page-id-36 .sec-3 .txt_box, .page-id-79 .sec-3 .txt_box{
        width: 100%;
    }
    
    .page-id-36 .sec-3 h3, .page-id-79 .sec-3 h3{
        text-align: center;
    }
    
    .page-id-36 .sec-4 .price, .page-id-79 .sec-4 .price {
        margin-top: 1em;
    }
    
    .page-id-36 .sec-5, .page-id-79 .sec-5,
    .page-id-36 .sec-6, .page-id-79 .sec-6,
    .page-id-36 .sec-10,
    .page-id-79 .sec-7,
    .page-id-79 .sec-8,
    .page-id-36 .sec-9,
    .page-id-36 .sec-8,
    .page-id-36 .sec-7,
    .page-id-79 .sec-10{
        padding: 5em 3em;
    }
    
    .page-id-36 .sec-5 p, .page-id-79 .sec-5 p, .page-id-79 .sec-9 p, .page-id-79 .sec-10 p,
     .page-id-36 .sec-10 p{
        padding: 2em;
    }
    
    .page-id-79 .sec-6 .bg-white{
        padding: 4em;
    }
    
    .page-id-36 .sec-6 .btn, .page-id-79 .sec-6 .btn{
        width: 100%;
    }
    
    .page-id-79 .sec-7 p,
    .page-id-79 .sec-8 p,
    .page-id-79 .sec-10 p,
    .page-id-36 .sec-7 p,
    .page-id-36 .sec-8 p,
     .page-id-36 .sec-10 p{
        text-align: left;
    }
    
    .page-id-79 .sec-6 .w-80,
    .page-id-79 .sec-6 .w-80,
    .page-id-36 .sec-6 .w-80,
    .page-id-36 .sec-10 .w-80,
    .page-id-36 .sec-6 .w-80,
    .page-id-79 .sec-10 .w-80{
        width: 100%;
    }
    
    .page-id-79 .sec-10 .bg-white,
    .page-id-36 .sec-10 .bg-white{
        padding: 1em;
    }
    
    .page-id-79 .sec-10 .caution-1,
    .page-id-36 .sec-10 .caution-1{
        padding: 0em 3em 2em;
    }
    

    .page-id-158 .sec-3 .bold{
        margin-bottom: 3em;
    }
    
    .page-id-158 .muryo .koumoku {
        padding-bottom: 1em; 
    }
    
    .page-id-158 .koumoku {
        margin: 1em auto;
    }
    
    .page-id-158 .font-20,
    .page-id-158 .font-30{
        font-size: 1.6rem;
    }
    
    
    
    
    
    
}/*end*/