@charset 'UTF-8';
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 15.5px;
	line-height:150%;
	color:#333333;
	background-color: #fff;
	margin: 0;
}

/* --トップメッセージ-- */

#header{
	width:100%;
	background-color: #7d4100;
	height: 64px;
	position: fixed;
	z-index:9998;
}
#logo{
	display:block;
	width: 290px;
	height: 54px;
	background: url(../img/logo.svg) 0px 0px no-repeat;
	margin-top: 10px;
	margin-left: 30px;
	float: left;
}
#logo a{
	display:block;
	width: 300px;
	height: 54px;
}
#nav{
	width: 392px;
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 0px;
	font-size: 14px;
	float: right;
}
#nav_list {
	list-style: none;
	margin: 0px;
}
#nav_list-item {

	Line-height: 26px;
	margin-left: 0px;
	padding-left: 8px;
	padding-right: 0px;
	border-left: 1px solid #f3e0aa;
	text-align: center;
	font-size: 0.9rem;
	transform: scale(0.85, 1);
	font-weight: bold;
	color: #666666;
	display: block;
	float: right;
	padding-bottom: 0px;

}
#nav_list-item a{
	color: #f3e0aa;
	text-decoration: none;
}
#nav_list-item a:hover {
	color: #ffcc99;
}
#nav_list-item a:focus {
	color: #EF7F2F;
}
#toiawase{
	width: 216px;
	height: 42px;
	border: 2px solid #FFF;
	border-radius: 5px;
	background-color: #ff4848;
	background: url(../img/toiawase.svg) 0px 0px no-repeat;
	margin-top: 9px;
	margin-right: 30px;
	padding: 0;
	float: right;
}
#toiawase a{
	display: block;
	width: 220px;
	height: 46px;
}
#toiawase a:hover{
	border: 0px;
	border-radius: 5px;
	margin-top: -2px;
	margin-left: -2px;
	background: url(../img/toiawase_mo.svg) 0px 0px no-repeat;

}
#header_temp{
	width:100%;
	max-width: 1600px;
	height: 60px;
	background-color: #f7efc3;
	margin: 0px auto;
	z-index:1;
}
#image_logo{
	display:block;
	width: 300px;
	height: 54px;
	background: url(../img/logo_gray.svg) 0px 0px no-repeat;
	margin-top: 5px;
	margin-left: 50px;
	float: left;
}
#nav_list-item_temp {
	width: 80px;
	Line-height: 26px;
	margin-left: 0px;
	padding-left: 12px;
	text-align: center;
	font-size: 0.9rem;
	transform: scale(0.85, 1);
	color: #FFF;
	display: block;
	float: right;
	padding-bottom: 0px;
	padding-right: 5px;
}
#wrapper{
	width:1440px;
	position: relative;
	left: 50%;
	margin-left: -800px;
	padding-right: 80px;
	padding-left: 80px;
	background-color: #ffe196;
}
main{
	display: block;
	width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
}
#message{
	display: block;
	width: 1600px;
	height: 720px;
	background-color: #f7efc3;
	padding: 0 auto;
	margin-left: -160px;
	position: relative;
}
.main_image{
	position: absolute;
	display: block;
	width: 1600px;
	height: 693px;
	margin: 0 auto;
}
#main_image-1{
	background: url(../img/main-1.png) 0px 0px no-repeat;

}
#main_image-2{
	background: url(../img/main-2.png) 0px 0px no-repeat;
}
#main_image-3{
	background: url(../img/main-3.png) 0px 0px no-repeat;
}
#main_image-4{
	background: url(../img/main-4.png) 0px 0px no-repeat;
}
#main_image-5{
	background: url(../img/main-5.png) 0px 0px no-repeat;
}
#main_image-6{
	width: 100%;
	font-size: 28px;
	text-align: center;
	line-height: 45px;
	margin-top: 470px;
	position: absolute;
}
#scroll{
	display: block;
	width: 100%;
	height: 80px;
	margin: 600px auto 0 auto;
	background: url(../img/scroll.gif) 0px 0px no-repeat;
	position: absolute;
	opacity: 0;
	animation: fadeIn 6.5s linear;
	animation-fill-mode: both;
}
@keyframes fadeIn{
	0%{opacity: 0;}
	80%{opacity: 0;}
	100%{opacity: 1;}
}
#scroll a{
	display: block;
	width: 114px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
}
#scroll a:hover{
	width: 114px;
	height: 70px;
}

