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

* {
	margin:0;
	padding:0;
	border:0;
	line-height:1.7em;
	text-decoration:none;
}

p,

body, textarea { font-family: "游ゴシック体","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
input, select { font-family: "游ゴシック体","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
/*-------*/

html{
	 overflow-y: scroll;
	 position: absolute;
	 width:100%;
	 min-width:1200px;
}

body{
	width:100%;
	text-decoration:none;
	text-align:justify;
	margin: 0;
}

p{
	text-align:justify;
	margin-bottom:13px;
	color:#333;
}

h2,h3,h4,h5,ul,li,dt,dd,a{
	color:#333;
}

a{
	text-decoration:underline;
}

a:hover{
	text-decoration: none;
}

.al_right{
	text-align:right;
}

/*------- header -------*/
#head_wrap{
	border-top:4px solid #002147;
}

#header{
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}

#top_rogo{
	float:left;
	padding-top:26px;
}

#contact{
	float:right;
	margin-right:13px;
}

#contact p{
	margin-top:10px;
	text-align:right;
}

#contact a span{
	display:inline-block;
	vertical-align:middle;
}

#contact a span img{
	width:250px;
}

#contact a span img:hover{
	opacity:0.6;
}

div#contact img + br + a{
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	background:url(./img/mail_ico.gif) no-repeat;
	padding:0 0 0 35px;
}

#contact a:hover{
	text-decoration:underline;
}

#navi_wrap{
	clear:both;
	background-color:#eee;
}

#navi_menu{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	height:88px
}

#navi_menu ul{
	overflow:hidden;
}

#navi_menu li{
	float:left;
	list-style-type:none;
}

#navi_menu a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	padding: 30px 63px 37px 62px;

}

#navi_menu a:hover{
	color:#fff;
	background-color:#EB001C;
}

#navi_menu a.curent_page{
	padding-bottom:26px;
	border-bottom:5px solid #EB001C;
}

#navi_menu a.curent_page:hover{
	padding-bottom:26px;
	color:#333;
	background-color:#eee;
	border-bottom:5px solid #EB001C;
}

/*---- slideshow ----*/
#slide{
	width:1200px;
	margin:0 auto 13px;
	visibility: hidden;
	height:540px;
	overflow:hidden;
}

#slide ul{
	list-style-type:none;
}

#top_slide{
	overflow:hidden;
}

/*---- main ----*/
#main{
	width:980px;
	margin:0 auto 30px;
}

#main a{
	color:#ff9524;
}

.btn{
	display:block;
	float:left;
	font-weight:bold;
	color:#333 !important;
	text-decoration:none;
	line-height:48px;
	width:220px;
	height:48px;
	margin:8px;
	padding:0 0 0 20px;
	background:url(./img/arrow_r.png) no-repeat;
	background-position:95% 50%;
	border:1px solid #ccc;
	border-radius:4px;
}

.btn:hover{
	opacity:0.6;
}

#main h2.tp{
	font-size:32px;
	height:70px;
	width:100%;
	clear:both;
	padding-top:40px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:auto auto 13px;
}

#main h2.company{
	background-image:url(./img/h2_company.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#main h3.tp{
	font-size:28px;
	height:60px;
	width:100%;
	clear:both;
	padding-top:30px;
	border-bottom:3px solid #ddd;
	margin-bottom:13px;
}

#main h4{
	clear:both;
	padding:8px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-bottom:13px;
	font-size:120%;
}

#main dt{
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	margin-bottom:13px;
}

#main dd{
	margin-left:30px;
	margin-bottom:13px;
}

#main ol{
	margin:auto 60px;
}

#main ol>li{
	margin-bottom:13px;
}

.mb_13>li{
	margin-bottom:13px;
}

#top_cont_box{
	width:467px;
	height:322px;
	background-image:url(./img/top_crane.jpg);
	border-top:5px solid #EB001C;
}

#top_cont_box h3{
	font-size:150%;
	padding:15px 0;
}

#top_cont_box ul{
	list-style-type:none;
}

