/* 横幅1024px以上の場合(パソコン) */
@media only screen and (min-width: 1024px){
/* 初期化 */
	*{
		/* 文字関連 */
		font-style:normal;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:16px;
		line-height:24px;
		font-weight:normal;
		vertical-align:baseline;
		text-decoration:none;
		color:#333333;
		text-align:left;
		letter-spacing:normal;
		word-spacing:normal;
		/* 背景 */
		background:none;
		/* 余白 */
		margin:0;
		padding:0;
		/* その他 */
		list-style:none;
		border:none;
		box-sizing:border-box;
	}
	img{
		vertical-align:bottom;
	}
	p{
		margin-bottom:0.7em;
	}
	a{
		text-decoration:underline;
	}
	a:hover{
		color:#4F1300;
	}
	.f_bold{
		font-weight:bold !important;
	}
	.c_blue{
		color:#3366CC !important;
	}
	.pcnone{
		display:none !important;
	}
	.note{
		color:#999999 !important;
	}
/* header */
	div#header{
		overflow:hidden;
		width:960px;
		margin:10px auto 10px auto;
	}
	div#header img{
		display:block;
		float:left;
	}
	div#header img+img{
		margin-left:15px;
	}
	div#header img#h_logo{
		margin-right:2px;
	}
	div#h_title{
		background-color:#FF6633;
	}
	div#h_title h1{
		width:960px;
		font-size:16px;
		line-height:32px;
		margin:0 auto;
		color:#4F1300;
	}
/* nav */
	nav{
		background-color:#FFC9B7;
		margin-bottom:30px;
	}
	#menuButton{
		display:none !important;
	}
	.menu{
		display:block !important;
	}
	nav ul{
		overflow:hidden;
		width:960px;
		margin:0 auto;
		padding:20px 0;
	}
	nav ul li{
		float:left;
		margin-right:20px;
		width:143px;
		height:62px;
	}
	nav ul li:last-child{
		margin-right:0;
	}
	nav ul li a{
		display:block;
		font-size:16px;
		line-height:32px;
		color:#FFFFFF;
		background-color:#FF6633;
		text-align:center;
		padding:15px;
		text-decoration:none;
	}
	nav ul li a:hover{
		background-color:#ED3B00;
		color:#FFFFFF;
	}
/* wrap */
	/* パンくず */
	p#pan{
		margin-bottom:30px;
	}
	p#pan a{
		text-decoration:underline;
	}
	p#pan a:hover span{
		color:#4F1300;
	}
	/* 本体 */
	article{
		overflow:hidden;
	}
	div#wrap{
		overflow:hidden;
		width:960px;
		margin:0 auto;
	}
	img#m_visual{
		display:block;
		margin-bottom:30px;
	}
	h2.title,h2.title span{
		color:#FF6633;
		font-size:42px;
		line-height:48px;
		font-weight:bold;
		margin-bottom:15px;
		/* テキスト装飾 */
		letter-spacing:2px;
		text-shadow:1px 1px 0 #FFFFFF,1px -1px 0 #FFFFFF,
				  	-1px 1px 0 #FFFFFF,
				  	-1px -1px 0 #FFFFFF,
				  	4px 4px 4px #CCCCCC;
	}
	h2.title{
		margin-top:50px;
	}
	span.f_blue{
		color:#3366CC !important;
	}
	span.f_black{
		color:#333333 !important;
	}
	div.workpage{
		overflow:hidden;
		width:960px;
		margin-bottom:30px;
	}
	div.workpage div.detail{
		overflow:hidden;
		width:960px;
		margin-bottom:15px;
	}
	div.workdetail{
		overflow:hidden;
		width:470px;
		float:left;
		margin-bottom:50px;
		padding-bottom: 18px;
	}
	div#tokyo,div#kanagawa,div#saitama,div#chiba{
		margin-left:20px;
	}
	div.workdetail h3{
		display:inline;
		font-weight:bold;
		font-size:18px;
		line-height:26px;
		vertical-align:middle;
		padding-left:30px;
		background-image:url("../images/mark.png");
		background-repeat:no-repeat;
	}
	div.workdetail div.worklist{
		overflow:auto;
		width:470px;
		height:180px;
		margin-top:3px;
		margin-bottom:30px;
		border:1px solid #CCCCCC;
		padding:7px;
		background-color:#FFF8EF;
	}
	div.workdetail div.worklist p{
		margin-bottom: 5px;
	}
	div.workdetail div.worklist a{
		font-size:13px;
	}
	div.workdetail .textlink{
		width:470px;
		text-align:center;
	}
	div.workdetail .textlink a{
		font-size:16px;
		background: #000B68;
		padding: 15px 28px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		-webkit-transition: all .5s;
 		transition: all .5s;
	}
	div.workdetail .textlink a:hover{
		font-size:16px;
		background: #fff;
		border: 1px solid #000B68;
		padding: 21px 34px;
		color: #000B68;
		font-weight: bold;
		text-decoration: none;
	}