/* --イデアの強み　多彩なアイデア-- */

#strong_point{
	display:block;
	padding: 0 auto;
	position: relative;

}
#strong_title{
	width: 1280px;
	height: 162px;
	text-align:center;
	background-color: #b32509;
}
.point{
	width: 100%;
	display: block;
	padding-bottom: 50px;
}
#point-1{
	background-color: #e6c054;
}
#point-2{
	background-color: #b3d689;
}
#point-3{
	background-color: #77c4c7;
}	
.point_title{
	width: 1000px;
	height: 345px;
	margin: 0px auto 0px auto;
}

.case{
	width: 1020px;
	margin: 50px auto 50px auto;
	padding: 100px auto 70px auto;
	display: block;
}

#case-1{
	height: 3900px;
	background-color: #f3e0aa;
}
#orien-1{
	width: 1020px;
	height: 520px;
	margin: 0 auto;
	background: url(../img/orien-1.png) 0px 0px no-repeat;
}
#orien-2{
	width: 1020px;
	height: 455px;
	margin: 0 auto;
	background: url(../img/orien-2.png) 0px 0px no-repeat;
}

#serifu-1{
	width: 182px;
	height: 326px;
	background: url(../img/serifu-1.png) 0px 0px no-repeat;
	margin-top: 40px;
	margin-right: 45px;
	float: right;
}
#serifu-2{
	width: 149px;
	height: 262px;
	background: url(../img/serifu-2.png) 0px 0px no-repeat;
	margin-top: 76px;
	margin-left: 60px;
	float: left;
}
#togaki-1{
	width: 110px;
	height:214px;
	background: url(../img/togaki-1.png) 0px 0px no-repeat;
	margin-top: 27px;
	margin-right: 103px;
	float: right;
}
#togaki-2{
	width: 70px;
	height:156px;
	background: url(../img/togaki-2.png) 0px 0px no-repeat;
	margin-top: 195px;
	margin-left: 100px;
	float: left;
}
#togaki-3{
	width: 110px;
	height:172px;
	background: url(../img/togaki-3.png) 0px 0px no-repeat;
	margin-top: 222px;
	margin-left: 233px;
	float: left;
}
.presen{
	width: 796px;
	height: 830px;
	border: 1px solid #fffaeb;
	background-color: #fffaeb;
	margin: 20px auto 0 auto;
	position: relative;
}
.presen > .title{
	width: 138px;
	height: 52px;
	background-color: #bd8b29;
	border-radius: 10px;
	margin: 50px auto 50px auto;
	position: relative;
}
#pre-title-a{
	background: url(../img/pre-title-a.png) 0px 0px no-repeat;
}
#pre-title-b{
	background: url(../img/pre-title-b.png) 0px 0px no-repeat;
}
#pre-title-c{
	background: url(../img/pre-title-c.png) 0px 0px no-repeat;
}

