/* pc, tablet, and so one ... : min-width:640px; */


/*
@media screen and (min-width: 961px) {
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
}
*/





@media screen and (min-width: 641px) {
	.sp {
		display:none;
	}
	.spb {
		display:inline;
	}
	.pc {
		display:inline;
	}
	.pcb {
		display:block;
	}
	
	#otasukekazoku .pcTopSide {
		display:none;
	}
	
	
}





@media screen and (max-width: 640px) {
	
	/* --------------------
	0. reset  : 
	1. hack   : 
	2. layout : 
	3. parts  : 
	-------------------- */
	
	
	/* 0. reset  : 
	-------------------- */
	.sp {
		display:inline;
	}
	.spb {
		display:block;
	}
	.pc ,
	.pcb {
		display:none;
	}
	.of.mt20.spmt20 {
		margin-top: 0.3em;
	}
	
	/* 1. hack   : 
	-------------------- */
	
	/*
	.cf:before, 
	.cf:after {
	    content: '';
	    display: table;
	}
	.cf:after {
	    clear: both;
	}
	.cf {
	    zoom: 1;
	}
	*/
	
	
	
	/* 2. layout : 
	-------------------- */
	
	
	
	
	
	body {
		color: #454545;
		background-color: #FFFFFF;
		font-family:  メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 82%;
		line-height: 1.6;
		width: 100%;
		background-position: center top;
		background-size: 100% auto;
		background:url("../img/bg.png") repeat;
		position:relative;
	}
	
	#graWrap{
		height:450px;
		background-position: center top;
		background-size: 100% 100%;
		background-image: url(../img/gra_bg.jpg);
		background-repeat: repeat-x;
		width: 100%;
		position:absolute;
		z-index:1;
		}
	
	#kumoWrap{
		height:450px;
		width: 100%;
		background-position: center top;
		background-size: 200% auto;
		background-image: url(../img/kumo.png);
		background-repeat: no-repeat;
		background-position: center top;
		position:absolute;
		z-index:2;
		}
	
	#ieWrap{
		width: 100%;
		height:450px;
		background-position: center top;
		background-size: 100% auto;
		background-image: url(../img/ie.png);
		background-repeat: no-repeat;
		background-position: center top;
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
	  	position:absolute;
		z-index:3;
	}
	
	
	/* 3. parts  : header / navigation
	-------------------- */
	header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background:#fff;
		box-shadow: 0 2px 5px rgba(0,0,0,0.26);
		z-index:9999;
		-webkit-user-select:none;
		-moz-user-select:none;
		user-select:none;
		
	}
	header .inner {
		position:relative;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		z-index:999;
		padding-top: 1.5em;
		padding-right: 4em;
		padding-bottom: 1.5em;
		padding-left: 1.5em;
	}
	
	header .inner #logo img {
		width:60%;
		height:60%;
	}
	
	header nav {
			overflow:auto;
			position: fixed;
			top: 0;
			right: -70%;
			width: 70%;
			max-width:320px;
			height: 100%;
			background: #fff;
			opacity: 0;
			z-index:9999;
	}
	
	header.navOpen nav {
			opacity: 1;
			right: 0;
	}
	header nav ul {
		border-top:1px solid #ccc;
	}
	header nav ul li {
		border-bottom:1px solid #ccc;
	}
	header nav ul li a {
		position:relative;
		display:block;
		padding: 0.8em 1.5em;
		color:#999;
		text-decoration:none;
	}
	header nav ul li a:hover {
		background:#f2f2f2;
	}
	
	header nav ul li a:before {
	  position: absolute;
	  top: 50%;
	  right: 1.5em;
	  display: inline-block;
	  content: "";
	  width: 7px;
	  height: 7px;
	  margin-top: -4px;
	  margin-right: -4px;
	  vertical-align: middle;
		border-top: 3px solid #f27070; /* #E60012 */
	  border-right: 3px solid #f27070; /* #E60012 */
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	}
	
	#global-nav ul li.menu-item-has-children a:before {
	  position: absolute;
	  top: 50%;
	  right: 1.5em;
	  display: inline-block;
	  content: "";
	  width: 7px;
	  height: 7px;
	  margin-top: -4px;
	  margin-right: -4px;
	  vertical-align: middle;
		border-top: 3px solid #f27070; /* #E60012 */
	  border-right: 3px solid #f27070; /* #E60012 */
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	}
	
	#global-nav ul li.menu-item-has-children ul.sub-menu li a:before {
	  position: absolute;
	  top: 50%;
	  right: 1.5em;
	  display: inline-block;
	  content: "";
	  width: 7px;
	  height: 7px;
	  margin-top: -4px;
	  margin-right: -4px;
	  vertical-align: middle;
		border-top: 3px solid #f27070; /* #E60012 */
	  border-right: 3px solid #f27070; /* #E60012 */
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	}
	
	#global-nav ul li.menu-item-has-children ul.sub-menu li a {
		padding: 0.8em 1.5em  0.8em 2.5em;
	}
	
	header #nav-toggle.navBtn {
			display: block;
			width: 30px;
			position: absolute;
			top: 24px;
			right: 15px;
			cursor: pointer;
	}
	header #nav-toggle.navBtn span {
			display: block;
			height: 4px;
			width: 100%;
			background: #f27070; /* #E60012 */
			border-radius: 2px;
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
	}
	header #nav-toggle.navBtn span:nth-of-type(2),
	header #nav-toggle.navBtn span:nth-of-type(3) {
			margin-top: 5px;
	}
	
	header.navOpen #nav-toggle.navBtn span:nth-of-type(1) {
			-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
			-ms-transform: translateY(9px) translateX(0) rotate(45deg);
			transform: translateY(9px) translateX(0) rotate(45deg);
	}
	header.navOpen #nav-toggle.navBtn span:nth-of-type(2) {
			margin-top: 5px;
			opacity: 0;
			-webkit-transform: translateY(9px);
			-ms-transform: translateY(9px);
			transform: translateY(9px);
	}
	header.navOpen #nav-toggle.navBtn span:nth-of-type(3) {
			-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
			-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
			transform: translateY(-9px) translateX(0) rotate(-45deg);
	}
	
	
	
	#global-nav ul {
		border-left: 0px solid #ccc;
		border-right: 0px solid #ccc;
	}
	#global-nav ul li.menu-item-has-children {
	}
	#global-nav ul li.menu-item-has-children ul{
		border-left: 0px solid #ccc;
		border-right: 0px solid #ccc;
	}
	#global-nav ul li.menu-item-has-children ul.sub-menu{
		border-top: 0px solid #ccc;
	}
	#global-nav ul li.menu-item-has-children ul.sub-menu li{
		border-top: 1px solid #ccc;
		border-bottom: 0px solid #ccc;
	}
	
	
	
	/* top page : topimgBox */
	.topimgBox{
		position:relative;
		height:360px;
		z-index:1;
		margin-left:auto;
		margin-right:auto;
		margin-top:72px;
		padding-top:80px
	}
	.topimg2-1{
		position:absolute;
		width:100%;
		height:450px;
		background-size: 100% auto;
		background-position: center top;
		background-image: url(../img/topImgSp1.png);
		background-repeat: no-repeat;
		z-index:10;
		margin-top:20px;
	}
	.topimg2-2{
		position:absolute;
		width:100%;
		height:450px;
		background-size: 100% auto;
		background-position: center top;
		background-image: url(../img/topImgSp2.png);
		background-repeat: no-repeat;
		z-index:10;
		margin-top:20px;
	}
	.topimg2-3{
		position:absolute;
		width:100%;
		height:450px;
		background-size: 100% auto;
		background-position: center top;
		background-image: url(../img/topImgSp3.png);
		background-repeat: no-repeat;
		z-index:10;
		margin-top:20px;
	}
	.topimg2-4{
		position:absolute;
		width:100%;
		height:450px;
		background-size: 100% auto;
		background-position: center top;
		background-image: url(../img/topImgSp4.png);
		background-repeat: no-repeat;
		z-index:10;
		margin-top:20px;
	}
	.topimg2-5{
		position:absolute;
		width:100%;
		height:450px;
		background-size: 100% auto;
		background-position: center top;
		background-image: url(../img/topImgTxtSp.png);
		background-repeat: no-repeat;
		z-index:10;
		overflow:hidden;
	}
	.topimg2-1 img, 
	.topimg2-2 img, 
	.topimg2-3 img, 
	.topimg2-4 img, 
	.topimg2-5 img {
		width:100%;
	}
	
	
	
	/* top-page : topRinen block */
	.topRinen {
		overflow:auto;
		position: relative;
		z-index: 100;
		width:100%;
	}
	
	.topRinen .mr10 {
		margin-right:auto;
	}
	.topRinen .rinenWaku {
		text-align: center;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10px;
		width: 80%;
		background-position:center center;
		background-image: url(../img/topHukidashi.png);
		background-repeat: no-repeat;
		
		background-size:100% 100%;
		
		float: none;
		padding: 34px 20px 34px 20px;
	}
	
	.topRinen .line2 {
		padding: 42px 20px 42px 20px;
	}
	
	
	.topRinen .topRinenTxt {
		width:100%;
		padding:10px 0 30px 0;
		text-align:center;
	}
	.topRinen .topRinenTxt .rinenImg {
		display:inline-block;
		margin:0px auto;
		text-align:center;
	}
	.topRinen .topRinenTxt .rinenImg img {
		margin:0px auto;
	}
	.topRinen .topRinenTxt .rinenTxt { 
		display:inline-block;
		margin:0px auto;
		text-align:center;
	}
	.topRinen .topRinenTxt .rinenTxt img {
		max-width:90%;
		margin:0px auto;
	}
	
	
	/* top-page : phone */
	.phone {
		display:block;
		color:#454545;
		text-decoration:none;
		margin:20px 0 0 0;
		border-top: 1px solid #ccc;
	}
	.phone .phoneLink {
		overflow: hidden;
		display:block;
		color:#454545;
		text-decoration:none;
		clear:both;
		float:none;
		padding-bottom:1px;
	}
	.phone .phone_caps {
		display:block;
		width:19%;
		padding: 0;
		text-align:center;
		float:left;
		margin-top: 16px;
	}
	.phone .phone_caps .nunberBne {
		display:inline-block;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: #a5a5a5;
		color:#fff;
		padding:2px 10px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		

	}

	.phone .phone_sock {
		display:block;
		width:80%;
		text-align:center;
		float:right;
	}
	.phone .note {
		display:block;
		font-size:0.8em;
		padding-right:25%;
		padding-top:8px;
	}
	.phone .number {
		display:block;
		font-size:1.6em;
		padding-right:25%;
	}
	
	
	
	/* top-page : sp_menu */
	.sp_menu {
		margin:0;
	}
	.sp_menu .link_menu {
		border-top: 1px solid #ccc;
	}
	
	.sp_menu .link_menu ul.acordion {
	}
	
	.sp_menu .link_menu ul.acordion li {
		border-bottom: 1px solid #ccc;
	}
	
	.sp_menu .link_menu ul.acordion li .active-submenu {
		/*	background:#dcdcdc;	*/
		background: url(../img/triggeractive-arrow.png) no-repeat 98% 50%;
	}
	.sp_menu .link_menu ul.acordion li .none-submenu {
		/*	background:#fff;	*/
		background: url(../img/trigger-arrow.png) no-repeat 98% 50%;
	}
	
	.sp_menu .link_menu ul.acordion li a,
	.sp_menu .link_menu ul.acordion li span.naviBtnSw {
		position: relative;
		display: block;
		padding: 0.8em 1.5em;
		color:#454545;
		text-decoration: none;
	}
	.sp_menu .link_menu ul.acordion li a:hover, 
	.sp_menu .link_menu ul.acordion li span.naviBtnSw:hover {
	}
	
	.sp_menu .link_menu ul.acordion li li {
		border-top: 1px solid #ccc;
		border-bottom: 0px solid #ccc;
	}
	
	
	
	/* top-page : service block */
	.topServiceWrap {
		border-right-width: 0px;
		border-right-style: solid;
		border-right-color: #CCC;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
	}
	.topService{
	width:96%;
	float: none;
	padding-right: 2%;
	padding-left: 2%;
	overflow:hidden;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	}
	.topService.last {
		border-bottom-width: 0px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
	}
	
	.topServiceTxt{
		width:69%;
		float:right;
	}
	.topServiceImg{
		float:left;
		width:31%;
		padding-top:1em;
	}
	.topServiceImg img{
		text-align: center;
		width:100%;
	}
	
	.topServiceTxt .topServiceSubTit {
		font-weight:bold;
		font-size: 1.4em;
	}
	
	.topServiceTxt .of .nunberBne {
		display:inline-block;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: #a5a5a5;
		color:#fff;
		padding:4px 10px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.topServiceTxt .of .nunverTxt {
		display:inline-block;
		padding:4px 10px;
		
	}
	
	
	.btnCenter {
		text-align: center;
	}
	.topServiceBtn {
		color: #FFF;
		background-color: #f27070;
		padding-top: 11px;
		padding-bottom: 11px;
		background-image: url(../img/icon1.gif);
		background-repeat: no-repeat;
		display: inline-block;
		margin-top: 20px;
		padding-right: 0;
		padding-left: 0;
		background-position: 90% 18px;
		width: 94%;
	}
	
	
	.banner {
		display:block;
		padding:20px 0;
		text-align:center;
	}
	.banner a {
		display:inline-block;
		margin: 0 auto;
	}
	.banner a img {
		width:156px;
		height:54px;
	}
	
	
	/* footer */
	#foot {
		text-align:center;
	}
	
	#footLogo {
		text-align:center;
	}
	#footLogo a, 
	#footLogo a img {
		text-align:center;
		margin: 0 auto;
	}
	
	#foot .exLink {
		display:block;
		marign:0px;
		padding:0px;
		float:none;
		clear:both;
	}
	#foot .spb li {
		display:block;
		width:50%;
		float:left;
	}
	#foot .spb li {
		display:block;
		width:50%;
		float:left;
	}
	#foot .spb li.last {
		width:100%;
	}
	#foot .spb li a {
		display:block;
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		text-decoration:none;
		color:#545454;
	}
	#foot .spb li.cr a {
		border-right:0px solid #ccc;
	}
	#foot .spb li.end a {
		border-bottom:1px solid #ccc;
	}
	#foot .spb li a span {
		display:block;
		padding: 8px 1.5em;
	}
	#foot .spb li a:hover span {
		text-align:center;
	}
	
	#foot .number {
		color:#454545;
		text-decoration:none;
	}
	
	#foot .copy {
		padding:8px 0;
	}
	
	
	
	
	
	/* level2 */
 #main {
		position:relative;
		z-index:1;
		margin-left:auto;
		margin-right:auto;
		margin-top:72px;
		padding-top:40px
	}
 #contents {
		width:88%;
		margin:0 auto;
		padding:0;
		background: #fff;
		border-radius: 4px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		padding:4%;
	}