#top_cont_box li>a{
	display:block;
	width:207px;
	height:29px;
	background-color:#333;
	background-image:url(./img/arrow_w.png);
	background-repeat:no-repeat;
	background-position:right;
	border-radius:3px;
	padding: 13px 0px 2px 13px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	color:#fff;
	margin-bottom:8px;
	opacity:0.9;
}

#top_cont_box li>a:hover{
	background-color:#EB001C;
	opacity:1;
}

p.tpb_bottom{
	margin-top:85px;
}

p.tpb_bottom>a{
	display:block;
	text-decoration:none;
	color:#333 !important;
	font-size:75%;
	width:454px;
	height:50px;
	padding:20px 0px 3px 10px;
	background-color:#eee;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 1%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9f9f9 1%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9f9f9 1%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	background-repeat:no-repeat;
	background-position:right;
	border:1px solid #ccc;
	border-radius:3px;
}

p.tpb_bottom>a:first-line{
	font-weight:bold;
	font-size:170%;
}

p.tpb_bottom>a:hover{
	opacity:0.8;
}

img.arrow{
	position:relative;
	float:right;
	top:-12px;
}

/*---- news ----*/

#news{
	width:980px;
	clear:both;
	padding:50px 0 0 13px;
}

#news h3.news{
	background-image:url(./img/news_title.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:30px;
}

#news ul{
	list-style-type:none;
	font-size:80%;
}

#news li{
	clear:both;
	overflow:hidden;
	margin-bottom:3px;
}

#news span{
	float:left;
}

#news span.v_center{
	top: 0px;
	margin: 0px;
	padding-top: 3px;
	display: block;
	float: left;
	vertical-align: middle;
}

#news img{
	margin:0 20px;
	width:80px;
}

#news a{
	color:#333;
}

#news a.kako{
	display:block;
	width:207px;
	height:31px;
	background-color:#EB001C;
	background-image:url(./img/arrow_w.png);
	background-repeat:no-repeat;
	background-position:right;
	border-radius:3px;
	padding: 13px 0px 2px 13px;
	text-decoration:none;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	margin-top:24px;
	margin-bottom:8px;
}

#news a.kako:hover{
	background-color:#EB001C;
	opacity:0.8;
}

/*---- footer ----*/

#footer_wrap{
	clear:both;
	overflow:hidden;
	background-color:#eee;
	padding-top:13px;
}

#footer{
	width:980px;
	margin:0 auto;
}

#footer > p > img{
	width:418px;
}

#sitemap{
	width:200px;
	padding:0px 20px;
	font-size:75%;
	float:left;
}

#sitemap p{
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
}

#sitemap p>a{
	text-decoration:none;
}

#sitemap dl{
	margin-bottom:50px;
}

#sitemap dt{
	font-weight:bold;
	margin-bottom:13px;
}

#sitemap ul{
	list-style-type:none;
	margin-bottom:24px;
}

#sitemap ul li ul{
	margin-left:15px;
	margin-bottom:13px;
}

#sitemap li:before,#sitemap dt:before{
	content:">";
}

#sitemap a:hover{
	color:#CAD4DE;
}

address{
	background-color:#002147;
	text-align:center;
	font-size:70%;
	font-style:normal;
	font-weight:bold;
	color:#fff;
	padding:25px 0;
}

/*---メールフォーム用---*/

form{
}



form th,td{
	padding:8px;
	border-bottom:1px dotted #ccc;
}

form tr.no_bod>th,tr.no_bod>td{
	border:none;
}

form input[type="text"],
textarea{
	border:1px solid #eee;
	border-radius:15px;
	margin:13px auto;
	padding:8px;
	outline:none;

	/* border-radius */
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;

	/* box-shadow */
	box-shadow:rgba(214, 221, 231, 0.65098) 5px 5px 5px 0px;
	-webkit-box-shadow:rgba(214, 221, 231, 0.65098) 5px 5px 5px 0px;
	-moz-box-shadow:rgba(214, 221, 231, 0.65098) 5px 5px 5px 0px;
}

