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

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


/*～以下、画面の横幅が980pxまでの場合のスタイル記入～*/

body { }

#bodywrap {font-size:16px;}

	/*リンクナビゲーションマージン*/
div#top, div#about, div#introduction, div#flow, div#acces { margin-top:-90px; padding-top:90px;}

.layoutbox {width:100%;  margin:0 auto; padding: 100px 0 0;}
	
/* header */
.logo { float:none; margin:0px auto 0; text-align: center;}
.head_ico { float:none; margin:50px auto 0; padding: 0 20px;}


/*------------------------  ドロワーメニュー  ------------------------*/
#Mmenu_wrap {
position:fixed; z-index: 99; top:0px; width: 100%; margin: 0 auto -80px; padding-bottom: 70px; height: 70px; background: #4E3000;
opacity: 1;
}
.Mmenu_wrap_comm {position:relative; width: 100%; margin: 0 auto 0; height: 70px; background: #2AABB7;}
.Mmenu_wrap img {/*box-shadow: 3px 3px 5px rgba(8,8,8,0.3)*/}
/*------------------------  ドロワーメニュー  ------------------------*/
#openMenu {
	height:70px; text-align:right;z-index: 10;
	background:none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}
#layerMenu {
	display: none;
	width:50%; 
	position: absolute;
	top: 70px;
	left: 0;
	/*font-size: 15px;*/
	font-size:14px;
	font-weight: bold;
	z-index: 99;
}
#layerMenu ul.Mmenu {
	margin:0;
	padding: 0 0 12px 0;
	background: rgba(255,255,255,0.9);
	/*border-top: solid 1px #ccc;
	border-radius: 16px;*/
	box-shadow: 0px 0px 15px rgba(0,0,16,0.5);
	border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
#layerMenu ul.Mmenu li {
	text-align: left;
	list-style: none;
	width: 99%; 
	display: inline-block;
	white-space: nowrap;
	margin:0;
	padding:0;
}
#layerMenu ul.Mmenu li a {
	display: inline;
	position: relative;
	color: #333;
	display: block;
	border-bottom: solid 1px #666;
	margin:0;
	padding:20px 10px 20px 20px;
}

#layerMenu ul.Mmenu li a p { margin: 0; padding: 0; border-left:  solid 8px; padding-left: 12px;} 

#layerMenu ul.Mmenu li a:hover { color: #2AABB7;}
#layerMenu ul.Mmenu li:last-child a {border-bottom:none;}
#closeMenu {
	position: absolute;
	top: -70px;
	left: 0;
	height: 70px;
}






li.news ul li { width: 100%; font-size: 18px;}

.gokazoku { margin: 130px 0 -100px;}
.gokazoku p { font-size: 19px; margin:-30px 0 90px; line-height: 2; color: #4E3000; display: block; }
.gokazoku p span {border-bottom: solid 1px #4E3000; padding:0 20px 0;}



li.suzukiP img { margin: -150px 0 0 -100px;}
.suzuki-name img { margin: 0 auto -50px;}



.left03 {}
.leftimg img {}
.left03 p { margin: 130px 0 -50px 130px;}


li.c05tel p { margin:-50px 0 0 50px; }

li.accesMap1 img {margin-bottom:-90px;}


ul.footerMenu {width: 100%; margin: 0 auto; padding: 50px 0;
display: flex; 
justify-content: space-around;
align-content:stretch;
flex-wrap: wrap;
}
ul.footerMenu li {margin: 0; padding: 0; list-style: none; border-left:  solid 1px #333;text-align: center; }
ul.footerMenu li:first-child {border-left:none;}
ul.footerMenu li a { display: inline-block; padding: 4px 1px 4px 1px; margin: 0 12px; color: #231815; }
ul.footerMenu li a:hover {color: #FF7B00}



ul.footerBanner {width: 99%; 
justify-content: space-around;/*等間隔に配置*/
align-content: space-between;	/*要素の間をあける*/
}
ul.footerBanner li {margin: 15px 0;}
ul.footerBanner li img {width: 80%; height: auto;align-items: center; text-align: center; }



/*------------------------  smartonly  ------------------------*/	

.smart-95 {font-size: 95%;/*02*/}

.pcnone {display: inline-block;}
.smartnone {display:none;}
.mid-low_block {display: inline-block;}


/*～～～～～～～～～～～～～～～～～～～～～～～～～～*/
}