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

}
@media (max-width: 1500px){
#logo{
	width: 100%;
	float: left;
}
#logo img{
	width: 30%;
display: block;
margin: 0 auto;
	padding-left: 0px;	
}	
.aisatu{

	margin-bottom: 45%;
}
	 .aisatu1 .greet-box2{
	width: 80%;
 position: absolute;
	 top: 0;
	  left: 15%;
 z-index: 5;
}
}
@media (max-width: 1300px){
		#wrap{
	position:static;
}
@media (max-width: 1120px){
	
.contact2{
	width: 30%;
	text-align: center;
	float: right;
	padding-right: 20px;
}

	 .aisatu1 .greet-box2{
	width: 80%;
 position: absolute;
	 top: 0;
	  left: 20%;
 z-index: 5;
}
	
.b-box{
width:48%;
margin: 1% 0;	
}	
.contact2 .con a{
font-size: 1.2em;
}
.kodawari-box{
  display: flex;
  flex-direction: column;
}	
.kodawari1{
width: 100%;
order: 1;	
}
.kodawari2{
width: 100%;
order: 2;	
}	
}
/*スマホ用の可変指示*/
@media (max-width: 900px){
.flex-caption img{
width: 45%;	
display: block;	
margin: 0 auto;
flex-shrink: 0;	
padding: 2%;	
position: absolute;
top: 40%;	
left: 25%;
z-index: 999;	
}		

.kv_sl1 p{
	top: 45%;
	font-size: 2.5em;
}	
.contact2 .con a{
font-size: 1em;
}

 .aisatu1 .greet-box1{
	width: 70%;
	 	 position: absolute;
	 top: 400%;
	 background: #000;
	 padding: 2%;
	 z-index: 10;
}	
	
.glovalnavi ul li a{
color: #fff;
height: 100px;
text-align: center;
display: flex;
align-items:center;
justify-content:center;	
font-size:0.8em;	
transition: all 1s;
}
.contact2 .con small{
width: 70%;	
}
.footer_contact .f-logo img{
width: 50%;	
}

}

/*----------------600px-----------------*/

	@media (max-width: 670px){

	
.glovalnavi,.contact2,.footernavi ul{
		display: none;
		}
.kv_sl1 p{
	top: 45%;
	font-size: 1.8em;
}		
#logo img{
width: 50%;
display: block;
margin: 5% auto;
}
.kaigyo{
display: block;			
		}		
.aisatu{
margin-bottom: 10%;
}		
.aisatu .p2 h2{	
font-size: 1.3em;
}		
.aisatu1 .greet-box1 p{
   	font-size: 0.9em;	
	line-height: 1.75;
	color: #fff;
}
		
	 .aisatu1 .greet-box1{
	width:100%;
	 	 position:static;
}

 .aisatu1 .greet-box2{
	width:100%;
 position:static;
}	
.concept-box h2{	
font-size: 1.3em;
}
.concept-box p{
font-size: 0.9em;	
}		
	.b-box{
width: 90%;	
	display: block;
		margin: 2% auto;
}
.best h3{
font-size: 1.3em;
}	
.b-box h4{
font-size: 1.1em;
padding-top: 1%;	
}	
.b-box p{
font-size: 0.9em;		
}
.b-box small{
font-size:0.7em;
}	
		
.footer_box .table{
width: 100%;	
}
	.footer_box .photo{
width:100%;	
}	
.menu-wrapper .menu table th{
text-align: left;
font-size: 0.8em;
}
		.menu-wrapper .menu table td{
	font-size:0.8em;
}
	/*-----ハンバーガーメニュー--------*/

#nav-drawer {
  	position: fixed;
  	right: 10px;
    top: 10px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background-color:#BF0227;
    text-align: center;
	border-radius: 50%;
	display: block; /*これがないと非表示のままになる*/
	z-index: 9999;/*これで最前列*/
	font-family: ten-mincho-text, serif;
font-style: normal;
font-weight: 700;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 55px;/*反応範囲　#drawerと合わせる*/
	height: 55px;
    vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after{
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 30px;/*長さ*/
    border-radius: 3px;
    background: white;
    display: block;
    cursor: pointer;
	content: '';
	top:12px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#nav-open span:before {
    top: 13px;
}
#nav-open span:after {
    top: 25px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;/*最前面に*/
    width: 50%;/*サイドに隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
   background-color:rgb(0, 0, 0);
fill:rgb(12, 10, 11);
background-size:500px;
background-repeat:repeat;
background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cstyle%3E.st0%7Bfill:rgb(12, 10, 11)%7D%3C/style%3E%3Cpath class='st0' d='M125 250v125l125 125V375zM250 125L125 0v125l125 125zM250 250v125l125-125V125zM500 250V125L375 0v125zM500 500V375L375 250v125zM125 500V375L0 500zM375 500V375L250 500zM250 0v125L375 0zM0 125L125 0H0zM0 250v125l125-125V125z'/%3E%3C/svg%3E");
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(100%);
    transform: translateX(100%);/*左に隠しておく*/
}
	
#nav-content ul li{
	font-size: 1.1em;
    border-bottom: 1px solid #333;
	}
	
#nav-content ul li a{
    display: block;
    color: #fff;
    padding: 1em 0;
    text-decoration: none;
    width: 100%;
	}
	
#nav-content ul li a:hover {
    background-color: #333;
	color: #eee;
	}

.tel_s, .mail_s	{
	margin-top: 40px;
	font-size: 15px;
	}

.tel_s a, .mail_s a{
	color:#BF0227;
	text-decoration: none;
	background-color: #000;
	padding: 10px 15px;
	border-radius: 8px;
	border: 1px solid #BF0227;
	}
	
.tel_s a:hover, .mail_s a:hover{
	color: #eee;
	background-color: #333;
	border-radius: 8px;
	border: 1px solid #333;
	}


/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
		
		}
/*----------------414px-----------------*/

@media (max-width: 414px){



}