.tit {
	font-size:1.6em;
	font-weight:bold;
	background: url(../img/h2Line.png) left bottom repeat-x;
	margin-bottom: 25px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	}

	




/*矢田追加分　20160721*/

img.img100{
	width: 100%;
	}

.imgCenter95{
	width: 95px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	}

.imgCenter130{
	width: 130px;
	margin-right: auto;
	margin-left: auto;	
	}
	
.imgCenter185{
	width: 185px;
	margin-right: auto;
	margin-left: auto;	
	}
	
.imgCenter200{
	width: 200px;
	margin-right: auto;
	margin-left: auto;	
	}
	

	
.mesRight{
	margin-top:20px;
	}

.sp_menu li.last{
	border-bottom:0px!important;
	}

.h3 {
	padding: .75em 1em;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #f16969;
	font-size: 120%;
	font-weight: bold;
}

.h4{
	font-size: 130%;
	color:#f16969;
		font-weight: bold;
	}


#spaces {
    padding: 20px 0 20px 0;
}

.listDisc {
    list-style-type: disc;
    padding: 0 0 0 20px;
}

.listDisc li {
	color: #ffae28;
}

.listDisc span {
    color: #333;
}

#leftImageBox{
	margin-bottom:20px;
	}
#rightTextBox{
		margin-bottom:40px;
}