#design-a{
	width: 350px;
	height: 491px;
	background: url(../img/design-a.png) 0px 0px no-repeat;
	margin-right: 107px;
	margin-bottom: 30px;
	float: right;
}
#design-b{
	width: 350px;
	height: 491px;
	background: url(../img/design-b.png) 0px 0px no-repeat;
	margin-right: 107px;
	margin-bottom: 30px;
	float: right;
}
#design-c{
	width: 350px;
	height: 491px;
	background: url(../img/design-c.png) 0px 0px no-repeat;
	margin-right: 107px;
	margin-bottom: 30px;
	float: right;
}
#client-a{
	width: 230px;
	height: 191px;	
	background: url(../img/client-a.png) 0px 0px no-repeat;
	margin-top: -10px;
	margin-left: 45px;
	float: left;
}
#client-b{
	width: 186px;
	height: 205px;	
	background: url(../img/client-b.png) 0px 0px no-repeat;
	margin-top: 0px;
	margin-left: 100px;
	float: left;
}
#client-c{
	width: 186px;
	height: 203px;	
	background: url(../img/client-c.png) 0px 0px no-repeat;
	margin-top: -45px;
	margin-left: 130px;
	float: left;
}
.presen > #serifu-3{
	width: 165px;
	height: 330px;
	background: url(../img/serifu-3.png) 0px 0px no-repeat;
	margin-top: -20px;
	margin-left: 50px;
	float: left;
}
.presen > #serifu-4{
	width: 167px;
	height: 286px;
	background: url(../img/serifu-4.png) 0px 0px no-repeat;
	margin-top: -5px;
	margin-left: 70px;
	float: left;
}
.presen > #serifu-5{
	width: 165px;
	height: 334px;
	background: url(../img/serifu-5.png) 0px 0px no-repeat;
	margin-top: -10px;
	margin-left: 60px;
	float: left;
}
.comment-box{
	width: 584px;
	height: 105px;	
	border: 1px solid #d6ad4f;
	background-color: #fff5b3;
	margin: 0 auto 60px auto;
	clear: both;
}
.comment{
	display: block;
	width: 520px;
	height: 73px;
	font-size: 25px;
	line-height: 36px;
	border-left: 15px solid #d6ad4f;
	padding-left: 30px;
	margin-top: 15px;
	margin-left: 40px;
}
.note{
	margin-top: 10px;
	margin-left: 110px;
	font-size: 14px;
}
#summary-1{
	width: 930px;
	height: 235px;
	background: url(../img/summary-1.png) 0px 0px no-repeat;
	margin-top: 40px;
	margin-left: 53px;

}
#summary-1-serifu{
	width: 677px;
	height: 212px;
	float: left;
	margin-top: 10px;
	margin-left: 45px;
}

/* --イデアの強み　分かり易いデザイン-- */
#case-2-a{
	height: 1680px;
	background-color: #d9ebc4;
	box-sizing: border-box;
	overflow: hidden;
}
#easy-to{
	width: 796px;
	height: 1380px;
	background-color: #f8fce8;
	margin: 105px auto;
	padding-top: 112px;
}
#easy-to-fig{
	width: 688px;
	height: 520px;
	background: url(../img/easy-to.png) 0px 0px no-repeat;
	position: reletive;
	margin-top: 180px;
	margin-left: 40px;
}

#easy-serifu-1{
	width: 143px;
	height: 327px;
	background: url(../img/east-to-serifu-1.png) 0px 0px no-repeat;
	margin-top: -330px;
	margin-right: 10px;
	float: right;
}
#easy-serifu-2{
	width: 276px;
	height: 292px;
	background: url(../img/east-to-serifu-2.png) 0px 0px no-repeat;
	margin-top: 180px;
	margin-left: 25px;
	float: left;
}
#manuscript{
	width: 285px;
	height: 401px;
	background: url(../img/manuscript.png) 0px 0px no-repeat;
	margin-top: -230px;
	margin-left: -90px;
	float: left;
	margin-bottom: 130px;
}
#easy-to-sample{
	width: 547px;
	height: 389px;
	background: url(../img/easy-to-sample.png) 0px 0px no-repeat;
	margin-top: 0px;
	margin-left: 130px;
	clear: both;
}
#easy-serifu-3{
	width: 509px;
	height:174px;
	margin-top: 60px;
	margin-left: 70px;
	float: left;
	position: absolute;
}
#easy-to-idea{
	width: 222px;
	height:201px;
	background: url(../img/easy-to-idea.png) 0px 0px no-repeat;
	margin-top: 10px;
	margin-right: 50px;
	float: right;

}

#case-2-b{
	height: 3770px;
	background-color: #d9ebc4;
	box-sizing: border-box;
	overflow: hidden;
}
#to-match-idea{
	width: 221px;
	height: 218px;
	margin-top: 50px;
	margin-left: 80px;
	background: url(../img/to-match-idea.png) 0px 0px no-repeat;
	position: absolute;
}
#to-match-serifu{
	width: 590px;
	height: 194px;
	margin-top: 70px;
	margin-left: 300px;
	margin-bottom: 60px;
	float: left;
}
#to-match-client{
	width: 734px;
	height: 218px;
	margin-top: 0px;
	margin-left: 140px;
	background: url(../img/to-match-client.png) 0px 0px no-repeat;
	margin-bottom: 50px;
	float: left;
}

