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

@media screen and (max-width: 960px) {
/*============================================================================================
index.html
============================================================================================*/
#wrap{
	width: 100%;
	height: auto;
}
#mainVisual{
width: 100%;
min-width: 640px;
height: auto;
}

/* ---------- header ---------- */
#header_con {
	position: relative;
	top: 0;
	width: 100%;
height:auto;
	z-index: 500;
}
#header_con h1{
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 74px;
}
#header_con h1 img{
	width: 100%;
	height: auto;
}
#header_con h1.fix{
	position: fixed;
	top: 0;
	left: 0;
}
#header_con h2{
font-size:10px;
color:#333333;
text-align:right;
position: absolute;
top: 20px;
right: 8px;
}
#header_con ul{
	position: absolute;
	top: 40px;
	right: 8px;
	overflow: hidden;
	zoom:1; /* IE 6/7向け */
}
#header_con ul li{
	float: left;
	margin-right: 5px;
}
#header_con ul li.last{
	margin-right: 0px;
}

/* ---------- navibutton ---------- */
#home #headWrap2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: auto;
	background-image: url(../images/mainMenu.png);
	background-repeat: repeat;
}

#home #headWrap2 ul{
	width: 150px;
	height: 444px;
}
#home #headWrap2 ul li{
width: 150px;
height: 37px;
text-align: center;
display: inline;
float: left;
}
#home #headWrap2 ul li.logo{
width: 150px;
height: 74px;
text-align: center;
display: inline;
float: left;
	text-indent: -9999px;
}
#home #headWrap2 ul li a{
	width: 100%;
