@charset "utf-8";
/* CSS Document */
/*========================================================================
Media Queries
========================================================================*/
@media screen and (max-width: 1300px) {
	.wd1300_100{	width:100%;	}
	.wd1300_96{	width:96%;	}
	}
@media screen and (max-width: 1280px) {
	header #header{
		width:100%;
	}
}
@media screen and (max-width: 1200px) {
.wd1200_100{	width:100%;	}
.wd1200_96{	width:96%;	}
}
@media screen and (max-width: 1100px) {
	.wd1100_100{	width:100%;	}
	.wd1100_96{	width:96%;	}

	header .logo a span{
		font-size:1.2vw;
	}
	
}
@media screen and (max-width: 1000px) {
.wd1000_100{	width:100%;	}
.wd1000_96{	width:96%;	}

header .sp_menu .link_sec .menu_sec #navi .menu-header>.menu-item{
	font-size:12px;
	display: inline-block;
	width: calc(98% / 4);
}
header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item .sub-menu li a{
	font-size:12px;
}
header .sp_menu .link_sec .menu_sec #navi .menu-header {
    width: 100%;
    margin: 6px 0;
    box-sizing: border-box;
    margin: 0;
	flex-wrap:wrap;
}
.sub_head .block .layout .breadcrumb {
    top: 15vw;
}
}
@media screen and (max-width: 900px) {
.wd900_100{	width:100%;	}
header .logo a span{
	display: inline-block;
	padding: 0 0 10px;
	font-size:14px;
}

}
@media screen and (max-width: 800px) {
.wd800_100 {
	width:100%;
}
.wd800_96 {
	width:96%;
}
}
@media screen and (max-width: 750px) {
    header .sp_menu .link_sec .menu_sec #navi .menu-header>.menu-item {
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 640px) {
	.sp { display: block; }
	.pc { display: none; }
	.pc_in { display: none; }
	.sp_in { display: inline; }

	a[href*="tel:"] {
	    text-decoration: underline;
		color:#4db82f;
	}

	header .drawer-toggle{
		display:block;
	}
	header .logo {
	    width: 82%;
	}
	header .logo a img {
	    max-width: 110px;
	}
	header .sp_menu {
	    width: 18%;
	}
	header .sp_menu .link_sec .menu_sec .navi li {
		font-size: 3.5vw;
	}
	header .sp_menu .link_sec .menu_sec .navi ul{
		margin:0;
		padding:0;
	}
	header .sp_menu .btn_menu{
		display: none;
	}
	header .sp_menu .link_sec .menu_sec #navi > ul li:hover > ul,
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item:hover .sub-menu{
	    display: none ;
	}
	footer .cta_block {
	    padding: 10vw 0;
	}
	footer .cta_block .block {
		width: 80%;
	}
	footer .cta_block .ttl h2 {
	    font-size: 4.5vw;
	}
	footer .cta_block .ttl p {
	    font-size: 3.5vw;
		margin: 0;
	}
	footer .cta_block .btn_block {
	    display: block;
	}
	footer .cta_block .btn_block a{
		width: 94%;
		margin: 0 3% 3vw;

	}
	footer .bnr_block {
	    display: block;
		text-align: center;
	}
	footer .bnr_block img {
		margin-bottom: 3vw;
	}
	footer .link_sec .tl {
	    width: 100%;
	    display: block;
		box-sizing: border-box;
		text-align: center;
	}
	footer .link_sec .tl .block a img.logo {
	    width: 40%;
	}
	footer .link_sec .tl .block p {
	    font-size: 3vw;
	    margin-left: 0px;
	}
	footer .link_sec .tl .block span.tel {
	    margin-left: 0px;
	}
	footer .link_sec .tr{
		display: block;
		width:100%;
	}
	footer .link_sec .tr .menu_block {
	    display: block;
	}
	.top .main_sec {
	    margin-top: 69px;
	}
	.sub .main_sec {
	    margin-top: 0px;
	}


	.main_sec h2{	font-size:5vw;}
	.main_sec h3{	font-size:4.5vw;}
	.main_sec h4{	font-size:3.5vw;}
	.main_sec h5{	font-size:3.5vw;}
	.main_sec h6{	font-size:3.5vw;}

	.main_sec p {
        margin-bottom: 20px;
        line-height: 1.5;
        font-size: 3.5vw;
    }
	.top .main_sec {
		margin-top: 16vw;
	}
	.sub .main_sec {
		margin-top: 20vw;
	}
	header .sp_menu .link_sec .box {
		display: block;
		width: 100%;
	    box-shadow: 0px 0px 5px 3px #cdcdcd;
		padding: 8px 0 8px 1%;
	}
	header .sp_menu .link_sec .box img{
		width: 100%;
		height: auto;
		max-width: 110px;
	}
	header .sp_menu .link_sec .box a{
		display: flex;
		align-items: center;
		font-weight: 600;
		}
	header .sp_menu .link_sec .box2 {
        display: block;
        width: 100%;
		width: 80%;
        margin: 10vw 10%;
        box-sizing: border-box;
    }
	header .sp_menu .link_sec .box2 .btn_1{
		font-size: 3.5vw;
		color: #ffffff;
		display: block;
		background-color:#ffa000 ;
		text-align: center;
		width: 97%;
		margin:0 5px 3vw;
		padding: 5vw 0;
		border-radius: 3px;
		box-sizing: border-box;
		box-shadow: 0px 0px 3px 2px #cdcdcd;
		text-decoration: none;
		transition-duration:0.3s;
		box-sizing: border-box;
	}
	header .sp_menu .link_sec .box2 .btn_1 span,
	header .sp_menu .link_sec .box2 .btn_2 span{
		display: block;
        padding: 0 0;
	}
	header .sp_menu .link_sec .box2 span i{
		margin: 0 4%;
	}
	header .sp_menu .link_sec .box2 .btn_2{
		font-size: 3.5vw;
		color: #ffa000;
		display: block;
		background-color:#fff ;
		border: 1px solid #ffa000;
		text-align: center;
		width: 97%;
		margin:0 5px 3vw;
		padding: 5vw 0;
		border-radius: 3px;
		box-sizing: border-box;
		text-decoration: none;
		transition-duration:0.3s;
		box-sizing: border-box;
	}
	header .sp_menu .link_sec .box2 .tel_sec{
		margin: 5vw 0;
		padding-bottom: 5vw;
		text-align: center;
	}
	header .sp_menu .link_sec .box2 .tel_sec .pt1{
		font-size: 3.5vw;
	}
	header .sp_menu .link_sec .box2 .tel_sec .pt2{
		font-size: 9vw;
		font-weight: 700;
		color: #FB919D;
	}
	header .sp_menu .link_sec .box2 .tel_sec .pt2 a{
		color: #FB919D;
		padding-left: 3%;
	}
	header .sp_menu .link_sec .box2 .tel_sec .pt3{
		font-size: 3.0vw;
	}
	header .sp_menu .link_sec .menu_sec{
		margin: 5vw 5%;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header>.menu-item {
        font-size: 3.5vw;
        display: block;
        width: 100%;
		padding: 5vw 2vw 3vw;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
    }
	header .sp_menu .link_sec .menu_sec #navi .menu-header>.menu-item:last-child {
		border-bottom: none;;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item a.on {
		border-bottom: none;
		color: #333;
		padding-bottom: 0px;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item-has-children:before ,
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item a .top-has-sub .fa-angle-down:before{
		background: none;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item .sub-menu {
		display: none;
		position: relative;
		margin: 0;
		min-width: auto;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item a {
		display: block;
	}
	.menu-item .hvr-underline-from-left:before {
		background: none;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item a{
		color: #333;
	    padding-left: 13px;
	    padding-right: 13px;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item-has-children{
		position: relative;
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item-has-children::before{
		position: absolute;
		content:"\2b";
		color: #4db82f;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
        top: 7vw;
        right: 2vw;
		transform:translatey(-50%);
	}
	header .sp_menu .link_sec .menu_sec #navi .menu-header .menu-item-has-children.menu-open::before{
		position: absolute;
		content:"\f068";
		color: #4db82f;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
        top: 7vw;
        right: 2vw;
		transform:translatey(-50%);
	}
	footer .link_sec .tr .menu_block .navi .menu-top .menu-item a{
	    font-size: 3.0vw;
	}
	footer .link_sec .tr .menu_block .navi .menu-top .menu-item .sub-menu a {
	    font-size: 2.9vw;
	}
	footer .cta_block .btn_block a {
		font-size: 4.5vw;
		width: 94%;
		margin: 0 3% 3vw;
        padding: 20px 0;
	}
	footer .cta_block .btn_block .muryo:before {
		font-size: 4vw;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 1vw;
	    width: 51px;
		height: 65px;
	}
	footer .cta_block .tel_block .pt1 {
		font-size: 3.5vw;
		display: block;
	}
	footer .cta_block .tel_block .pt2 a {
		font-size: 4.5vw;
		display: block;
		background: url(../images/tel_01.webp) no-repeat left 5px top 4px;
		background-size:20px 20px;
	}
	footer .cta_block .tel_block .pt3 {
		font-size: 3.0vw;
		display: block;
	}
	.btn_a {
		font-size: 3.5vw;
	}
	.btn_b{
		font-size: 3.5vw;
	}
	.contact_form .mw_wp_form th{
		padding: 2vw;
		width: 100%;
		display: block;
		border: none;
		font-size: 3.5vw;
	}
	.contact_form .mw_wp_form td{
		padding: 2vw;
		width: 100%;
		display: block;
	}

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