#to-match-togaki{
	width: 375px;
	height: 110px;
	margin-top: 60px;
	margin-left: 75px;
	position: absolute;
}
.to-match{
	width: 796px;
	height: 910px;
	background-color: #f8fce8;
	margin: 0 auto;
	margin-top: 45px;
	padding: 45px;
	clear: both;
	box-sizing: border-box;
	overflow: hidden;
}
.example{
	width: 178px;
	height: 47px;
	background-color: #7fa653;
	border-radius: 10px;
	margin: 0px auto 40px auto;
}

#example-a{
	background: url(../img/example-a.png) 0px 0px no-repeat;
}
#example-b{
	background: url(../img/example-b.png) 0px 0px no-repeat;
}
#example-c{
	background: url(../img/example-c.png) 0px 0px no-repeat;
}

.image-target{
	width: 243px;
	height: 551px;
	margin-top: 0px;
	margin-left: 37px;
	margin-bottom: 30px;
	float: left;
}

.design{
	width: 351px;
	height: 492px;
	margin-left: 46px;
	margin-top: 25px;
	float: left;
}
#design2-a{
	background: url(../img/design2-a.png) 0px 0px no-repeat;
}
#design2-b{
	background: url(../img/design2-b.png) 0px 0px no-repeat;
}
#design2-c{
	background: url(../img/design2-c.png) 0px 0px no-repeat;
}
.comment-box-2{
	width: 518px;
	height: 135px;	
	border: 1px solid #8ab552;
	background-color: #e9f7d0;
	margin: 20px auto 70px auto;
	clear: both;
}
.comment-2{
	display: block;
	width: 590px;
	height: 98px;
	font-size: 22px;
	line-height: 33px;
	border-left: 15px solid #91b36b;	
	padding-left: 15px;
	margin-top: 18px;
	margin-left: 30px;
}
#summary-2{
	width: 930px;
	height: 235px;
	background: url(../img/summary-2.png) 0px 0px no-repeat;
	margin-top: 40px;
	margin-left: 40px;
}
#summary-2-serifu{
	width: 677px;
	height: 212px;
	float: left;
	margin-left: 53px;
}

/* --イデアの強み　柔軟かつ迅速な対応-- */
#case-3{
	height: 1000px;
	background-color: #bbe2e3;
	overflow: hidden;
}
.support{
	width: 796px;
	height: 410px;
	background-color: #e8fbfc;
	margin: 55px auto 0 auto;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
	padding-top: 0 auto;
}
.support_content{
	display: block;
	width: 350px;
	height: 178px;
	font-size: 25px;
	line-height: 42px;
	border-left: 15px solid #9ecbcd;
	padding-left: 20px;
	padding-top: 5px;	
	margin-top: 60px;
	margin-left: 60px;
	box-sizing: border-box;
}
.support_image{
	display: block;
	width: 350px;
	height: 303px;
	margin-top: -185px;
	margin-right: 40px;
	float: right;
}

/* --イデアの得意なデザイン-- */

#works{
	width: 1280px;
	height: 853px;
	padding: 0px auto;
	background-color: #ffc8a3;
}
#works_title{
	width: 1280px;
	height: 162px;
	position: relative;
	text-align:center;
	background-color: #b32509;
}

#works_serifu{
	width: 230px;
	height: 280px;
	position: abusolte;
	margin-top: 85px;
	margin-left: 150px;
	background: url(../img/works_serifu.png) 0px 0px no-repeat;

}
#works_idea{
	width: 232px;
	height: 195px;
	position: relative;
	margin-top: 5px;
	margin-left: 150px;
	background: url(../img/works_idea.png) 0px 0px no-repeat;

}
#works_box{
	width: 775px;
	height: 460px;
	float: right;
	margin-top: 120px;
	margin-right: 50px;
}
.works_icon{
	width: 182px;
	height: 178px;
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
	cursor: pointer;
}
#works_ad{
	background: url(../img/works_ad.png) 0px 0px no-repeat;
}
#works_ad a{
	display: block;
	width: 182px;
	height: 178px;
}
#works_ad a:hover{
	background: url(../img/works_ad_ro.png) 0px 0px no-repeat;
}
#works_ad_pop-up{
	display:none;
}
#works_ad{
	width: 182px;
	height: 178px;
	display: block;
}
#works_catalog{
	background: url(../img/works_catalog.png) 0px 0px no-repeat;
	display: block;
}
#works_catalog a{
	display: block;
	width: 182px;
	height: 178px;
}
#works_catalog a:hover{
	background: url(../img/works_catalog_ro.png) 0px 0px no-repeat;
}