height: 37px;
cursor: pointer;
display: block;
}
#home #headWrap2 ul li.top a {
	background-image: url(../images/sp/main_nav_top_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.top a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.top_on {
	background-image: url(../images/sp/main_nav_top_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.con a {
	background-image: url(../images/sp/nav_concept_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.con a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.con_on {
	background-image: url(../images/sp/nav_concept_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.des a {
	background-image: url(../images/sp/nav_design_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.des a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.des_on {
	background-image: url(../images/sp/nav_design_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.des_off {
	background-image: url(../images/sp/nav_design_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.loc a {
	background-image: url(../images/sp/nav_location_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.loc a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.loc_on {
	background-image: url(../images/sp/nav_location_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.loc_off {
	background-image: url(../images/sp/nav_location_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal_off {
	background-image: url(../images/sp/nav_gallery_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal a {
	background-image: url(../images/sp/nav_gallery_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.gal_on {
	background-image: url(../images/sp/nav_gallery_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.acc a {
	background-image: url(../images/sp/nav_access_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.acc a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.acc_on {
	background-image: url(../images/sp/nav_access_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.plan a {
	background-image: url(../images/sp/nav_plan_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.plan a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.plan_on {
	background-image: url(../images/sp/nav_plan_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.plan_off {
	background-image: url(../images/sp/nav_plan_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.equ a {
	background-image: url(../images/sp/nav_equipment_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.equ a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.equ_on {
	background-image: url(../images/sp/nav_equipment_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.equ_off {
	background-image: url(../images/sp/nav_equipment_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.sec a {
	background-image: url(../images/sp/nav_security_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.sec a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.sec_on {
	background-image: url(../images/sp/nav_security_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.sec_off {
	background-image: url(../images/sp/nav_security_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.res a {
	background-image: url(../images/sp/nav_results_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.res a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.res_on {
	background-image: url(../images/sp/nav_results_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2.fix {
	position: fixed ;
	top: 0;
	left: 0;
	background-image: none;
}


/* ---------- #contents ---------- */
#contents {
	width: 96%;
	height: auto;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 2%;
}
#contents .l_Img{
	width: 360px;
	height: 100px;
	float:left;
}
#contents .l_Img p{
	margin-bottom: 2%;
	margin-left: 4%;
}
#contents .r_Img{
	width: 300px;
	height: 140px;
	float:right;
	padding-right: 3%;
}
#contents .r_Img p{
	margin-bottom: 5px;
}
#contents p.text{
	clear: both;
	font-size: 10px;
	margin-left: 2%;
}

/* footer */
#footer_con{
	width: 100%;
	height: auto;
	border-top: solid 1px #033;
	background-color: #fff;
	padding-bottom: 20px;
	overflow: hidden;
}
#footer_con ul{
	width: 760px;
	height: auto;
	overflow: hidden;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_con ul li{
	float: left;
	text-align: center;
}
#footer_con ul li img{
	width: 95%;
	height: auto;
}
#footer_con ul li.box1{
	padding-left: 2px;
	padding-right: 2px;
	width: 250px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#footer_con ul li.box2{
	padding-left: 2px;
	padding-right: 2px;
	width: 209px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#footer_con ul li.box3{
	margin-right: 0px;
	padding-left: 2px;
	}
#footer_con ul li.box4{

	}

/*============================================================================================
access.html
============================================================================================*/
#wrap_bk_white{
	background-color: #FFF;
	background-repeat: repeat;
	margin-left: 150px;
}

#access_con{
	width: 600px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
}
#access_con p.top{
	width: 425px;
	height: auto;
}
#access_con p.text1{
	text-indent: 1%;
	font-size: 90%;
	margin-bottom: 15px;
}
#access_con ul.image1 {
width: 600px;
height: 127px;
margin: 0 auto;
}
#access_con ul.image1 li{
	float: left;
margin-right: 15px;
width:190px;
height:auto;
}
#access_con ul.image1 li img{
width:100%;
height:auto;
}
#access_con ul.image1 li.last{
margin-right: 0px;
}
#access_con p.clear_left{
	width: 580px;
	height: auto;
	padding-top:15px;
	padding-bottom:15px;
	clear: left;
}
#access_con p.clear_left img{
	width: 100%;
	height: auto;
}
#access_con div.column1{
	width: 580px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}
#access_con ul.image2{
	float: left;
	width: 280px;
	margin-right: 20px;
}
#access_con ul.image3{
	float: left;
	width: 280px;
	margin-right: 0px;
}
#access_con ul.image2 img,#access_con ul.image3 img{
	width: 100%;
	height: auto;
}
#access_con ul.image2 li,#access_con ul.image3 li{
margin:8px 0;
}
#access_con p.bottom{
	margin-top: 30px;
	padding-bottom: 10px;
	font-size: 10px;
}

}

/*==========================================================================================*/
@media screen and (max-width: 768px) {
/*============================================================================================
index.html
============================================================================================*/
#wrap{
	width: 100%;
	height: auto;
}
#mainVisual {
	padding-top: 4px;
}
#mainVisual img.pc{
display: none;
}
#mainVisual img.tab{
display: block;
}

/*
#mainVisual2{
	width: 100%;
	height: auto;
display: block;
}
*/

/* ---------- header ---------- */
#header_con {
	position: static;
	top: 0;
	width: 100%;
	height: 74px;
	z-index: 0;
}
#header_con h1{
	position: static;
	top: 0;
	left: 0;
	width: 150px;
	height: 74px;
	background-image: url(../images/logo_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#header_con h1.fix{
	position: fixed;
	top: 0;
	left: 0;
}
#header_con h2{
	font-size: 10px;
	color: #333333;
	text-align: right;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 440px;
	line-height: 120%;
}
#header_con ul{
position: absolute;
	top: 32px;
	right: 4px;
	overflow: hidden;
	zoom: 1; /* IE 6/7向け */
padding-right:0px;
}
#header_con ul li{
	float: left;
	margin-right: 5px;
}
#header_con ul li.last{
	margin-right: 0px;
}

/* ---------- navibutton ---------- */
#home #headWrap2 {
	width: 100%;
min-width: 320px;
	height: auto;
	position: static;
}
#home #headWrap2.fix{
	position: static;
}
#home #headWrap2 ul{
	width: 100%;
	min-width: 320px;
	height: 106px;
	background-image: url(../images/mainMenu.png);
	background-repeat: repeat;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #696969;
	border-bottom-color: #696969;	
}
#home #headWrap2 ul li{
width: 20%;
height: 53px;
text-align: center;
display: inline;
float: left;
}
#home #headWrap2 ul li.logo{
display: none;
}
#home #headWrap2 ul li a{
	height: 53px;
cursor: pointer;
display: block;
}
#home #headWrap2 ul li.top a {
	background-image: url(../images/sp/main_nav_top_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.top a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.top_on {
	background-image: url(../images/sp/main_nav_top_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.con a {
	background-image: url(../images/sp/nav_concept_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.con a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.con_on {
	background-image: url(../images/sp/nav_concept_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.des a {
	background-image: url(../images/sp/nav_design_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.des a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.des_on {
	background-image: url(../images/sp/nav_design_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.des_off {
	background-image: url(../images/sp/nav_design_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal a {
	background-image: url(../images/sp/nav_gallery_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.gal_on {
	background-image: url(../images/sp/nav_gallery_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.gal_off {
	background-image: url(../images/sp/nav_gallery_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.loc a {
	background-image: url(../images/sp/nav_location_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.loc a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.loc_on {
	background-image: url(../images/sp/nav_location_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.loc_off {
	background-image: url(../images/sp/nav_location_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.acc a {
	background-image: url(../images/sp/nav_access_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.acc a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.acc_on {
	background-image: url(../images/sp/nav_access_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.plan a {
	background-image: url(../images/sp/nav_plan_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.plan a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.plan_on {
	background-image: url(../images/sp/nav_plan_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.plan_off {
	background-image: url(../images/sp/nav_plan_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.equ a {
	background-image: url(../images/sp/nav_equipment_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.equ a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.equ_on {
	background-image: url(../images/sp/nav_equipment_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.equ_off {
	background-image: url(../images/sp/nav_equipment_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.sec a {
	background-image: url(../images/sp/nav_security_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.sec a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.sec_on {
	background-image: url(../images/sp/nav_security_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.sec_off {
	background-image: url(../images/sp/nav_security_btn_off.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.res a{
	background-image: url(../images/sp/nav_results_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.res a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.res_on {
	background-image: url(../images/sp/nav_results_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	background-color: #000;
}

/* ---------- #contents ---------- */
#contents {
	width: 98%;
	height: auto;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 2%;
}
#contents .l_Img{
	width: 300px;
	height: auto;
	float:left;
}
#contents .l_Img p{
	margin-bottom: 2%;
	margin-left: 4%;
}
#contents .l_Img p.info3{
	width: 300px;
	height:auto;
}
#contents .r_Img{
	width: 300px;
	height: 140px;
	float:right;
	padding-right: 0px;
}
#contents .r_Img p{
	width: 290px;
	height: auto;	
	margin-bottom: 5px;
text-align:right;
}
#contents .l_Img p img,#contents .r_Img p img{
	width: 100%;
	height:auto;
}

#contents p.text{
	clear: both;
	font-size: 10px;
	margin-left: 2%;
}

/* ---------- footer ---------- */
#footer_con{
	width: 100%;
	height: auto;
	border-top: solid 1px #033;
	background-color: #fff;
	padding-bottom: 20px;
	overflow: hidden;
}
#footer_con ul{
	width: 600px;
	height: auto;
	overflow: hidden;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_con ul li{
	width: 300px;
	float: left;
	text-align: center;
}
#footer_con ul li img{
	width: 100%;
	height: auto;
}
#footer_con ul li.box1{
	width: 250px;
	padding-left: 0px;
	padding-right: 70px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#footer_con ul li.box2{
	padding-left: 70px;
	padding-right: 0px;
	width: 209px;
	border-right-style: none;
	text-align: right;
}
#footer_con ul li.box3{
	display: none;
	}
#footer_con ul li.box4{
display: none;
	}

/*============================================================================================
access.html
============================================================================================*/
#header_con h1.fix{
	position: absolute;
	top: 0;
	left: 0;
}
#wrap,#wrap_bk_white{
	background-repeat: no-repeat;
	margin-left: 0px;
}

#access_con {
	padding-top: 30px;
}

}

/*==========================================================================================*/
@media screen and (max-width: 640px) {
/*============================================================================================
index.html
============================================================================================*/
#mainVisual {min-width: 480px;
height: auto;
}
#header_con h2,#header_con ul{
	display: none;
}
#home #headWrap2 ul{
height: 159px;
}
#home #headWrap2 ul li{
	width: 25%;	
	}
#header_con #sp_headmenu{
	display: block;
}
#header_con #sp_headmenu ul{
	display: block;
position: absolute;
top: 18px;
right: 4px;
	width: 140px;
	height:35px;
}
#header_con #sp_headmenu ul li{
	margin-right: 10px;
}
#header_con #sp_headmenu ul li.last{
	margin-right: 0px;
}
#sp_info,#sp_tel,#sp_menu {
		width: 35px;
		height: 35px;
		cursor: pointer;
}
#submenuWrap {
	width: 100%;
min-width: 320px;
	height: auto;

}
#submenuWrap ul{
	width: 100%;
	height: 53px;
	background-image: url(../images/mainMenu.png);
	background-repeat: repeat;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #696969;
	border-bottom-color: #696969;	
	display: block;
}
#submenuWrap ul li{
width: 33.3%;
height: 53px;
text-align: center;
display: inline;
float: left;
	margin-right: 0px;
}
#submenuWrap ul li a{
	height: 53px;
cursor: pointer;
display: block;
}
#submenuWrap ul li#submenu_1 a {
		height: 53px;
	background-image: url(../images/sp/sub_bt1.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
background-size:auto 14px;
		cursor: pointer;
}
#submenuWrap ul li#submenu_1 a:hover {
	background-color: #000;
}
#submenuWrap ul li#submenu_2 a {
		height: 53px;
	background-image: url(../images/sp/sub_bt2.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
background-size:auto 14px;
		cursor: pointer;
}
#submenuWrap ul li#submenu_2 a:hover {
	background-color: #000;
}
#submenuWrap ul li#submenu_3 a {
		height: 53px;
	background-image: url(../images/sp/sub_bt3.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
background-size:auto 14px;
		cursor: pointer;
}
#submenuWrap ul li#submenu_3 a:hover {
	background-color: #000;
}


/* ---------- #contents ---------- */
#contents {
	width: 96%;
	height: auto;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 2%;
}
#contents .l_Img{
	width: 95%;
	height: auto;
	float: none;
	margin-bottom: 3%;
}
#contents .l_Img p{
	margin-bottom: 2%;
	margin-left: 4%;
}
#contents .l_Img p.info1{
width:70%;
	height: auto;
	text-indent: -9999px;
	background-image: url(../images/sp/info_ttl_sp.png);
	background-repeat: no-repeat;
	background-position: left;
background-size: contain;
}
#contents .l_Img p.info2{
width:90%;
	height: auto;
	text-indent: -9999px;
	background-image: url(../images/sp/info_txt01_sp.png);
	background-repeat: no-repeat;
	background-position: left;
background-size: contain;
}
#contents .l_Img p.info3{
width:81%;
	height: auto;
	text-indent: -9999px;
	background-image: url(../images/sp/info_txt02_sp.png);
	background-repeat: no-repeat;
	background-position: left;
background-size: contain;
}
#contents .r_Img{
	width: 95%;
	height: auto;
	float:none;
	padding-right: 0px;
	margin: 0 auto;
}
#contents .r_Img p{
	text-align: left;
	text-indent: -9999px;
}
#contents .r_Img p.bnr1{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
#contents .r_Img p.bnr1 a{
	width: 100%;
	height: auto;
	background-image: url(../images/sp/banner_request_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	display: block;
}
#contents .r_Img p.bnr1 a:hover{
	background-image: url(../images/sp/banner_request_btn_on.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
#contents .r_Img p.bnr2{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
#contents .r_Img p.bnr2 a{
	width: 100%;
	height: auto;
	background-image: url(../images/itot.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
}
#contents .l_Img p img,#contents .r_Img p img{
	width: 100%;
	height:auto;
}

#contents p.text{
	clear: both;
	font-size: 10px;
	margin-left: 2%;
}

/* ---------- footer ---------- */
#footer_con{
	width: 100%;
	height: auto;
	border-top: solid 1px #033;
	background-color: #fff;
	padding-bottom: 20px;
	overflow: hidden;
}
#footer_con ul{
	width: 95%;
min-width: 320px;
	height: auto;
	overflow: hidden;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_con ul li{
	width: 50%;
	float: left;
	text-align: center;
}
#footer_con ul li img{
	width: 100%;
	height: auto;
}
#footer_con ul li.box1{
	width: 46%;
	padding-left: 1%;
	padding-right: 3%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#footer_con ul li.box2{
	padding-left: 3%;
	padding-right: 0px;
	width: 46%;
	border-right-style: none;
	text-align: right;
}


/*============================================================================================
access.html
============================================================================================*/
#access_con{
	width: 95%;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
}
#access_con p.top{
	text-indent: -9999px;
	width:86%;
	height: auto;
	background-image: url(../images/access/access_i_2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
#access_con p.top{
	width:96%;
	height: auto;
}
#access_con p.text1{
	text-indent: 1%;
	font-size: 90%;
	margin-bottom: 15px;
}
#access_con ul.image1 {
width: 100%;
height: auto;
margin: 0 auto;
}
#access_con ul.image1 li{
	float: left;
margin-right: 2%;
width:32%;
height:auto;
	margin-bottom: 2%;
}
#access_con ul.image1 li img{
width:100%;
height:auto;
}
#access_con ul.image1 li.last{
margin-right: 0px;
}
#access_con p.clear_left{
	text-indent: -9999px;
	width:96%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/access/access_i_6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con p.clear_left img{
	width:96%;
	height: auto;
}
#access_con div.column1{
	width: 90%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
#access_con ul.image2,#access_con ul.image3{
	float: left;
	width: 50%;
}
#access_con ul.image2 {
margin-right:0;
margin-bottom:2%;
}
#access_con p.bottom {
/*margin-top:0;*/
}
#access_con ul.image2 li:nth-child(1){
	text-indent: -9999px;
	width:96%;
	height: 50px;
	background-image: url(../images/access/access_i_7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(1){
	text-indent: -9999px;
	width:96%;
	height: 50px;
	background-image: url(../images/access/access_i_11.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image2 li:nth-child(2){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_8.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(2){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_12.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image2 li:nth-child(3){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_9.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(3){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_13.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image2 li:nth-child(4){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_10.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(4){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_14.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


}

	/*============================================================================================
トップページ　end
index.html8
============================================================================================*/
/*==========================================================================================*/
@media screen and (max-width: 480px) {
/*============================================================================================
index.html
============================================================================================*/
#mainVisual {min-width: 320px;
height: auto;
}
#footer_con{
width:100%;
height: 235px;
}
#footer_con ul{
	width: 90%;
	height: auto;
	overflow: visible;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#footer_con ul li{
	width: 100%;
	float: none;
	text-align: center;

}
#footer_con ul li img {
width: 70%;
height: auto;
}
#footer_con ul li.box1{
	margin-bottom: 5%;
	border-right-style: none;
	position: absolute;
	left: 0px;
	top: 146px;
}
#footer_con ul li.box2{
	padding-top: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	position: absolute;
	left: 0px;
	top: 0px;
}
#footer_con ul li.box1,#footer_con ul li.box2{
width:100%;
height:auto;
padding-left: 0;
padding-right: 0;
text-align:center;
}
#footer_con ul li.box1 a,#footer_con ul li.box2 a{
	width: 100%;
	height: auto;
	display: block;
}

/*============================================================================================
access.html
============================================================================================*/
#wrap {
min-width: 320px;
}
#access_con{
min-width: 320px;
}
#access_con ul.image1{
	width: 100%;
height:auto;
}
#access_con ul.image1 li{
	width:90%;
	height:auto;
	float: none;
	margin: 0 auto;
	margin-bottom:2%;
	text-indent: -9999px;
}
#access_con ul.image1 li img{
	width:95%;
	height:auto;
}
#access_con ul.image1 li.last{
	margin: 0 auto;
}
#access_con ul.image1 li.ikebukuro{
	background-image: url(../images/access/access_i_3_sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image1 li.shibuya{
	background-image: url(../images/access/access_i_4_sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image1 li.roppongi{
	background-image: url(../images/access/access_i_5_sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con p.clear_left{
	text-indent: -9999px;
	width:96%;
	height: auto;
	margin:0 auto;
	background-image: url(../images/access/access_i_6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con p.clear_left img{
	width:96%;
	height: auto;
}
#access_con div.column1{
	width: 90%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
#access_con ul.image2,#access_con ul.image3{
	float: none;
	width: 100%;
}
#access_con ul.image2 {
margin-bottom:6%;
}
#access_con ul.image2 li:nth-child(1){
	text-indent: -9999px;
	width:96%;
	height: 64px;
	background-image: url(../images/access/access_i_7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(1){
	text-indent: -9999px;
	width:96%;
	height: 64px;
	background-image: url(../images/access/access_i_11.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image2 li:nth-child(2){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_8.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(2){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_12.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image2 li:nth-child(3){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_9.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(3){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_13.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image2 li:nth-child(4){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_10.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#access_con ul.image3 li:nth-child(4){
	text-indent: -9999px;
	width:96%;
	height: 32px;
	background-image: url(../images/access/access_i_14.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

}