.spMb20{
	margin-bottom: 20px;
	}


#home #homecare{
	overflow:hidden;
	margin-bottom:20px;}

#home #imageBox{
	float:left;
	width:40%;
	}
	
#home #imageBox img{
		width:100%;}

#home #textBox{
	float:left;
	margin-left:3%;
	width:57%
	}

#business #textBox{
		margin-bottom:20px;
	}


#business #imageBox{
	margin-bottom:30px;
	}

.right{
	float:none;
	}
	
.left{
		float:none;
	}
	
	
.tblStaff { 
	width: 100%;
	border-collapse: collapse; 
	border: 1px #cccccc solid;
} 
.tblStaff th { 
	border: 1px #cccccc solid;
	padding: 15px 15px;
	line-height:1.6;
	background-color: #fff9eb;
	width:20%;
}
.tblStaff td { 
	border: 1px #cccccc solid;
	padding: 15px 15px;
	line-height:1.6;
		width:80%;
}


#faq .q {
position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #f16969;
	margin-bottom:15px;
	font-weight:bold;
	font-size:110%;
}
#faq .q::after  {
		position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
	}

#question{
	margin-bottom:20px;
	}





table#tblInquiry{
    border-collapse: collapse;
}

input[type="text"],input[type="email"], input[type="url"] {
    background-color: #fff;
    color: #333;
    width: 70%;
    border: 1px solid #ddd;
    font-size: 100%;
    padding: 0.5em;
    border-radius: 4px;
}