#works_flyer{
	background: url(../img/works_flyer.png) 0px 0px no-repeat;
}
#works_flyer a{
	display: block;
	width: 182px;
	height: 178px;
}
#works_flyer a:hover{
	background: url(../img/works_flyer_ro.png) 0px 0px no-repeat;
}

#works_poster{
	background: url(../img/works_poster.png) 0px 0px no-repeat;
}
#works_poster a{
	display: block;
	width: 182px;
	height: 178px;
}
#works_poster a:hover{
	background: url(../img/works_poster_ro.png) 0px 0px no-repeat;
}

#works_web{
	background: url(../img/works_web.png) 0px 0px no-repeat;
}
#works_web a{
	display: block;
	width: 182px;
	height: 178px;
}
#works_web a:hover{
	background: url(../img/works_web_ro.png) 0px 0px no-repeat;
}

#works_sp_tool{
	background: url(../img/works_sp_tool.png) 0px 0px no-repeat;
}
#works_sp_tool a{
	display: block;
	width: 182px;
	height: 178px;
}
#works_sp_tool a:hover{
	background: url(../img/works_sp_tool_ro.png) 0px 0px no-repeat;
}

/* --制作の流れ-- */

#flow{
	width: 1280px;
	height: 1150px;
	padding: 0px auto;
	background-color: #fae696;	
}
#flow_title{
	width: 1280px;
	height: 162px;
	position: relative;
	text-align:center;
	background-color: #b32509;
}
#flow_wrapper{
	width: 1020px;
	height: 790px;	
	background-color: #e6d283;
	margin: 88px auto 0 auto;
}
#flow_box{
	width: 508px;
	height: 736px;	
	margin: 75px 77px 0 115px;
	float: left;
}
.flow_detail{
	width: 457px;
	height: 83px;
}
#flow_idea_box{
	width: 276px;
	height: 715px;
	margin-top: 75px;
	float: left;
}

#flow_serifu{
	width: 158px;
	height: 349px;
	margin-left: 32px;
	background: url(../img/flow_serifu.png) 0px 0px no-repeat;
}
#flow_idea{
	width: 226px;
	height: 216px;
	margin-top: 18px;
	margin-left: -30px;
	background: url(../img/flow_idea.png) 0px 0px no-repeat;
}

#flow_comment{
	float: right;
	font-size: 15px;
	margin-top: 20px;
	margin-right: 45px;
}

/* --お問い合わせ-- */

#contact{
	width: 1280px;
	height: 433px;
	margin: 0 auto;
	background-color: #fff;
	padding-top: 61px;
}

#contact_icon{
	width: 65px;
	height: 65px;
	margin-left: 257px;
	margin-right: 20px;	
	float:left;
	background: url(../img/contact_icon.png) 0px 0px no-repeat;
}

#contact_info{
	width: 1050px;
	height: 75px;
	display: block;
	margin-left: 20px;
	margin-top: -7px;
	font-size: 26px;
	line-height: 41px;
}

#form_button{
	width: 400px;
	height: 157px;
	margin-left: 180px;
	margin-top: 70px;
	background: url(../img/form_button.png) 0px 0px no-repeat;
	float: left;
}
#form_button a{
	display: block;
	width: 444px;
	height: 174px;
}
#form_button a:hover{
	width: 444px;
	height: 174px;
	background: url(../img/form_button_ro.png) 0px 0px no-repeat;
}

#tel_number{
	width: 444px;
	height: 174px;
	margin-right: 180px;
	margin-top: 70px;
	float: right;
	background: url(../img/tel_number.png) 0px 0px no-repeat;
}

/* --フッター-- */

