@media only screen and (max-width: 599px) { 

    * {
        margin: 0px;
    }
    .main {
        display: inline;
    }
    nav.menu-menu-container {
        position:fixed;
        z-index: 999;
        top:0;
        left: -120%;
        width:50%;
        height: 100vh;
        background-color: #CDC3BB;;
        transition: all 0.6s;
    }
    .menu-menu-container.panelactive{
        left: 0;
    }
    .menu-menu-container ul {
        /*ナビゲーション天地中央揃え*/
        position: absolute;
        z-index: 999;
        top:30%;
        left:50%;
        transform: translate(-50%,-50%);
        display: block;
    }
    .menu-menu-container .nav li{
        list-style: none;
        text-align: center; 
        margin: 20px;
    }
    .menu-menu-container .nav a {
        font-size: 1.2em;
        color: #000;
        white-space: nowrap;
    }
    div.menu-bar {
        position: relative;
        width: 100%;
        height: auto;
    }
    header div#openbtn, div#closebtn {
        position:absolute;
        z-index: 9999;/*ボタンを最前面に*/
        cursor: pointer;
        width: 50px;
        height:50px;
        display: block;
		header: 100%;
		//display: none;
    }



	#closebtn.active {
		display: none;	
	}

    /*×に変化*/	
    #openbtn span, #closebtn span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background-color: #666;
        width: 45%;
    }

    #openbtn span:nth-of-type(1) {
        top:15px;	
    }

    #openbtn span:nth-of-type(2) {
        top:23px;
    }

    #openbtn span:nth-of-type(3) {
        top:31px;
    }

    #closebtn span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
    }

    //#openbtn.active span:nth-of-type(2) {
    //    opacity: 0;
    //}

    #closebtn span:nth-of-type(2){
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
    }

	#openbtn.active {
		display: none;
		}

    #openbtn p {
        position: absolute;
        left: 100%;
        top: 50%;
        font-size: 0.9em;
        transform: translate(-50%,-50%);
        color: #594639;
    }

    #openbtn p {
        display: block;
    }

    .header {
        display: flex;
        background-color: white;
        justify-content: space-between;
    }
    .header .title {
        margin: 5px auto;
        flex-basis: 60vw;
    }

    .header_introduce {
        font-size:1.1em;
    }


    .introduce p {
        font-size: 1.1em;
    }
    div.introduce{
        width: 80%;
    }

    body {
        background-color: white;
    }
    footer .touch_div{
        display: none;
    }
    .footer {
        margin: 0px;
        background-color: #EDE6D7;
    }
    .footer .description {
        margin: auto;
        padding-top: 10px
    }

    .footer .title{
        display: none;
    }

    .footer .mascott img {
        margin: 0px;
    }
    .content-title h2 {
        font-size: 1.5em;
        text-align: center;
        border-bottom: dotted 4px #d8bfd8;
        margin-bottom: 20px;
    }
    .content-contact-us div.title {
        font-size: 16px;
    }
    .content-contact-us .contact-content .contact-content-tel-form  p.phone{
        white-space: nowrap;
        top: 50%;
        font-size: 1.0em;
    }
    .content-contact-us .contact-content .contact-content-tel-form  p.timewidth{
        display: none;
    }
    .content-contact-us .contact-content .contact-content-contact-form  p{
        font-size: 14px;
    }
    .content-contact-us .contact-content .contact-content-tel-form {
        margin: 10px auto;
        width: 90%;
        border-radius: 20px;
        height: 15vw;
    }
    .content-contact-us .contact-content .contact-content-contact-form {
        margin: 10px auto;;
        width: 90%;
        border-radius: 20px;
        height: 15vw;
    }
    .content-contact-us .contact-content .contact-content-contact-form p{
        top: 50%;
    }
    .entry-header {
        font-size: 1.2vh;
        margin: auto;
        text-align: center;
    }
    .entry-header h1.pagetitle {
        padding: 0px;
    }
	

    .tel-form {
        display:none;
    }
    .header .header-form{
        display: none;
    }
    .header .tel-form-sp,.header .header-form-sp {
        display: block;
    }
    .slider {
        display:none!important;
    }


    .sidebar {
        border-radius: 0px;
        margin-top: 40px;
    }

    .news {
        margin: auto;
    }

    .content {
        width: 80%;
        margin: auto;
        text-align: center;
    }

    #content{
        width: 100%!important;
    }

    .content-title {
        font-size: 1.3em;
    }

    .news .content-title {
        margin-top: 20px;
    }

    .news ul {
        margin: 10px auto;
    }

    .article {
        margin-top: 0px;
    }
    .article li {
        width: 100%;
    }
    .card-content p {
        font-size: 0.8em;
    }
    .tel-form-sp a, .header-form-sp a {
        width: 100%;
        display:block;
        height: auto;
        margin-top: 5px;
    }

	.sidebar p {
		padding: 10px 12px;
	}

    .sidebar-contact {

        display: inline-block;
        /* margin-left: auto; */
        margin-top: 8px;
        margin-bottom: 8px;
        /* padding: 8px 8px ; */
        text-align: center;
        white-space: nowrap;
        height: auto;
        /* border-radius: 5px;
        box-shadow: 0 0 8px gray; */
        width: 100%;
        text-align:center;
    }
	.sidebar-contact a {
		width: 100%;
		height: auto;
		display: block;
	}

    .sidebar-contact .phone {
        font-size: 1.5em;
        text-align: center;
    }

    .sidebar-contact .phone::before {
        font-family: "Font Awesome 5 Free";
        content: "\f095";
        font-weight: 900;
        display: inline-block;
        margin: 0px 1em;
    }

	.sidebar-contact p.comment {
		text-align:center;
	}


    .wp-block-table {
        width: 100%;
    }

	.news-content .content-num1 .date {
		font-size: 4vw;
	}

	.news-content .rss-content {
		font-size: 4vw;
    }
    


    .menu-item-has-children:active {
        cursor: pointer;
    }
    .menu-item-has-children:active .sub-menu {
        display: block;
        visibility:visible;
    }
	
    .sub-menu > .menu-item:active {
        background-color: #C4D8C3;
    }

    .right-show dt{
        font-size: 1em;
        left: 4px;
    }
    .right-show dd {
        font-size: 0.8em;
    }
    .right-show dt::before {
        left: 1px;
    }
    body {
        padding-bottom: 50px;
    }
    .push{
        height: 10px;
    }

    .wp-block-table .left-column {
        width: 30%;
        font-size: 1.0em;
    }
    
    .entry-content p {
        font-size: 1.0em;
        margin-left: 0em;
    }
    .page-office-overview .entry-content {
        display: block;
    }

    .page-office-overview .entry-content .profile-img {
        /* position: relative; */
        text-align: center;
    }

    .page-office-overview .entry-content .profile-img img {
        width: 80%!important;
        height: auto!important;
        margin: 10px;
        position: static;
        top: auto;         
        left: auto;
        transform: none;
    }
}


@media only screen and (max-width: 800px) { 
    .header p.comment {
        display: none;
    }
    .main {
        grid-template-columns: 60% 40%;
    }  

    .footer .description li {
        font-size: 0.9em;
    }
	.menu-menu-container .nav a {
		font-size: 1.3em;
	}

}




@media only screen and (max-width: 1024px) { 
    /* .article li {
        width: 100%;
    } */
    /* html {
        width: 100%;
        text-align: center; */
    .page-office-overview .wp-block-image img {
        width: 50%!important;
        height: auto!important;
    }

    .wp-block-table {
        width: 100%!important;
    }

} 

@media (min-width: 600px) {
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }

	.hamburger_menu {
		display: none;
	}
}

@media (max-width: 1230px) {
	
	.header_right {
		display: none;
	}

	.contact-box line {
		display: none;
	}
}