/* left_content */
	div#left_content{
		overflow:hidden;
		width:700px;
		margin-right:30px;
		margin-bottom:60px;
		float:left;
	}
	.img_banner{
		display:block;
		margin-bottom:15px;
	}
	 a .img_banner{
		display:block;
		margin-bottom:15px;
		opacity: 1;
		transition: .3s ease-in-out;
	}
	a .img_banner:hover{
		display:block;
		margin-bottom:15px;
		 opacity: .6;
	}
/* right_content */
	div#right_content{
		overflow:hidden;
		width:230px;
		margin-bottom:60px;
	}
	div#right_content img{
		margin-bottom:30px;
	}
/* add_content */
	div.add_content{
		clear:both;
		background-image:url(../images/bgimg_kyutokitype.png);
		background-repeat:no-repeat;
		width:700px;
		height:455px;
	}
	div.add_content p{
		width:700px;
		padding-left:210px;
		padding-top:375px;
	}

/* footer */
	footer{
		background-color:#FFECD9;
	}
	div#footer_link{
		overflow:hidden;
		background-color:#FF6633;
	}
	footer ul{
		width:960px;
		margin:0 auto;
	}
	footer ul li{
		float:left;
		padding:10px 0;
	}
	footer ul li:last-child{
		border:none;
	}
	footer ul li a{
		display:block;
		font-size:14px;
		line-height:22px;
		border-right:1px solid #FFFFFF;
		color:#FFFFFF;
		padding:10px 27px;
		text-decoration:none;
	}
	footer ul li a:hover{
		background-color:#ED3B00;
		color:#FFFFFF;
	}
	footer ul li a.last{
		border:none;
	}
	div#footer_img{
		overflow:hidden;
		width:960px;
		margin:30px auto 0 auto;
		padding-bottom:30px;
	}
	div#footer_img img{
		display:block;
		float:left;
		margin-right:30px;
	}
	div#footer_img img#footer_logo{
		width:auto;
		height:101px;
		margin-right:0;
	}
/* address */
	p#address{
		width:960px;
		margin:20px auto;
		text-align:center;
	}
	p#address a{
		text-decoration:none;
	}
	p#address a:hover{
		color:#333333;
	}
/* pagetop */
/* トップへ戻るボタン */
	#pagetop{
		position:fixed;
		right:20px;
		bottom:20px;
		cursor:pointer;
	}
}
/* 横幅415px～横幅1023px以下の場合(タブレット) */
@media only screen and (min-width: 415px) and (max-width:1023px){
/* 初期化 */
	*{
		/* 文字関連 */
		font-style:normal;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:16px;
		line-height:24px;
		font-weight:normal;
		vertical-align:baseline;
		text-decoration:none;
		color:#333333;
		text-align:left;
		letter-spacing:normal;
		word-spacing:normal;
		/* 背景 */
		background:none;
		/* 余白 */
		margin:0;
		padding:0;
		/* その他 */
		list-style:none;
		border:none;
		box-sizing:border-box;
	}
	img{
		vertical-align:bottom;
	}
	p{
		margin-bottom:0.7em;
	}
	a{
		text-decoration:underline;
		font-size: 13px;
	}
	a:hover{
		color:#4F1300;
	}
	.f_bold{
		font-weight:bold !important;
	}
	.c_blue{
		color:#3366CC !important;
	}
	.tbnone{
		display:none !important;
	}
	.note{
		color:#999999 !important;
	}
/* header */
	div#header{
		overflow:hidden;
		text-align:center;
		margin-top:10px;
	}
	div#header img, div#header img.h_Tel{
		max-width:46%;
		margin:0 2%;
		height:auto;
	}
	div#h_title{
		background-color:#F2F2F2;
	}
	div#h_title h1{
		font-size:16px;
		line-height:48px;
		text-align:center;
		vertical-align:middle;
		margin-top:15px;
	}