footer{
	display: block;
	width:100%;
	height: 174px;
	box-sizing: border-box;
	border:0px solid #7d4100;
	background-color: #7d4100;
}
#campany_box{
	width: 666px;
	height: 25px;
	margin: 0px auto 29px auto;
	padding-top: 42px;
}
#campany_name{
	width: 222px;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	float: left;
}
.footer_list{
	position: relative;
	width: 104px;
	display: block;
	text-align:center;
	border-left:1px solid #FFF;
	float: left;
}
.footer_list a{
	color: #f3e0aa;
}
.footer_list a:hover{
	color: #ffcc99;
}
#list2{
	width: 124px;
	border-right:1px solid #FFF;
}
#copyright_box{
	width:90%;
	height: 60px;
	border-top:1px solid #FFF;
	margin-right: auto;
	margin-left: auto;
}
#copyright{
	text-align: center;
	color: #FFF;
	font-size: 18px;
	line-height: 70px;
}


/*　簡易版レスポンシブ用CSS 　*/

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

#header{
	width:100%;
}
#logo{
	margin-left: 20px;
}
#nav{
	width: 370px;
	margin-right: 8px;
	margin-top: 37px;
}
#nav_list-item {
	Line-height: 13px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 3px;
	border-left: 5px solid #a3a3a3;
	text-align: center;
	font-size: 0.8rem;

}
#toiawase{
	margin-right: 20px;
}
#header_temp{
	width:100%;
}
#image_logo{
	margin-left: 20px;
}
#wrapper{
	width:980px;
	left: 0%;
	margin-left: 0px;
	overflow: hidden;
	padding-right: 0px;
	padding-left: 0px;
}
main{
	width: 100%;
}
#message{
	width: 100%;
	height: 750px;
	margin-left: 0px;
	padding-top: 50px;
	overflow: hidden;
}
#main_image{
	width: 980px;
	height: 590px;
	left: 0%;
}
#main_image-1{
	background: url(../img/main-1s.png) 0px 0px no-repeat;
}
#main_image-2{
	background: url(../img/main-2s.png) 0px 0px no-repeat;
}
#main_image-3{
	background: url(../img/main-3s.png) 0px 0px no-repeat;
}
#main_image-4{
	background: url(../img/main-4s.png) 0px 0px no-repeat;
}
#main_image-5{
	background: url(../img/main-5s.png) 0px 0px no-repeat;
}
#main_image-6{
	width: 95%;
	font-size: 25px;
	line-height: 40px;
	left: 10px;
	margin-top: 450px;
}



#scroll{
	background: url(../img/scroll_s.gif) 0px 0px no-repeat;
	margin-top: 600px;
}
#strong_title{
	width: 100%;
	padding: 0px;
}
.object-fit{
	padding-top: 30px; 
	width: 980px;
	object-fit: contain;
}

.case{
	width: 930px;
	margin: 0 auto;
}
#orien-1{
	width: 930px;
	background: url(../img/orien-1_s.png) 0px 0px no-repeat;
}
#orien-2{
	width: 930px;
	background: url(../img/orien-2_s.png) 0px 0px no-repeat;
}
#togaki-1{
	margin-right: 53px;
}
#togaki-2{
	margin-top: 195px;
	margin-left: 100px;
}
#togaki-3{
	margin-top: 222px;
	margin-left: 195px;
}

#case-2-b{
	margin-top: 50px;
}
#works{
	width: 100%;
}
#works_title{
	width: 100%;
}
#works_serifu{
	margin-left: 25px;
}
#works_idea{
	margin-left: 25px;
}
#works_box{
	width: 700px;
	margin-right: 15px;
}
.works_icon{
	margin-right: 28px;
}
#flow{
	width: 100%;	
}
#flow_title{
	width: 100%;
}
#flow_wrapper{
	width: 90%;
}
#flow_box{
	width: 508px;
	height: 736px;	
	margin: 75px 35px 0 60px;
	float: left;
}
#contact{
	width: 100%;
}
#contact_icon{
	margin-left: 100px;	
}
#form_button{
	position: abusolte;
	margin-left: 60px;
}
#tel_number{
	position: abusolte;
	margin-right: 10px;
	float: right;
}
footer{
	width:100%;
}

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

#nav{
	display: none;
}