textarea {
    background-color: #fff;
    color: #333;
    width: 95%;
    border: 1px solid #ddd;
    padding: 0.5em;
    border-radius: 4px;
}

.naiyou{
	   vertical-align: middle ;
}

#contactTxt{
	margin-top:30px;
	text-align:center;
	width:100%;
	}



input[type="button"] , input[type="submit"] {
    font-size: 100%;
    background: #f8c63d;
    color: #666;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 15px;
    padding-right: 50px;
    padding-bottom: 15px;
    padding-left: 50px;
    border: none;
    font-weight: bold;
}


.hissu {
	font-weight: bold;
	color: #FFF;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	background-color: #e6212c;
	font-size: 90%;
	display: inline-block;
}

.nini {
    font-weight: bold;
    color: #FFF;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #44a5ed;
    font-size: 90%;
		display: inline-block;
}

#inquiry .text {
	padding:20px 0 30px 0;
	line-height:1.6;
}
#inquiry span{
	color: #f16969;
}
#inquiry #tblInquiry { 
	width: 625px;
	border-collapse: collapse; 
	border: 1px #cccccc solid;
}
#tblInquiry td {
	padding: 10px 15px;
	height:30px;
	line-height:1.6;
	border: 1px solid #E5E5E5;
}
#tblInquiry #tdLeft {
	width:30%;

}
#tblInquiry #tdRight{ 

}
.buttonBox{
	margin:30px 0 0 0;
	text-align:center;
}
#inquiry #spaces{
	height:20px
}

