@charset "utf-8";

html,body,div,ul,li,img,h1,h2,h3,h4{
	margin : 0;
	padding : 0;
}
body{
	background-color : #241200;
	line-height : 1.5em;
	letter-spacing : 0.01em;
	-webkit-text-size-adjust: 100%;
}
img{
	border : none;
}
.wrap{
	overflow : hidden;
}
ul li{
	list-style-type : none;
}
ol{
	list-style-type: decimal;
	padding-bottom : 30px;
}
ol li{
	margin : 20px 20px;
}

img#header{
	margin : 11px 0px 5px 20px;
}
.header{
	background-image : url(../img/header.png);
	background-repeat : no-repeat;
	background-position: top right;
}
.nav li img{
	vertical-align : middle;
}
.nav li{
	background-color : #BBA697;
}
li#this img{
	opacity : 0.7;
}
div#content img#line{
	width : 100%;
	height : 6px;
	position : absolute;
	top : 0;
	left : 0;
}
div#content{
	background-color : #EDEBE2;
	clear : both;
	position : relative;
	font-size : 14px;
	color : #333333;
}
div#content h2{
	margin : 15px 0px 20px 30px;
}
div#content h3{
	border-left : 10px solid #936F60;
	border-bottom : 1px solid #936F60;
	font-weight : normal;
	padding : 5px 0px 5px 10px;
	font-size : 20px;
}
div#content p.profile{
	margin : 10px 20px 25px;
}
ul.profile{
	margin : 10px 30px;
}
ul.profile li{
	list-style-type : disc;
}
div#content p.access{
	margin : 10px 80px 25px;
}
div#content p.access:last-child{
	padding-bottom : 30px;
}
div#content h3.access{
	margin : 10px 60px 25px;
}
div#content p.business{
	margin : 10px 30px 25px;
}
div#content p.business span{
	font-weight : bold;
}
div#content table{
	margin : 10px 20px 25px;
}
div#content table th{
	font-weight : normal;
	width : 90px;
	text-align : left;
	vertical-align : top;
}
div#content div{
	display : inline-block;
}
ul#business1 > li{
	background-color : #F7F7F7;
	border : 1px solid #CCCCCC;
}
ul#business2{
	margin : 10px 10px 10px 30px;
}
ul#business2 > li{
	list-style-type : disc;
	line-height : 1.3em;
}
div#content:after {/* 業務内容ページはcontent内の要素がfloatなので、背景が伸びないことへの対処 */
	content: "";
	display: block;
	clear: both;
}
.footer{
	margin-top : 30px;
	background-color : black;
	color : #fff;
	font-size : 14px;
	line-height : 1.3em;
	letter-spacing : 0.01em;
	border : 1px solid #000;

}
.footer a{
	color : #fff;
}
a:hover img{
	opacity : 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#footer_left a#tel:hover img{
	opacity : 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor : default;
}

.switch {
    visibility: hidden;
}

/******************/
/* スマホ向けスタイル */
/******************/
@media (max-width: 639px){
.wrap{
	width : 100%;
}
#slider_wrap{
	position : relative;
}
ul#slider li img{
	width : 100%;
}
ul#slider{
	margin-bottom : 4px;
}
img#site_name{
	width : 100%;
	position : absolute;
	z-index : 2;
	top : 28%;
}
.header{
	background-position: top left;
}
.header{
	margin-bottom : 20px;
}
.nav li{
	margin : 2px 0px;
}
.nav li img{
	width : 100%;
}

div#content h2#profile img{
	width : 95%;
}
div#content p.profile{
	margin : 10px 10px 25px;
}
div#content table{
	margin : 10px 10px 25px;
}

div#content #photo{
	width : 100%;
	text-align : center;
}
div#content #text{
	width : 95%;
	margin : 10px auto 30px 10px;
}
ul#business1{
	width : 100%;
	text-align : center;
	padding-bottom : 30px;
}
ul#business1 > li{
	width : 287px;
	height : 340px;
	padding : 6.5px;
	margin : 0px auto 5px;
	text-align : left;
}
iframe{
	margin : 10px 8% 20px;
	width : 87%;
	height : 300px;
}
div#content h3.access{
	margin : 10px 30px 25px;
}
div#content p.access{
	margin : 10px 40px 25px;
}
#footer_left{
	width : 100%;
	text-align : center;
}
#footer_left #office_name{
	margin : 30px auto 20px;
}
#footer_left #contact{
	width : 90%;
}
#footer_left img#tel{
	padding-right : 5%;
	width : 70%;
	margin : 10px 0px;
}
#footer_left #mail{
	width : 70%;
}

#footer_right{
	width : 100%;
	text-align : center;
}

#footer_right #access_left #access_arrow{
	width : 70%;
	margin : 30px auto 15px;
}
#footer_right #access_left p{
	word-break: keep-all;
	text-align : left;
	width : 210px;
	margin :5px auto 5px;
	font-size:10px;
}
#footer_right #map{
	width : 80%;
	margin : 15px auto 15px;

}
#footer_bottom{
	text-align : center;
}
#footer_bottom p{
	word-break: keep-all;
}
#footer_bottom #copyright{
	font-size : 12px;
}
}

