@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1900px){
	

}

@media all and  (max-width:1800px){



}
@media all and  (max-width:1150px){
.top_menu .menu_t .logo{
width: 30%;	
}
.top_menu .m1{
width: 70%;	
}	
.top_menu .menu_t .logo img{
width:60%;	
display: block;
margin: 0;
}
.top_menu a{	
font-size: 1.2em;
}
.kodawari-box{
padding: 5% 0;
}	
.t-text{
position: absolute;
font-size: 2em;
bottom: 40%;
left: 30%;
}	
}

@media all and  (max-width:950px){
.tb,.tb2{
display: block!important;	
}	
.pc{
display: none!important;
}
.midashi h2{
font-size: 1.8em;	
}	
.kaigyo{
display: block;		
	}	
.top{
position:static;	
}
.top_menu .menu_t .logo{
padding: 0;	
width: 100%;	
}
.top_menu .menu_t .logo img{
width:30%;	
display: block;
margin: 0 auto;
}
.top_menu .m1{
width: 100%;	
}	
.top_menu a{
letter-spacing:0;	
}	
.top_menu .m1 ul{
width: 100%;		
display: flex;
align-items:center;
justify-content:flex-start;
float:none;
padding-right: 0%;	
}
.top_menu .m1 ul .b1{
width: 25%;	
font-size:0.9em;	
}
.top_menu .m1 ul .b2{
width: 30%;	
font-size:0.9em;	
}
.greeting .g-box{
width: 100%;
padding: 0 3%;		
}
.greeting .g-box p{
font-size:0.9em;
}
.font-size_b{
font-size: 1.3em;	
}

.kodawari-box .kodawari-text p{	
font-size:0.9em;	
}	
.t-bus .t-bus_text2{
height: 230px;	
}
.con-box{
width: 70%;	
}
.t-text{
position: absolute;
font-size: 2em;
bottom: 40%;
left: 25%;
}	
}

@media all and  (max-width:650px){
.kaigyo1{
display: block;		
	}	
.midashi h2{
font-size: 1.5em;	
}	
.top_menu .menu_t .logo img{
width:40%;	
}
.top_menu .m1,footer .f-menu ul{
display: none;
}
.tb2{
display: none!important;
	}
.sp{
display: block!important;
}
.sp2 {
display: inline-block!important;
}

.greeting .g-box p{
font-size:0.9em;	
}
.font-size_b {
font-size: 1.2em;
padding-top: 3%;
letter-spacing: -1px;	
}	
.kodawari-box .kodawari-phont{
width:100%;	
padding: 0 4%;	
}
.kodawari-box .kodawari-text{	
width:100%;	
padding: 0 4%;	
}	
.t-bus{
width: 95%;	
display: block;
margin: 0 auto;
}	
.contact-box .contact{
width: 100%;	
padding-top: 1%;	
}	
.t-bus .t-bus_text1{
font-size: 1.2em;	
}	
.t-bus .t-bus_text2{
padding: 5% 0;
height: auto;	
}	
.f-address-box p{
font-size:0.9em;
text-align: left;
}	
.top_paddng{
padding-top: 13%;		
		
	}	
.footer-contact p{
font-size: 1em;	
}
.contact-box .contact{
width:100%;		
}	
.f-tf a{
display: block;
width: 70%;	
float:none;
margin: 0 auto;
}

.f-m a{
display: block;
width: 70%;	
float: none;
transition: all 0.5s;	
margin: 1% auto 0;	
}	
footer p{
padding-top: 2%;
width: 60%;
margin: 0 auto;
display: block;
text-align: left;
}
.service-photo1{
width: 100%;
padding: 2% 0;	
}	
.service-text1{
width: 100%;
padding: 2% 0;		
}

.service-photo2,.service-photo4{
width:100%;	
padding: 2% 0;		
}
.service-photo2 img,.service-photo4 img{
width: 100%;
padding: 2% 0;		
}

.service-text2{
width:100%;
padding: 2% 0;		
}

.service-text3,.service-text4{
width: 100%;
padding: 2% 0;		
}

.service-photo3{
width: 100%;
padding: 2% 0;		
}

.service-wrapper .text3{
font-size: 1.1em!important;	
margin: 3% 0 1%;	
}
.works-wrapper .text3{
font-size: 1.1em;
	
}	
.t-text{
position: absolute;
font-size: 1.5em;
bottom: 50%;
left: 10%;
background: #fff;
}	
.g-photo{
width:100%;	
}

.g-text{
width: 100%!important;	
display: block;
margin: 0 auto;
}
	
.con-box{
width: 100%;
padding: 2% 0 5%;	
}
.con-box .text2{
width: 100%;
}	
.table2 table th{
width: 40%;	
}
.table2 table iframe{
height: 200px;	
}	
.table1 table th{
width: 100%;
display: block;	
padding: 2% 0;	
}
	
.table1 table td{
width: 100%;	
display: block;
}
button[type="submit"]{
	font-size:1em;
	padding: 10px;
}
	
.globalMenuSp {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
background: url("../img/background2.jpg");
background-position: center;
background-size: cover;	
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.6s;
    width: 100%;
    -webkit-overflow-scrolling: touch;
	text-align: center;
}
 
.globalMenuSp ul {
    background: url("../img/background2.jpg");
background-position: center left;
background-size: cover;	
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
.globalMenuSp ul li {
    font-size: 1rem;
    list-style-type: none;
    width: 100%;
    border-bottom: 1px dotted #292929;
}
 
 
.globalMenuSp ul li a {
    display: block;
    color: #333;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
.globalMenuSp.active {
    transform: translateX(0%);
}
 
/* メニュー内ヘッダ */
.globalMenuSp .menuHeader {
background-color: #FFEDED;
 padding: 1.5em 0;	
}

 
/* メニューだけをスクロールさせる工夫 */
.overflowHidden {
    overflow: hidden;
}
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 5px;
    top: 1px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 9999;
    text-align: center;
	background:#4E7334;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
	
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	border-bottom: solid 3px #fff;
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	border-bottom: solid 3px #fff;
}	
	
.globalMenuSp, .navToggle{
	display:block;
	}

	.sp_otoi .tel_s{
width: 100%;
height: auto;
display: inline-block;
padding: 5% 0;	
	
	}
.tel_s a{
color: #fff;
font-weight: bold;
border: solid 2px #fff;
padding: 2%;
margin: 3% auto;
width: 60%;
border-radius: 50px;
display: block;	
transition: all 0.5s;		
background:#4F8C32;	
	}
.tel_s a:hover{
opacity: 0.8;
text-decoration: transparent;			
	}	
.tel_s small{
font-size: 0.7em;
display: block;	
margin: 3px 0;	
}	

}
@media all and  (max-width:380px){	
footer p{
width: 75%;
}
.t-text{
position: absolute;
font-size: 1.5em;
bottom: 50%;
left: 5%;
background: #fff;
}	
}
@media all and  (max-width:350px){	
footer p{
width: 90%;
}

}