#confirmation table{
	width:100%;
	margin-bottom:30px;}

#confirmation td {
	padding: 10px 15px;
	height:30px;
	line-height:1.6;
	border: 1px solid #E5E5E5;
	width:50%;
}

#access #map{
	margin:20px 0 0 0;
	height:380px;
	line-height:1.6;
	font-size:85%;
	border: 1px solid #cccccc;
}


#privacypolicy .h3{
	margin-bottom:20px;}


.sideTit{
	background-color: #f27070;
	color: #FFF;
	padding-left: 30px;
	}
	
#handicapped #tdTop {
    font-weight: bold;
    font-size: 130%;
    background-color: #eaeaea;
	width:100%;
}	
#handicapped #tblHandicapped {
    width: 100%;
    border-collapse: collapse;
    border: 1px #cccccc solid;
}


#handicapped td {
    border: 1px #cccccc solid;
    padding: 10px 15px;
}


#handicapped .box2Column{
	margin-top:20px;}

#handicapped #leftImageBox{
	    float: left;
		width:40%;
	}
#handicapped #leftImageBox img{
	width:100%;}


#handicapped #rightTextBox{
		    float: left;
		width:57%;
		margin-left:3%;
	}




}

@media only screen and (min-width: 376px) and (max-width: 640px) {
	
	
	header .inner #logo img {
		width:50%;
		height:50%;
	}
	
	.topimgBox{
		height:480px;
	}
	
	
}

/* ───────────────────────────
   お問い合わせボタンのレスポンシブ対応
─────────────────────────── */
@media screen and (max-width: 767px) {
  /* 全体の左右パディングを確保 */
  #contents {
    padding: 0 15px;
    box-sizing: border-box;
  }

  /* ボタンを横幅いっぱいに広げる */
  .buttonBox {
    margin: 20px 0;
    text-align: center;
  }
  .buttonBox .btn--inquiry {
    display: block;
    width: 100%;
    max-width: none;
    padding: 12px 0;
    font-size: 1.1em;
    box-sizing: border-box;
  }

  /* サイドメニューが重なっている場合 */
  #side.pc {
    display: none;  /* スマホではサイドを非表示に */
  }
}

@media screen and (max-width: 767px) {
  /* スマホヘッダー内のロゴを最大120pxに */
  #mobile-head #logo img {
    max-width: 120px;
    /* 必要に応じて幅を調整（例：100px〜150px） */
  }
}

/* ─────────────────────────
   ロゴ画像をレスポンシブ化
───────────────────────── */
/* 共通で最大幅 100%、縦横比維持 */
#logo img {
  display: block;      /* 余白なく */
  width: auto;         /* 幅の固定を解除 */
  max-width: 100%;     /* 親要素の幅を超えない */
  height: auto;        /* 縦横比を維持 */
}

/* スマホ表示時にさらに小さく見せたい場合 */
@media screen and (max-width: 767px) {
  #logo img {
    max-width: 120px;  /* お好みの最大幅に調整 */
  }
}