/* nav */
	nav{
		background-color:#FFC9B7;
	}
	#menuButton{
		display:none !important;
	}
	.menu{
		display:block !important;
	}
	nav ul{
		overflow:hidden;
		width:100%;
		margin:0 auto;
		padding:0;
	}
	nav ul li{
		float:left;
		width:50%;
		height:62px;
	}
	nav ul li:last-child{
		margin-right:0;
	}
	nav ul li a{
		display:block;
		font-size:18px;
		line-height:48px;
		color:#FFFFFF;
		background-color:#FF6633;
		text-align:center;
		padding:7px;
		text-decoration:none;
	}
	nav ul li a:hover{
		background-color:#ED3B00;
		color:#FFFFFF;
	}
/* wrap */
	/* パンくず */
	p#pan{
		margin-top:30px;
		margin-bottom:30px;
	}
	p#pan a{
		text-decoration:underline;
	}
	p#pan a:hover span{
		color:#4F1300;
	}
	/* 本体 */
	article{
		overflow:hidden;
	}
	div#wrap{
		overflow:hidden;
		max-width:96%;
		margin:0 auto;
	}
	img#m_visual{
		display:block;
		max-width:100%;
		height:auto;
		margin-top:30px;
		margin-bottom:30px;
	}
	h2.title,h2.title span{
		color:#FF6633;
		font-size:42px;
		line-height:48px;
		font-weight:bold;
		margin-bottom:15px;
		/* テキスト装飾 */
		letter-spacing:2px;
		text-shadow:1px 1px 0 #FFFFFF,1px -1px 0 #FFFFFF,
				  	-1px 1px 0 #FFFFFF,
				  	-1px -1px 0 #FFFFFF,
				  	4px 4px 4px #CCCCCC;
	}
	h2.title{
		margin-top:50px;
	}
	span.f_blue{
		color:#3366CC !important;
	}
	span.f_black{
		color:#333333 !important;
	}
	div.workpage{
		overflow:hidden;
		max-width:100%;
		margin-bottom:15px;
	}
	div.workpage div.detail{
		overflow:hidden;
		max-width:100%;
		margin-bottom:15px;
	}
	div.workpage div.detail{
		width:49%;
		margin-bottom:15px;
	}
	div.workdetail{
		overflow:hidden;
		width:49%;
		margin-bottom:30px;
		float:left;
	}
	div#tokyo,div#kanagawa,div#saitama,div#chiba{
		margin-left:2%;
	}
	div.workdetail h3{
		display:inline;
		font-weight:bold;
		font-size:18px;
		line-height:26px;
		vertical-align:middle;
		padding-left:30px;
		background-image:url("../images/mark.png");
		background-repeat:no-repeat;
	}
	div.workdetail div.worklist{
		overflow:auto;
		width:100%;
		height:180px;
		margin-top:3px;
		margin-bottom:7px;
		border:1px solid #CCCCCC;
		padding:7px;
		background-color:#FFF8EF;
	}
	div.workdetail .textlink{
		text-align:center;
	}
	p.textlink a {
		display: inline-block;
		width: 230px;
		height: 54px;
		text-align: center;
		text-decoration: none;
		line-height: 54px;
		outline: none;
		background-color: #336699;
		color: #fff;
	transition: all .3s;	}
	p.textlink a:hover {
		background-color: #fff;
		color: #336699;
		border: 2px solid #336699;
	}
/* left_content */
	div#left_content{
		overflow:hidden;
		max-width:81%;
		margin-right:3%;
		margin-bottom:60px;
		float:left;
	}
	.img_banner{
		display:block;
		max-width:100%;
		height:auto;
		margin-bottom:15px;
	}