form span{
	color:#F00;
}

form input[type="submit"],
[type="reset"]{
	width:200px;
	height:40px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	background-color: #E60D12;
	margin-left: 20px;
}

form input[type="submit"]:hover,
[type="reset"]:hover{
	background-color: #F94F53;
}

form label{
	cursor: pointer;
}

.ondes {color: #999;}

#sp_toggle,
#sp_menu{
	display:none;
}

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

html{
	min-width:100%;
}

#header,
#navi_menu,
#slide,
#main,
#news{
	width:100%;

}

#navi_menu{
	height:auto;
}

#navi_menu ul{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

#navi_menu ul li{
	float:none;
	width:20%;
	height:70px;
}

#navi_menu a{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 !important;
	width:100%;
	height:100%;
}

#top_cont_box{
	float:none !important;
	margin: 0 auto 1.5em;
	padding:1em;
	width:100%;
	background-repeat:no-repeat;
	background-position:right center;
	box-sizing:border-box;
}

#top_cont_box ul{
	margin-left:0 !important;
}

p.tpb_bottom{
	margin-top:0;
}

p.tpb_bottom>a{
	width:350px;
}

#footer{
	width:100%;
}

}

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

#top_rogo{
	float:none;
}

#top_rogo p{
	text-align:center;
}

#navi_menu ul li{
	width:calc(99.9999% / 3);
}

#top_cont_box{
	background-size: 60%;
}

#contact p > img{
	display:none;
}

}

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

#header,
#navi_menu,
#slide,
#main,
#news {
	box-sizing:border-box;
}

#top_rogo img{
	width:95%;
	height:auto;
}

#navi_wrap{
	text-align: right;
}

#navi_menu ul{
	display:none;
}

#sp_toggle{
	position:relative;
	display:inline-block;
	margin-bottom:0;
	padding:1em;
	font-size:100%;
	color:#EB001C;
	text-align:center;
	font-weight:bold;
	box-sizing:border-box;
	cursor:pointer;
}

#sp_toggle #sp_toggle_icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -2.5em;
  background: #EB001C;
  transition: .2s;
}

#sp_toggle #sp_toggle_icon:before,
#sp_toggle #sp_toggle_icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #EB001C;
  transition: .3s;
}

#sp_toggle #sp_toggle_icon:before{
  margin-top: -6px;
}

#sp_toggle #sp_toggle_icon:after{
  margin-top: 4px;
}

#sp_toggle #sp_toggle_icon.sp_close{
  background: transparent;
}

#sp_toggle #sp_toggle_icon.sp_close:before, #panel-btn .close:after{
  margin-top: 0;
}

#sp_toggle #sp_toggle_icon.sp_close:before{
  margin-top: -1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#sp_toggle #sp_toggle_icon.sp_close:after{
  margin-top: -1px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#navi_menu ul li{
	width:100%;
	height:50px;
}

#navi_menu a{
	justify-content:flex-start;
	padding:0 2em !important;
}

#slide .bx-controls-direction{
	display:none;
}

p.tpb_bottom>a{
	width:auto;
}

#top_cont_box{
	height:auto;
	padding-bottom:170px;
	background-position:bottom center;
	background-size:contain;
}

.top_bn{
	padding:0 !important;
}

.top_bn img,
#footer > p > img{
	display:block;
	margin: 0 auto;
	width:95%;
	height:auto;
}

#news{
	margin-bottom:2em;
}

#main{
	padding:.5em;
}

#sitemap{
	float:none;
	width:100%;
	font-size: 100%;
	box-sizing:border-box;
}

#sitemap li,
#sitemap dt{
	margin-top:1.5em;
}

div#contact img + br + a{
	background:none;
}

iframe{
	width:100%;
	height:300px;
}

#main h2.company{
	padding-left:1em;
	font-size:130%;
	height:110px;
	box-sizing:border-box;
	text-shadow:2px 2px 0 #fff;
}

#main h3.tp{
	font-size:120%;
}

#footer > p > img{
	width:95%;
}


}