/******************/
/* PC向けスタイル */
/******************/
/*640px~959px*/
@media (min-width: 640px) and (max-width: 959px){

.wrap{
	width : 100%;
}
#slider_wrap{
	position : relative;
}
ul#slider li img{
	width : 100%;
}
ul#slider{
	margin-bottom : 4px;
}
img#site_name{
	width : 100%;
	position : absolute;
	z-index : 2;
	top : 36%;
}
#index ul{
	height : 300px;
}
#not_index ul{
	position: relative;
	width: 100%;
	margin-bottom : 2.5%;
}
#not_index ul:before{ /* 高さと幅の比率を固定する技 */
	content:"";
	display: block;
	padding-top: 8.125%;/*比率*/
}
.nav li{
	float : left;
	width : 32.2%;
	margin-right : 1.5%;
}
.nav li:last-child{
	margin-right : 0px;
}
.nav li img{
	width : 100%;
}
#not_index li{
	overflow : hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#not_index li:nth-child(2){
	left: 34%;
}
#not_index li:nth-child(3){
	left: 68%;
}
#not_index li img{
	position : absolute;
	top : -286%;
}
div#content{
	background-image : url(../img/content_back.png);
	background-repeat : no-repeat;
	background-position: top right;
}
div#content #photo{
	float : left;
	width : 200px;
	margin : 30px 20px 0px 30px;
}
div#content #text{
	width : 58%;
	margin-bottom : 30px;
}
ul#business1{
	margin : 0px 20px;
}
ul#business1 > li{
	width : 30.2%;
	height : 330px;
	padding : 6.5px;
	margin-right : 4px;
	margin-bottom : 30px;
	float : left;
}
ul#business1 > li > img{
	width : 100%;
}
ul#business1 > li:last-child{
	margin-right : 0px;
}
iframe{
	margin : 10px 50px 20px 50px;
	width : 87%;
	height : 400px;
}
.footer{
	clear : both;
}
#footer_left{
	width : 470px;
	margin : 0 auto;
	text-align : center;
}
#footer_left #office_name{
	margin : 30px auto 20px;
}
#footer_left #contact{
	margin : 10px auto;
}
#footer_left img#tel{
	border-right : 1px dotted #DDD;
	padding-right : 20px;
}
#footer_left #mail{
	padding : 10px 0px 10px 15px;
}

#footer_right{
	width : 470px;
	margin : 30px auto 30px;
	border-top : 1px dotted #999;
}
#footer_right #access_left{
	float : left;
}
#footer_right #access_left #access_arrow{
	margin : 30px 0px 15px 0px;
}
#footer_right #access_left p{
	margin :5px 5px;
}
#footer_right #map{
	margin :30px 0px 0px auto;
	float : right;
}
#footer_bottom{
	clear : both;
	text-align : center;
}
#footer_bottom #navi{
	padding-top : 30px;
}
#footer_bottom #copyright{
	font-size : 12px;
}


}


/*960px以上*/
@media (min-width: 960px) {
.wrap{
	width : 960px;
	margin : 0 auto;
}
ul#slider{
	height : 484px;
}
img#site_name{
	position : absolute;
	z-index : 2;
	top : 180px;
}
.header{
	height : 190px;
}
#index ul{
	height : 360px;
}

.nav li{
	float : left;
	width : 310px;
	margin-right : 15px;
}
.nav li:last-child{
	margin-right : 0px;
}
.nav li img{
	width : 310px;
}
#not_index li{
	width : 310px;
	height : 78px;
	overflow : hidden;
	position : relative;
}
#not_index li img{
	position : relative;
	top : -224px;
}
div#content{
	background-image : url(../img/content_back.png);
	background-repeat : no-repeat;
	background-position: top right;
}
div#content #photo{
	float : left;
	width : 200px;
	margin : 30px 20px 0px 30px;
}
div#content #text{
	width : 680px;
	margin-bottom : 30px;
}
ul#business1{
	margin : 0px 20px;
}
ul#business1 > li{
	width : 287px;
	height : 340px;
	padding : 6.5px;
	margin-right : 4px;
	margin-bottom : 30px;
	float : left;
}
ul#business1 > li:last-child{
	margin-right : 0px;
}
iframe{
	margin : 10px 60px 20px 60px;
	width : 840px;
	height : 550px;
}
.footer{
	width : 100%;
	clear : both;
}
#footer_left{
	float : left;
	width : 470px;
}
#footer_left #office_name{
	margin : 30px auto 20px 100px;
}
#footer_left #contact{
	margin : 10px auto;
}
#footer_left img#tel{
	border-right : 1px dotted #DDD;
	padding-right : 20px;
}
#footer_left #mail{
	padding : 10px 0px 10px 15px;
}

#footer_right{
	float : left;
	padding-left : 0px;
	padding-bottom : 10px;
	margin-top : 10px;
	border-left : 1px dotted #DDD;
}
#footer_right #access_left{
	float: left;
}
#footer_right #access_left #access_arrow{
	margin : 30px 0px 15px 0px;
}
#footer_right #access_left p{
	margin : 10px 5px;
	font-size: 11px;
}
#footer_right #map{
	margin :30px 10px 0px 10px;
}
#footer_bottom{
	clear : both;
	width : 100%;
}
#footer_bottom p{
	display : inline-block;
}
#footer_bottom #navi{
	width : 500px;
}
#footer_bottom #copyright{
	font-size : 12px;
	width : 450px;
	text-align : right;
}

}