/* right_content */
	div#right_content{
		overflow:hidden;
		max-width:18%;
		margin:0 1% 30px 1%;
	}
	div#right_content img{
		max-width:100%;
		height:auto;
		margin-bottom:30px;
	}
/* footer */
	#footer_link ul{
		overflow:hidden;
		list-style: none;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#footer_link ul li{
		list-style: none;
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #ED3B00;
	}
	#footer_link ul li+li{
		width: 50%;
		float:left;
	}
	#footer_link ul li:last-child{
		border-bottom: 0px;
	}
	#footer_link ul li a{
		position: relative;
		display: block;
		margin: 0;
		padding: 10px;
		background: #FF6633;
		color: #fff;
		text-decoration: none;
	}
	#footer_link ul li a:before{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 35px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #fff;
	}
	#footer_link ul li a:after{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 40px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #FF6633;
	}
	div#footer_img{
		overflow:hidden;
		margin:20px auto;
	}
	div#footer_img img{
		display:block;
		margin:20px auto 15px;
	}
	div#footer_img img.f_Tel{
		max-width:65%;
		margin-left:5%;
	}
/* address */
	p#address{
		width:100%;
		padding:10px 0;
		background-color:#F2F2F2;
		text-align:center;
		font-size:16px;
		line-height:24px;
		margin-bottom:0;
	}
	p#address a{
		font-size:16px;
		line-height:24px;
		text-decoration:none;
	}
/* pagetop */
/* トップへ戻るボタン */
	#pagetop{
		position:fixed;
		right:20px;
		bottom:20px;
		cursor:pointer;
	}
}
/* 横幅414px以下の場合(スマートフォン) */
@media only screen and (max-width: 414px){
	*{
		/* 文字関連 */
		font-style:normal;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height:22px;
		font-weight:normal;
		vertical-align:baseline;
		text-decoration:none;
		color:#333333;
		text-align:left;
		letter-spacing:normal;
		word-spacing:normal;
		/* 背景 */
		background:none;
		/* 余白 */
		margin:0;
		padding:0;
		/* その他 */
		list-style:none;
		border:none;
		box-sizing:border-box;
	}
	img{
		vertical-align:bottom;
		max-width:100%;
		height:auto;
	}
	p{
		margin-bottom:0.7em;
	}
	.f_bold{
		font-weight:bold !important;
	}
	.c_blue{
		color:#3366CC !important;
	}
	.spnone{
		display:none !important;
	}
	.note{
		color:#999999 !important;
	}

/* header */
	div#header{
		overflow:hidden;
		text-align:center;
		margin-top:10px;
	}
	div#header img, div#header img.h_Tel{
		max-width:96%;
		height:auto;
	}
	div#h_title{
		background-color:#F2F2F2;
		padding:3px 0;
	}
	div#h_title h1{
		font-size:12px;
		line-height:18px;
		text-align:center;
	}
/* nav */
	/* メニュー開閉ボタン */
	#menuButton {
		display: block;
		width: 100%;
		height:42px;
		position:relative;
		z-index: 3;
		background-color:#FF6633;
	}
	#menuButton p{
		text-align: center;
		padding-top: 10px;
		color: #fff;
		font-size: 19px;
		font-weight: bold;
	}
	#menuButton span {
		display: block;
		background: #FFFFFF;
		width: 24px;
		height: 2px;
		position: absolute;
		left: 9px;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		bottom: 20px;
	}
	#menuButton span:first-child {
		top: 12px;
	}
	#menuButton span:nth-child(2) {
		margin-top: -1px;
		top: 30%;
	}
	#menuButton span:last-child {
		bottom: 12px;
	}
	#menuButton.active span.menu-non {
		opacity: 0;
	}
	#menuButton.active span:nth-child(2) {
		-webkit-transform: translateY(8px) rotate(45deg);
		-moz-transform: translateY(8px) rotate(45deg);
		-ms-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}
	#menuButton.active span:last-child {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-moz-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
	.menu{
		display:none;
	}
	.menu li{
		border-bottom:1px dashed #CCCCCC;
	}
	.menu li:last-child{
		border:none;
	}
	.menu li a{
		display:block;
		padding:15px 0 15px 10px;
	}
/* wrap */
	/* パンくず */
	p#pan{
		margin-top:30px;
		margin-bottom:30px;
		line-height:28px;
	}
	p#pan a{
		text-decoration:underline;
	}
	p#pan a:hover span{
		color:#4F1300;
	}

	/* 本体 */
	article{
		overflow:hidden;
	}
	div#wrap{
		overflow:hidden;
		max-width:96%;
		margin:0 auto;
	}
	img#m_visual{
		display:block;
		max-width:100%;
		height:auto;
		margin-top:15px;
		margin-bottom:15px;
	}
	h2.title,h2.title span{
		color:#FF6633;
		font-size:22px;
		line-height:30px;
		font-weight:bold;
		margin-bottom:7px;
		/* テキスト装飾 */
		letter-spacing:2px;
		text-shadow:1px 1px 0 #FFFFFF,1px -1px 0 #FFFFFF,
				  	-1px 1px 0 #FFFFFF,
				  	-1px -1px 0 #FFFFFF,
				  	4px 4px 4px #CCCCCC;
	}
	h2.title{
		margin-top:20px;
	}
	span.f_blue{
		color:#3366CC !important;
	}
	span.f_black{
		color:#333333 !important;
	}
	div.workpage{
		overflow:hidden;
		max-width:100%;
		margin-bottom:15px;
	}
	div.workpage div.detail{
		overflow:hidden;
		max-width:100%;
		margin-bottom:15px;
	}
	div.workpage div.detail{
		width:100%;
		margin-bottom:15px;
	}
	div.workdetail{
		overflow:hidden;
		width:100%;
		margin-bottom:30px;
	}
	div.workdetail h3{
		display:inline;
		font-weight:bold;
		font-size:24px;
		line-height:26px;
		vertical-align:middle;
		padding-left:30px;
		background-image:url("../images/mark.png");
		background-position:left;
		background-repeat:no-repeat;
	}
	div.workdetail div.worklist{
		overflow:auto;
		width:100%;
		height:180px;
		margin-top:3px;
		margin-bottom:7px;
		border:1px solid #CCCCCC;
		padding:7px;
		background-color:#FFF8EF;
	}
	p.textlink{
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
	}
	p.textlink a {
		display: inline-block;
		width: 200px;
		height: 54px;
		text-align: center;
		text-decoration: none;
		line-height: 54px;
		outline: none;
		background-color: #336699;
		color: #fff;
	}
	p.textlink a:hover {
		background-color: #fff;
		color: #336699;
		border: 2px solid #336699;
	}
	p.textlink a::before,
	p.textlink a::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	p.textlink a,
	p.textlink a::before,
	p.textlink a::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
/* left_content */
	div#left_content{
		overflow:hidden;
		width:96%;
		margin:0 auto;
	}
	.img_banner{
		max-width:100%;
		height:auto;
		margin-bottom:15px;
	}
/* footer */
	#footer_link ul{
	  list-style: none;
	  width: 100%;
	  padding: 0;
	  margin: 0 auto;
	}
	#footer_link ul li{
	  list-style: none;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  border-bottom: 1px solid #ED3B00;
	}
	#footer_link ul li:last-child{
	  border-bottom: 0px;
	}
	#footer_link ul li a{
	  position: relative;
	  display: block;
	  margin: 0;
	  padding: 10px;
	  background: #FF6633;
	  color: #fff;
	  text-decoration: none;
	}
	#footer_link ul li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 35px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #fff;
	}
	#footer_link ul li a:after{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 40px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #FF6633;
	}
	div#footer_img{
		overflow:hidden;
		margin:20px auto;
	}
	div#footer_img img{
		display:block;
		margin:20px auto 15px;
	}
	div#footer_img a img.f_Tel{
		max-width:65%;
	}
/* address */
	p#address{
		width:100%;
		padding:10px 0;
		background-color:#F2F2F2;
		text-align:center;
		font-size:12px;
		line-height:18px;
		margin-bottom:0;
	}
	p#address a{
		font-size:12px;
		line-height:18px;
	}
/* フッターにでる電話番号 */
	.footertel{
			overflow:hidden;
			display:block;
			width:100%;
			position:fixed;
			bottom:0px;
			right:0px;
			margin:0px 0px -5px 0px;
	}
	.footertel .telimg{
		max-width:100%;
		height:auto;
	}
}